2024-07.md

0701

• React Router v6 の調査
• 書籍検索アプリ制作
  • Scroll Restoration の実装
  • リリースノート作成・v1 リリース
  • develop ブランチの作成
• study-notes 6 月分の整理
• Cloudflare Turnstile の調査

0702

• Cloudflare Workers の調査
• Cloudflare Turnstile の調査

0703

• Cloudflare Pages Functions の調査
  • Vite の開発サーバーとの連携

0704

• 練習用リポジトリで Vite, React, Hono, Pages Functions の環境構築
• Cloudflare Turnstile の調査
• 企業調査

0705

• 練習用リポジトリで Turnstile と Resend の実装
• エラーハンドリングについて調査
• 企業調査

0706

• 練習用リポジトリで Hono と Zod を使ったバリデーションを行う
  • schema ファイルをフロントとバックで使い回す方法を模索
• 書籍検索アプリ制作
  • お問い合わせフォームの実装
  • プレビュー環境の構築
• GitHub-Flow について調査

0707

• Supabase の調査
  • 練習用リポジトリでログイン機能の実装

0708

• Supabase の調査
  • 練習用リポジトリで CRUD 機能の実装
• Open AI API の調査
• PostgreSQL の調査
  • 練習用リポジトリで CRUD 機能の実装

0709

• JWT の調査・練習

0710

• OAuth, Open ID, Open ID Connect について調査
• 『Web 技術の基本』
  • Chapter6 : Web のセキュリティと認証

0711

• JWT, セッション について調査・比較
• 『Web 技術の基本』
  • Chapter6 : Web のセキュリティと認証
• 『フロントエンド開発のためのセキュリティ入門』
  • Chapter7: 認証・認可

0712

• 練習用リポジトリで JWT を使ったログイン画面を実装
• エッジコンピューティング, サーバーレスについて調査
• 『Web 技術の基本』
  • Chapter3 : HTTP でやりとりする仕組み

0713

• 練習用リポジトリで JWT を使ったログイン画面を実装
• 『Web 技術の基本』
  • Chapter5 : Web アプリケーションの基本

0714

• 練習用リポジトリで JWT を使ったログイン画面を実装
  • React Router でルーティング
  • アクセストークンの検証
  • リフレッシュトークンを利用してアクセストークンを再発行
• SSR, RSC, Server Actions について調査
• HTTP 認証スキームについて調査
• 『Web 技術の基本』
  • Chapter7 : Web システムの構築と運用

0715

• Auth.js, Clerk, Lucia Auth について調査
• 練習用リポジトリで JWT を使ったログイン画面を実装
  • 動的ルーティング
  • バックエンドのディレクトリ構成の見直し・ファイルの切り分け
  • Cloudflare KV でユーザ情報の管理

0716

• 練習用リポジトリで JWT を使ったログイン画面を実装
  • Cloudflare KV でユーザ情報の管理
  • OAuth Provider（バックエンド）の実装
  • React OAuth2（フロントエンド）の実装

0717

• 練習用リポジトリで JWT を使ったログイン画面を実装
  • バックエンドの処理を OAuth Provider から jose に書き換え
  • React OAuth2（フロントエンド）の実装
  • React Query で fetch 部分 を書き換え

0718

• 練習用リポジトリで JWT を使ったログイン画面 を実装
  • エラーハンドリング
• 書籍検索アプリ制作
  • v2 用デザインカンプの作成

0719

• 書籍検索アプリ制作
  • v2 用デザインカンプの作成
• React で使えるアニメーションライブラリを調査

0720

• 旅行

0721

• 旅行

0722

• 旅行

0723

• 書籍検索アプリ制作
  • ヒーローセクション実装
    • tailwind.config.js でアニメーションの設定

0724

• 書籍検索アプリ制作
  • ヒーローセクション、アバウトセクション、アバウトページ、検索結果ページ、書籍詳細ページの実装・修正
    • Framer Motion を使った簡単なアニメーションの実装
    • shadcn/ui のセッティング

0725

• 書籍検索アプリ制作
  • お問い合わせページ、ユーザーページ、ハンバーガーメニューの実装・修正
    • Lottie Files

0726

• 認証ライブラリ・サービスの選定
• エッジサーバーでセッション情報を管理する方法について調査
  • D1, Durable Objects, Redis の比較

0727

• エッジサーバーでセッション情報を管理する方法について調査
  • D1, Durable Objects, JWT の比較
• 書籍検索アプリ制作
  • D1, Drizzle ORM のセットアップ

0728

• 書籍検索アプリ制作
  • 認証, セッション管理の API を実装

0729

• 書籍検索アプリ制作
  • Lucia のセットアップ
  • セッション処理を Lucia で書き直し

0730

• 書籍検索アプリ制作
  • セッション処理を Lucia で書き直し
  • CSRF 対策の調査と実装

0731

• 書籍検索アプリ制作
  • API エンドポイントをフロントエンドと連携 -> デプロイ！
  • Cookie の設定項目(sameSite, secure, credentials)の調査