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 に頼んでチラシの日付を直すまで。使えたもの・まだ厳しいものの実測をまとめます。
動画ありOrca を Windows に入れる|Git でつまずく2か所と、Claude Code・Codex を並べるまで
Orca の Windows 版を、ダウンロードから実際の画面で入れました。Windows でつまずく「Git がインストールされていません」と「Git に名前とメールが登録されていない」の直し方と、Claude Code と Codex を1つの画面に並べて同時に動かすところまで。
動画ありClaude 使い方 完全ガイド|初心者がこれ1本で全部使えるようになる
Claude(クロード)の使い方を、実際の画面で最初から。無料のアカウントで、書く・PDF を読む・調べる・作る・プロジェクトまで試し、有料プランでモデルの選び方・毎朝の予約・Claude Design を見ました。
動画ありOrca 使い方 完全ガイド|インストールから2つのAI・ワークツリー・スマホ操作まで
Orca の使い方を、インストールから実際の画面で全部まとめました。Claude Code と Codex を1つの画面で動かし、崩れたページを指さして直し、ワークツリーで3つの作業を同時に進めて main にまとめ、スマホから続きを頼むところまで。つまずきやすいところ3つも。

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 を用意してから入れ、最後にサンドボックスの設定まで済ませます。

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

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