AIを、実際の画面で学ぶ場所。
Claude Code、Codex、画像生成、映像生成。入れるところから仕事で使えるようになるまで、手を動かして確かめた手順だけを置いています。動画と記事はいつでも無料です。
レベルで選ぶはじめての方はここから
道具で選ぶ
内容で選ぶ
すべての記事・教材
最新動画あり【緊急】PHP の脆弱性、うちの WordPress は大丈夫?Claude Code に確かめて直させた
10月21日に修正版が出た PHP の重大な脆弱性2件(PHP2Shell)。PHP 7.4 のままの WordPress を題材に、Claude Code に「まだ何も変えないで」と確かめさせ、推測は根拠まで確かめ、古いテーマを先に直してから PHP 8.4.27 に上げました。WordPress のサイトヘルスで自分のサイトの PHP の版を見る方法も。
動画ありCADCraft|無料の AutoCAD 代わりで、Claude Code に店の平面図を描かせた
AutoCAD の代わりになる無料の図面ソフト「CADCraft」を、Mac に入れて試しました。AutoCAD と同じコマンドで描く、日本語の文字は打てるか、Claude Code に日本語で頼んでカフェの平面図を2分8秒で描かせるまで。使えたもの・まだ厳しいものの実測をまとめます。
動画ありCodex 使い方 完全ガイド|ChatGPT のアプリで頼むだけ、PC を止めても AI が働く
OpenAI の AI エージェント「Codex」を、ChatGPT のデスクトップアプリで最初から試しました。喫茶店のサイトにページを足し、ページを指さして直し、Mac のカレンダーを操作させ、最後はパソコン(仮想 Mac)を止めている間にクラウドで予約のページを仕上げるまで。かかった時間の実測と、つまずいた所3つをまとめます。
動画ありArtCraft|Adobe も Office も無料? Photoshop・Word の代わりは本当に使えるのか、実際に試した
Photoshop・Acrobat・Word などの代わりになる無料のアプリ13本「ArtCraft」を、Mac に入れて試しました。PSD をレイヤーごと開く、PDF にコメントを入れる、Office の代わり3本、Claude Code に頼んでチラシの日付を直すまで。使えたもの・まだ厳しいものの実測をまとめます。
動画ありClaude Code vs Codex|同じ3Dゲームを作らせたら、グラフィックも性能も差が出た
Claude Code と Codex に、同じ3Dゲームを作らせて比べました。Orca の左右に並べて同じ頼み文を同時に送り、「作る」「グラフィックを良くする」「隕石500個でもなめらかに」の3回戦。かかった時間・見た目・性能(fps)の実測をまとめます。
動画ありOrca を Windows に入れる|Git でつまずく2か所と、Claude Code・Codex を並べるまで
Orca の Windows 版を、ダウンロードから実際の画面で入れました。Windows でつまずく「Git がインストールされていません」と「Git に名前とメールが登録されていない」の直し方と、Claude Code と Codex を1つの画面に並べて同時に動かすところまで。
動画ありClaude Code Projects 使い方|1回頼むだけで3つの仕事が同時に進む
Claude Code の新しい Projects を、実際の画面で使ってみました。喫茶店のホームページに3つの仕事を1回で頼むと、約4分で3つとも修正の提案ができ、「3つともマージして」の一言で取り込みまで終わりました。GitHub のつなぎ方と、つまずきやすいところも。
動画ありClaude 使い方 完全ガイド|初心者がこれ1本で全部使えるようになる
Claude(クロード)の使い方を、実際の画面で最初から。無料のアカウントで、書く・PDF を読む・調べる・作る・プロジェクトまで試し、有料プランでモデルの選び方・毎朝の予約・Claude Design を見ました。
動画ありChatGPT dots 使い方|24時間動く AI に調べものと毎朝の仕事を任せる
ChatGPT の新しい機能「dots」を、実際の画面で使ってみました。自分専用のクラウドのパソコンで動く AI に、カフェ5店の値段調べを頼むと約5分で出典つきの表に。毎朝8時の予約も、頼むだけでできました。
動画ありHermes Agent 使い方 完全ガイド|Claude のサブスクで動かして LINE から頼む・毎朝届く
使うほど自分専用になる AI エージェント「Hermes Agent」を、Mac に入れて Claude のサブスクで動かし、LINE から頼めるようにするまで。覚える・スキルにする・毎朝のジョブも、実際の画面で見せます。
動画ありObsidian × Claude Code 使い方 完全ガイド|散らかったメモの整理・Bases・スマホから頼む
メモアプリの Obsidian と Claude Code を組み合わせて、メモ帳を AI の作業場に。ばらばらだった15枚のメモが、日本語で頼むだけで5つのフォルダに分かれ、リンクでつながりました。Bases の一覧表づくり、スマホから頼むところまで。
動画ありOrca 使い方 応用編|2つのAIで直して確かめる・変更へのメモ・コミット・使用量
完全ガイドの続き。変更点の行にメモを書いて Claude に送ると、ファイル名と行番号つきで届き、11秒で直してくれました。使用量の見方、探し方、最初に変えておきたい設定、よく頼むことをボタンにする「コマンド」、AI に書かせるコミットメッセージ。最後は Codex に確かめさせ、ブラウザで確認するところまで。
動画ありClaude Code に動画編集を丸投げ|顔も声も出さずに YouTube 動画を作る
5分8秒の画面録画を渡して、日本語で5文頼んだだけ。止まっている所のカット、字幕と AI の声、縦長の Shorts、サムネ、表紙とまとめのカード、YouTube の章立てまで Claude Code が作りました。声は Typecast で作る手順と、読み上げ原稿のコツも。
動画ありGemini 4 Argon とは?性能・料金・いつ使えるかを公式発表から解説
Google が9月30日に発表した新しい AI。公式の比較表では19項目中14項目で1位、一度に出せる長さは100万トークン。ただし今使えるのはごく一部の人だけで、一般公開の日付は未定です。料金と、今から契約してもすぐには使えない点まで。
動画ありスマホで崩れたページを「指さすだけ」で直す
パソコンでは普通なのに、スマホで開くと崩れているページ。Orca の「フィードバック」で崩れている所をクリックし、日本語で「ここが切れてる」と書いて Claude に送るだけで、31秒で直りました。コードは一行も読みません。Claude に何が届いているのか、初めてのフォルダでつまずくポイントまで。
動画ありOrca 使い方 完全ガイド|インストールから2つのAI・ワークツリー・スマホ操作まで
Orca の使い方を、インストールから実際の画面で全部まとめました。Claude Code と Codex を1つの画面で動かし、崩れたページを指さして直し、ワークツリーで3つの作業を同時に進めて main にまとめ、スマホから続きを頼むところまで。つまずきやすいところ3つも。

生成AIとエージェントAIの違い
文章を書いてくれるAIと、手を動かしてくれるAI。同じ「AI」でも、任せられる仕事がまるで違います。どちらに何を頼めばいいのかを、実際の画面で見分けられるようにします。

AIへの頼み方
同じAIでも、頼み方で返ってくるものが変わります。伝える順番、前提の置き方、やり直しのさせ方。毎回使える形に整理しました。

Claude Code を Mac に入れる
ターミナルを開くところから、インストール、ログイン、最初の1回を動かすところまで。つまずきやすい PATH の警告も、画面どおりに直せる形で説明します。

Claude Code を Windows に入れる
PowerShell に1行貼って入れ、PATH を足して開き直す。ログインでは認証コードを貼ります。Windows ならではの引っかかりも含めて通しで解説します。

Codex を Mac に入れる
公式の1行を貼るだけで入ります。ChatGPT のアカウントでサインインし、フォルダの確認に答えれば準備完了。Claude Code との使い分けまで。

Codex を Windows に入れる
標準の PowerShell 5.1 ではエラーになることがあります。PowerShell 7 を用意してから入れ、最後にサンドボックスの設定まで済ませます。

基礎編
AIの種類と頼み方。ここから読むと、あとの手順が迷わず進みます。

導入編
Claude Code と Codex を、Mac と Windows それぞれに入れる手順のまとめ。

実践編
入れ終わったあと、実際の作業で使う回のまとめ。画面を見ながら、AI に仕事を任せるところまで。

Claude Code に絶対入れておきたいスキル5選
作った画面を自分で確認できない、会話が長くなると前の話を忘れる、デザインが毎回似てしまう。モデルの力不足ではなく、つないでいる機能がないだけです。その穴を埋める無料スキル5つを、まとめて入れて動作確認するところまで。
