R note

R noteで実装したいこと

GatsbyJS覚え書き

このサイトでこれから実装したいものと完了したものをリストしていきます。まだまだやることたくさん。

けど、GatsbyとReactが結構楽しい今日この頃ですw

これから実装したいこと

  • トップページのカテゴリをマウスで横にドラッグできるようにする
  • Airtableでノート更新時にNetlifyのBuildをトリガーする方法を探す
  • Airtableでslugが重複しないようにする
  • ローカルでのスマホテスト環境の構築(ngrokだと画像表示に問題あり)
  • 検索機能
  • 画像の処理の仕方を考える(gatsby-imageで画像の最適化?)
  • アクセシビリティのチェック(Lighthouseでの簡易チェックは完了)
  • Markdown用のスタイル追加

    • table
    • button
    • リスト
  • CSS Modulesの整理(styled-componentsと比較)
  • ローカル環境でプレビュー機能(Draft記事もビルドする → 実装したのでメモに残す)
  • ESLintの設定
  • オフライン閲覧
  • ページ間のトランジション(アプリっぽくするやつ)
  • Google Fontsを試す

完了したこと

Pending

  • Aboutページの設置(いるかなぁ)