MongoDB入門 - NoSQLデータベースの基礎
MongoDBのCRUD操作、インデックス、集計パイプラインを実践的に学ぶチュートリアル。
PostgreSQL入門 - psqlでデータベースとテーブルを1つ作る
PostgreSQLへ接続し、学習用データベースとbooksテーブルを作成して、3件のINSERTとSELECTを確認する最小チュートリアルです。
Tailwind CSS v4入門 - Viteでレスポンシブカードを作る
Tailwind CSS v4をViteへ導入し、スマートフォンとPCで配置が変わるカードを1つ作って動作確認します。
Next.js 16 App Router入門 - page・layout・動的ルート
Next.js 16のApp Routerで、共通layout、page、動的ルート、Link、最小のClient Componentを作ります。
TypeScript入門 - 型を付けて1つのファイルをコンパイルする
JavaScriptの基礎を終えた人向けに、基本型、配列、オブジェクト、関数、union型、narrowingを1つのファイルで実践します。
React Hooks入門 - useStateとuseEffectでタイマーを作る
ViteとReactで、useState、イベント、派生値、cleanup付きuseEffectを使ったタイマーを作ります。
ドメイン取得方法：初心者が公開前にやること
初心者が独自ドメインを取得する前に確認する名前選び、料金、更新、DNS管理、ホスティング接続までの流れを整理します。
ドメイン入門実装へ進めるIssueの書き方
題名だけのIssueから抜け出し、背景、目的、対象範囲、完了条件、対象外、参考情報、未決事項を整理して作業を開始できる状態にします。
運用と協働ポートフォリオを問題・判断・結果で説明する
機能と技術の羅列ではなく、誰の問題を見つけ、何を比較して決め、実装後にどう確認し、何が残ったかを成果物の物語として整理します。
運用と協働AIへ大きな実装を丸投げしない：作業を小さく分ける
AIコーディング支援への依頼を、調査、契約確認、実装、検証、レビューに分け、安全に確認できる差分へ変える方法を学びます。
AIと学習設計TDD入門：Red・Green・Refactorを小さな関数で練習する
テスト駆動開発を難しい設計手法として暗記せず、失敗するテスト、最小の実装、読みやすい改善の短いサイクルで体験します。
チーム制作の振り返りテンプレート：成果・判断・協働を残す
チーム開発終了後に、完成機能だけでなく、設計判断、役割分担、レビュー、問題対応、次の改善を具体的な証拠とともに整理するテンプレートです。
大きなコードを全部読まない：入口から処理を追うコードリーディング
既存コードの全体を先頭から読むのではなく、画面、URL、関数名、イベント、エラー文を入口に、変更対象の処理までたどる方法を実演します。
読みにくいコードを直す練習：名前・分割・重複の順に見る
コードを短くすることだけを目標にせず、名前、処理の分割、重複、条件分岐を観察し、動作を保ちながら読みやすくする練習です。
Clerk実践 - 認証基盤を最短で構築する
ClerkをNext.jsへ導入し、sign-in UIとdashboard pageを作り、pageやAPIの近くで認証を確認する基本を学びます。
Resend APIでトランザクションメールを送る
ResendのNode.js SDKを使い、verified domainと環境変数を準備して、HTMLメールを1通送信する手順を学びます。
Upstash Redis実践 - サーバーレスRedisでデータキャッシング
Upstash Redisのset/getとTTLを試し、サーバーレス環境でcache-asideを実装する基本を学びます。
Astroを使ってみよう - コンテンツ重視サイトを高速に作る入門
Astroの島アーキテクチャ、コンテンツコレクション、レイアウト、Markdown統合までを実践的に学び、高速な静的サイトを構築する。
Svelte入門 - コンパイラ型UIフレームワーク実践ガイド
コンパイル時に最適化される軽量UIフレームワークSvelteで、リアクティブなコンポーネントとストアを使ったアプリを構築する実践チュートリアル。
shadcn/ui入門 - 再利用可能なUIコンポーネントを作る
shadcn/uiをNext.jsに導入し、Button、Card、Form、Dialogを追加しながら、アクセシビリティとテーマ調整を練習します。
