ようこそ AI Land へ — このブログの歩き方

はじめまして

このブログ AI Land は、Wataru (@yubokumin28) が自分で作った Web サイトや Web アプリの 「使い方・裏側・つまずいたところ」 を、リゾート × ロボットの世界観で発信する場所です。

トップページのヤシの木とロボットが、このブログの方向性のすべてを表しています。

ここで読めるもの

カテゴリ	内容
作り方	Astro / R3F / Tailwind / Supabase などの実装メモ
使い方	自作したアプリの操作ガイドと使いどころ
設計	UI / 情報設計 / SEO のちょっとした工夫
AI連携	Claude / GPT を組み込む実例

技術スタック (このサイト自体)

• Astro 6 — 本文超軽量、Islands で 3D だけ重く
• React Three Fiber + drei — ヒーローの 3D シーン
• Tailwind CSS v4 — @theme directive でリゾートパレット
• Framer Motion + GSAP — フェードイン、ホバー、ページ遷移
• MDX — 記事はこの形式
• Supabase + Cloudflare Pages — 認証とホスティング (Phase 2 以降)

このあとの予定

1. 自作プロダクトの紹介記事を順番に公開
2. Phase 2: Supabase 認証 + 投稿管理画面
3. Phase 3: 招待制マルチユーザー
4. Phase 4: LinkedIn 自動投稿

それではよろしくおねがいします。