R noteで実装したいこと
2018年12月1日2019年1月23日
このサイトでこれから実装したいものと完了したものをリストしていきます。まだまだやることたくさん。
けど、GatsbyとReactが結構楽しい今日この頃ですw
これから実装したいこと
- トップページのカテゴリをマウスで横にドラッグできるようにする
- Airtableでノート更新時にNetlifyのBuildをトリガーする方法を探す
- Airtableでslugが重複しないようにする
- ローカルでのスマホテスト環境の構築(ngrokだと画像表示に問題あり)
- 検索機能
- 画像の処理の仕方を考える(gatsby-imageで画像の最適化?)
- アクセシビリティのチェック(Lighthouseでの簡易チェックは完了)
- Markdown用のスタイル追加
- table
- button
- リスト
- CSS Modulesの整理(styled-componentsと比較)
- ローカル環境でプレビュー機能(Draft記事もビルドする → 実装したのでメモに残す)
- ESLintの設定
- オフライン閲覧
- ページ間のトランジション(アプリっぽくするやつ)
- Google Fontsを試す
完了したこと
- メタ情報の設置(react-helmet?)(参照)
- Google Analyticsの設置
- Socialアカウントのリンク設置(CopyrightのところにTwitterのリンクを入れた)
- ロゴの設置(参照: ロゴはいりました)
- og:imageの設置(とりあえずサイト共通のものを入れた。今後、記事の最初に入れた画像を設定したい)
- Sassを使えるか調査 → 使えるらしい(参考)
- Markdownの変換をgatsby-transformer-remarkにしようかな → 完了しました
- HelmetにhtmlAttributes={{ lang: 'ja' }}を入れる(react-helmetを使って挿入)
- SyntaxハイライターのPrismJSの追加(このへん? / 入れました)
- 404ページの設置
- RSS Feedの追加
- 記事カテゴリの追加
- 更新日の追加
- 各種アイコンの追加(SVGアイコンにしたいなぁ)(説明はこちら)
- トップページにカテゴリ一覧を表示(追加しました!)
- Topページで記事をPinできるようにする(しました!)
Pending
- Aboutページの設置(いるかなぁ)