todo.md

PREMISE

• 自分を知っていただくためのブログサイト
  • 自分のユニークさを出す
    • 技術選定
    • 経歴
    • 趣味
    • 今の思考
• ユーザーが読みやすいサイトを目指す

TODO

• CSSスタイリングのリファクタリング
• フォーカス
  • PC
    • SPヘッダーナビゲーションメニューのフォーカスをPC時はOFFにする
  • SP
    • フォーカス順序を確認する
  • 記事カードのフォーカスをしっかり表示されるように調整
  • フォーカス時のUIをできる限り統一する
• blog画面
  • 記事検索機能の挙動を改善する
    • 検索中のローディング表示を追加する
    • 検索結果が0件の時の表示を改善する
    • 検索履歴を保存する（localStorage）
    • キーワードを入れてから検索結果が出るまで待つ（デバウンス処理）
    • タイトルだけでなくタグも検索対象に
    • 記事の概要文も検索対象に
  • 目次の場所をもう少し使いやすい場所に表示する
    • PC
      • 記事コンテンツの左横
    • SP
      • 画面上部か下部どちらかに追従するように目次ボタンを表示
• サイトの英語対応を行う
  • Blog記事の翻訳以外を進める
  • Blog記事は、英語版がなければ日本語版にフォールバックするようにする
  • 英語の記事を書く
• 画像の読み込みを最適化する
  • リモート画像の最適化
  • OGP画像の最適化
• メインビジュアルにアニメーションを追加する
• ディレクトリ構成を整理する
• ヘッドレスCMSと接続し、記事の編集をAPI経由で可能にする
• Cloudflare Browser Insightの設定追加

BLOG

• pnpmの基礎を理解する
• npmからpnpmへの移行
• 目次UIに全てをかける
• rehype/remarkについて
• メニューとハンバーガーメニューの戦い
• ローディングUIの歴史
• ReactからPreactに移行する
• Prefetchの観点からServer islandを観察する
• revalidateTagとrevalidatePath
• Webhookについて
• :::構文をどのように実装したか

How

1. 現状の調査
2. 最適な方法の模索
3. 選択と実装

HIGH PRIORITY