現役エンジニアが書く、

AIで初めてプロダクトをつくる人のためのメディア

記事一覧

すべてWebはじめかた
$git push origin mainDeploying...✓ ReadyProductionhttps://my-todo.vercel.app$
Web

TODOアプリを公開しよう — Vercelで世界に届ける

Claude Codeで作ったTODOアプリをGitHubにアップロードしてVercelで公開する方法。URLを手に入れて誰でもアクセスできる状態にします。

2026年04月03日

StoragelocalStorageKeyValuetodos[{"id":1,"text":"Buy...theme"light"
Web

データを保存する — LocalStorageでTODOを残す

ブラウザを閉じてもTODOが消えないように、LocalStorageを使ったデータ保存をClaude Codeに追加してもらいます。

2026年04月02日

Web

Claude CodeでTODOの画面を作る

Claude Codeと会話しながら、TODOの追加・一覧表示・削除・完了チェックができる画面を作ります。

2026年04月01日

$claude>src/app/page.tsxTODO+
Web

アプリとWebサイトの違いとは？ — Claude Codeで最初のプロジェクトを作ろう

アプリとWebサイトは何が違う？その違いをわかりやすく解説し、Claude Codeのインストールから最初のNext.jsプロジェクト作成まで、手順どおりに進められます。

2026年03月30日

はじめかた

作ったページを世界に公開しよう — GitHub + Vercelで無料デプロイ

Artifactsで作った自己紹介ページを、GitHubとVercelを使ってインターネットに公開します。面倒な操作はClaude Desktopにお任せ。あなたは「お願い」するだけです。

2026年03月27日

はじめかた

Claudeに「Webページ作って」と頼んでみよう

ClaudeのArtifacts機能を使って、自己紹介ページを作ります。コードは一切書きません。話しかけるだけで、目の前にWebページが現れる体験をしてみましょう！

2026年03月26日

はじめかた

Claudeへの聞き方ガイド — 最初の会話で使える3つのコツ

Claudeにどう聞けばいい？ざっくり質問・条件付き・役割指定の3パターンを実際に試しながら、AIとの会話のコツをつかめます。初心者向け。

2026年03月25日

GPTClaudeGemini
はじめかた

ChatGPT・Claude・Gemini — まずどれを使えばいい？

ChatGPT・Claude・Geminiの違いを初心者向けにわかりやすく解説。どれを選べばいいか迷っている方に向けて、それぞれの特徴からClaudeのアカウント作成手順までをステップごとに紹介します。

2026年03月25日