yaginumatti https://blog.hatena.ne.jp/yaginumatti/ yagibrary https://yagibrary.hatenablog.com/ YouTube プログラミング 生成AI youtu.bePolarisプロジェクト（AIコードエディタ）開発の第1歩として、2026年基準の最新フロントエンド基盤を構築します。Next.js 16、Tailwind CSS v4、そしてshadcn/uiを組み合わせた堅牢なセットアップ手順を解説します。 技術スタック概要 Step 1: Next.js プロジェクトの作成 Step 2: ディレクトリ構成 Step 3: Tailwind CSS v4 のセットアップ Step 4: デザイントークン (カラーシステム) Step 5: フォントの設定 Step 6: ダークモードの実装 Step 7: shadcn/ui のセット… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyagibrary.hatenablog.com%2Fentry%2Fyoutube-memo-CursorClone-20260212" title="【YouTube／Build and Deploy a Cursor Clone】01: Project Setup - yagibrary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/158990216/167315794798106 Hatena Blog https://hatena.blog 2026-02-12 05:56:56 rich https://yagibrary.hatenablog.com/entry/youtube-memo-CursorClone-20260212 1.0 100%