Nuxt.jsの開発環境を整える

Development

  • Nuxt.js

2019.07.20

とりあえずこのページの通りに進める。 色々質問されるが、ずっとEnter押し続けるだけでもOKだと思う。 僕の場合は、 Choose Nuxt.js modulesで、と Choose linting toolsで、と のチェックをすべて入れた。あると便利。 少し迷ったのが、Choose rendering modeという項目。Universal(SSR)かSingle Page Appか選ぶのだが、どう選ぶべきなのかイマイチわからな…

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> まず最初に思いついたのは。 しかし、dtで定義された名前についてddで説明するわけではないし違う気がする。 は何かの名称についての説明や、質問についての答えなど、名前と値が対になったデータをグループにするのに使う。 他には思いつかなかったので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 作成された…