鶴岡シャッターズギルド|Claudeアプリ講座 全2回・最終回
鶴岡シャッターズギルド

道具は、自分で作る。

第2回 Claude Codeで作って、公開する
講師: ____/2026年_月_日
01⚒ 鶴岡シャッターズギルド

「作りたいもの」、持ってきましたか?

フォルダの整理と、2個目のスキル、どうでした? 今日はいよいよ「作る」番です。

今日のゴール: あなたの作品に、公開URLがつく。
02⚒ 鶴岡シャッターズギルド
まず、できあがりの実物から

非エンジニアでも、ここまで作れます

自作のテロップ編集ツール。動画の字幕を一覧で編集し、編集ソフト用データを書き出す画面
テロップ入れツール動画に字幕+編集ソフト用データ
自作の不動産収益シミュレーター。利回りや税引後IRRを自動計算する画面
収益シミュレーターExcel計算をWebツール化
ポレポレDIY公式サイトのトップページ
ポレポレDIY公式サイト会社の顔
8bitゲーム風のDIY学習サイト「DIYクエスト」のトップページ
DIYクエストゲーム感覚で学べるDIYイーラーニングサイト
ぜんぶ、コードは1行も書いていません。
03⚒ 鶴岡シャッターズギルド
今日の安全

スマホアプリまで: DIYDAOの会員アプリ

DIYDAO会員アプリのログイン画面。ビーバーのマスコットとDiscordログインボタン
コミュニティの活動管理がスマホでできる
会員の住所は伏せて表示する仕組みもClaudeと相談して実装
作る側になっても、「入れていい情報の線引き」は同じ。守りながら、作る。
04⚒ 鶴岡シャッターズギルド
そして、これが一番大事な事例

きみさん(ギルド会員)が、お店の予約アプリを作りました

ここに事例スクショ
専門家の話ではありません。この部屋の隣の席の人の話です。次は、あなたの番。
05⚒ 鶴岡シャッターズギルド

Coworkは10GBの小部屋。Codeは、家全体。

画面上部のタブで「Code」へ
アプリ・サイト・ツールを作るときはこっち
プランモード: いきなり作らず、まず設計図(プラン)を見せてくれる
プレビュー: 作りながら画面で確認できる
「Codeって怖そう」——60分後、その印象は消えています。
06⚒ 鶴岡シャッターズギルド
みんなでやってみよう

作るものを決めて、頼む

目的・載せたい内容・雰囲気を、最初に全部伝える
「うちの店の紹介ページを作って。目的はLINE登録を増やすこと。載せるのは営業時間・メニュー・地図・LINEボタン。雰囲気は明るくてあたたかい感じ」
迷った人は定番の「お店(自分)の紹介ページ」で。宿題で考えてきたものがある人はそれで。
07⚒ 鶴岡シャッターズギルド
みんなでやってみよう

まず「設計図」が出てきます

Claudeがプラン(何をどう作るか)を先に見せてくれます
読んで、直したいところがあれば日本語で(「地図はいらない」「写真を大きく」)
OKなら「この通りに進めて
家を建てる前に、間取り図を確認するのと同じです。
08⚒ 鶴岡シャッターズギルド
みんなでやってみよう

画面を見ながら、日本語で直す

「見出しをもっと大きく」
「色をうちの店の看板に合わせて」
「スマホで見たときの表示も確認して」
気になる部分はスクショを撮って貼って「ここをこうして」でもOK(Win+Shift+S)
生成を待つ時間は、隣の人の画面をのぞきに行きましょう。
09⚒ 鶴岡シャッターズギルド

詰まっても、大丈夫

01止めて、頼み直す(「一回止めて。◯◯からやり直して」)
02「ブラウザで見せて」と言ってみる
03スクショを貼って「できてないよ」と伝える
それでもダメなら手を挙げてください。私の画面で続きをお見せしながら、スタッフが回ります。
10⚒ 鶴岡シャッターズギルド
みんなでやってみよう

できた人から、世界に公開

01Cloudflareに公開して」と頼む
02ブラウザでCloudflareにログイン(事前に作った無料アカウント)
03あとはClaudeが進めます → 公開URLが発行される
公開は希望者だけでOK。ローカルで動けば、今日は勝ちです。
11⚒ 鶴岡シャッターズギルド
今日の安全

公開するときの3か条

3
か条
01個人情報・住所を載せない(迷ったら伏せる。DIYDAOアプリは住所を隠す機能まで実装しました)
02秘密の鍵をコードに書かない(公開前に「秘密情報が入ってないかチェックして」とClaudeに頼む)
03公開URLは全世界から見える前提で(試作品はデモデータで)
12⚒ 鶴岡シャッターズギルド

見せ合いましょう

隣の人と作品を見せ合う
できた人は公開URLをギルドLINEへ
「どう頼んだか」を教え合うのが一番の勉強
60分前には存在しなかったものが、いまこの部屋に並んでいます。
13⚒ 鶴岡シャッターズギルド
全2回の伏線回収

あなたはもう、全部の部品に触りました

フォルダ
×
スキル
×
スケジュール
×
コネクタ
×
Code
毎朝の自動レポート= スケジュール × フォルダ
話すだけnote記事= スキル × 音声
予約アプリ・公式サイト= Code
あとは、この部品の組み合わせを増やしていくだけです。
14⚒ 鶴岡シャッターズギルド

AIオーナーへの5段階

5
段階
Lv1チャットで相談する
Lv2Coworkに仕事を任せる
Lv3スキルで資産化する
Lv4スケジュールで自動化
Lv5Codeで自分の道具を作る
この2回で、Lv5まで足を踏み入れました。あとは回数だけです。
15⚒ 鶴岡シャッターズギルド

次の一歩と、困ったときの逃げ道

おかわりメニュー
ディスパッチスマホから家のPCへ
Gmail連携返信下書きを自動で
Obsidian資料が「もう一人の自分」に育つ
困ったとき3ステップ
01スクショしてClaude本人に聞く
02ギルドLINEで聞く
03月2回のAI作業会に持ってくる
16⚒ 鶴岡シャッターズギルド
全2回、おつかれさまでした
鶴岡シャッターズギルド

今日から、AIオーナーです。

続きは、月2回のAI作業会で。次の「きみさん」は、あなたかもしれません。
ひとりで頑張る、を卒業しよう。 ⚒ 鶴岡シャッターズギルド
17⚒ 鶴岡シャッターズギルド