Change url when scrolled.

[oja-bitterlife]

変更内容: Summary

スクロールしたときに、スクロールバーのURLが見ているセクションのものに変わります。 URLをコピペするときに便利。

確認事項: Check point

• [x] PR を作成する前に、 https://github.com/omegasisters/homepage の最新の master を取り込み済みである。
  • Conflict や他の方の変更で自分の変更が動かなくなる可能性を防ぎます。
  • 最新の master を取り込む方法
  • upstream に fork 元リポジトリを追加
    • git remote add upstream git@github.com:omegasisters/homepage.git
  • 現在のブランチに upstream の master を取り込む
    • $ git pull --rebase upstream master
  • おまけ
  • rebase 後に再度 push する場合、 --force-with-lease オプションをつける
    • git push --force-with-lease origin <ブランチ名>
• [x] 動作確認済みである。
  • 何らかの理由で本番に取り込まれるまで確認できない場合はその旨を補足に記載する。
• [x] prettier によるコード整形を行った、もしくは画面に関係ない変更である。
  • 可能な方のみで良いと思いますが、意図せず他の方がフォーマットするとコード差分が増えすぎるので自分の分は自分でやるのがよろしいかと思います。
• [x] スマホ（狭い画角）でも表示を確認した、もしくは画面に関係ない変更である。
• [x] 他の方の変更を意図せず削除・変更していないか、差分をもう一度確認した。
• [x] 破壊的な変更を行った場合、影響範囲をもう一度確認した。もしくは破壊的な変更を行っていない。
• [ ] Pull Request に関連した issue の URL を貼り付けた

補足: Other Information

[ryamaguchi0220]

折角PRを作成して頂いたにも関わらず大変申し訳ないのですが、 私見ではこのPRはメリットよりデメリットの方が大きいように思えます。以下に理由を記します。 是非他の方のご意見も伺いたいです。

• スクロールされる度に発火する scrollイベントはサイトのパフォーマンス上、あまり使いたくない。現時点でもパフォーマンスがあまりよくないようなので、パフォーマンスリスクは特に注意すべきなのかなと思います。https://github.com/omegasisters/homepage/issues/329#issuecomment-577233027
• おめシスホームページのURLをコピペするケースの多数は、他者への「サイト自体の共有」であって「サイトの特定セクションの共有」をしたいケースは少数のように思えます。そうした場合、特定セクションへのURLよりTOPへのURLの方が望ましく、スクロールにより特定セクションへのURLに意図せず変わってしまうこの挙動は多数のケースで使いづらいのかなと思います。
• Webページの大半はスクロールでURLを動的に書き換えません。つまり基本的にユーザーはこれまでの経験によりこの挙動を予測できません。それにより、例えば「TOPへのURLを共有したいにも関わらず、スクロールにより書き換わった特定セクションへのURLを意図せず共有してしまった」などのユーザビリティの低下を引き起こす可能性があると思います。

[omegasisters]

@ryamaguchi0220 あ！すみません。見逃してそのままマージしてしまいました。。。

[ryamaguchi0220]

@omegasisters 変更は簡単にRevertできるので問題ないです！ まず新しいIssueを作ってRevertした方が良いか意見を募りたいと思います。