Vanilla JSのscroll Event最適化

Development

  • JavaScript
  • Optimization

2019.07.20

猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiitaこの記事がとても参考になる。この記事の内容を自分の理解のために少し噛み砕く。preventDefault()例えば、スクロールイベント内でpreventDefault()が実行されたら、スクロール処理は中止されます。しかしながら、ブラウザ側はイベント内でpreventDefault()が実行されるかどうかを事前に判定できません。(そのイベントが実行が終了す…

対話形式のUIをマークアップするのに相応しいHTMLタグは何か

Development

  • HTML
  • Accessibility

2019.07.15

Nao : よーし最強のUIを作ってやるぞー‼︎ Komura : うん頑張ろう!っていう感じのやつについて。<dl>まず最初に思いついたのは<dl>, <dt>, <dd>。しかし、dtで定義された名前についてddで説明するわけではないし違う気がする。<dl>は何かの名称についての説明や、質問についての答えなど、名前と値が対になったデータをグループにするのに使う。他には思いつかなかったのでWHATWGのドキュメントを読む。<cite>…

Gatsby & Netlify CMSで既存サイトにブログを構築するまでのメモ

Development

  • Netlify CMS
  • Gatsby

2019.07.15

Gatsbyのチュートリアルを終え、NetlifyでGatsbyのチュートリアルサイトをDeployするところまで体験した後の流れをメモっておく。本当は、gatsby new site-nameで作ったサイトにNetlify CMSをサッサと入れたいのだけどあまり参考になりそうな記事が見当たらないし、良くわからんかったのでここのStarter kitを利用して作ったサイトのコードを読んでみる。Netlify App作成されたRepos…