AI体験談・その他の記事一覧

Vibe Codingとは？プログラミング未経験の40代がAIだけでブログとアプリを作った記録

AI体験談・その他•2026年3月23日

Vibe Codingとは何か Vibe Coding（バイブコーディング）は、自然言語でAIに指示を出してコードを生成する開発スタイルのことです。この言葉を最初に使ったのは、Andrej Karp...

「え？これで終わり？」AIと4日間で作ったCMSを振り返る

AI体験談・その他•2026年3月13日

「管理ツール」が「ブログ」になった日最後の大きなステップは、公開ページの実装でした。ここまで作ってきたのは、すべてログインしないと見られない管理画面です。記事を書いて、編集して、画像を入れること...

AIの説明がわからなくてブチギレた結果、開発がうまく回り始めた話

AI体験談・その他•2026年3月12日

「もう何を聞いたらいいのかわからない」開発が進むにつれて、あるストレスがじわじわと溜まっていきました。 Claudeの説明が、飛ばし飛ばしになるのです。たとえば、「このファイルを作ってください」と...

AIと一緒にCMSを作る：4つのサービスの土台作りから記事CRUDまで

AI体験談・その他•2026年3月11日

土台を整える：Next.js、GitHub、Supabase、Vercel 要求定義書ができたので、いよいよ環境を作り始めます。ただ、ここでいう「環境を作る」というのは、アプリのコードを書くことでは...

AIに「それ、毎日使う？」と聞かれてCMSを作ることになった話

AI体験談・その他•2026年3月10日

冒頭でも書きましたが、このブログはSanityというCMSで記事を管理しています。 CMSというのはContent Management Systemの略で、日本語にすると「コンテンツ管理システム」で...

Claude Codeにブログサイトの"SEOで足りないもの"を教えてもらった話

AI体験談・その他•2026年3月5日

アクセスが伸びない。コードでなにかできることはある？ブログを始めて約1ヶ月が経ちました。記事もいくつか公開して、自分なりに中身のあるものを書いているつもりではいるのですが、アクセスは全然ありません...

初めてのClaude Codeで、自分だけのメモアプリを作った話【後編：実装・デプロイ編】

AI体験談・その他•2026年2月27日

セットアップでさっそくつまずいた Claude Codeを使うには、まずターミナルにインストールする必要があります。公式の手順に沿ってインストールを済ませ、さっそく claude と打ち込んでみまし...

初めてのClaude Codeで、自分だけのメモアプリを作った話【前編：設計編】

AI体験談・その他•2026年2月26日

Claude.aiとClaude Code、何が違うのか最初に、これだけは押さえておいてほしいことがあります。「Claude.ai」と「Claude Code」は、名前は似ているけど、別のものです...

Vibe Codingでブログ構築⑥｜Sanity Studio・SEO・アクセス解析の設定

AI体験談・その他•2026年2月21日

1. どこからでも記事を書ける環境を作るここまでの開発では、記事の編集は自分のパソコン上でしかできませんでした。でも、ブログを運用していくなら、移動中にスマホで下書きを進めたり、出先で修正したりで...

Vibe Codingでブログ構築⑤｜記事ページの実装からVercelで公開するまで

AI体験談・その他•2026年2月20日

1. 1つのファイルで全記事を表示する仕組み一覧画面ができたので、次は記事をクリックしたときに本文が読める「個別記事ページ」を作ります。ただし、記事が増えるたびにページを1つずつ手作りしていたら、...

Vibe Codingでブログ構築④｜コンポーネント整理とレスポンシブ対応

AI体験談・その他•2026年2月19日

1. 一つのファイルが長くなりすぎた問題前編で作った器に記事の一覧を並べてみると、一つのファイル（page.tsx）の中にデザインのコードがどんどん長くなっていきました。記事カードの見た目、タイト...

Vibe Codingでブログ構築③｜ゼロからClaudeと進めた最初の5日間

AI体験談・その他•2026年2月18日

1. まずClaudeに聞いたこと：「何から始めればいいですか？」 Next.jsのプロジェクトは作った。Sanityのアカウントも用意した。でも、エディタを開いて最初にやるべきことがわからない。 ...

Vibe Codingでブログ構築②｜Newtの終了とSanity × Vercelへの移行判断

AI体験談・その他•2026年2月17日

1. 当初の構成が使えなくなった2つの理由第1回で書いた通り、最初は「Newt」と「Cloudflare Pages」という組み合わせで進める予定でした。しかし、実際に登録作業を始めてみると、2つ...

Vibe Codingでブログを作った1ヶ月半｜プログラミング未経験40代がClaudeと構築した記録

AI体験談・その他•2026年2月16日

1. コードの前に提示された「ガイド」プロジェクトを始めたとき、Claudeはすぐにコードを書き始めるのではなく、まず技術選定のガイドを提示してくれました。どのサービスでサイトを公開するか、記事の管...

Claude × Perplexity：Web制作で両方使ってわかった役割の違いとMaxプランに課金した理由

AI体験談・その他•2026年2月10日

論理と対話のClaude：理解を深めるための「教育係」僕がメインの相談相手として選んだのが「Claude（クロード）」です。使い始めた理由は、事前に調べた時に「ロジックがしっかりしていて、コードの...