株式会社ワンオアエイト様 Claude・Claude Code 実装研修

全6回の
まとめ

期間2026年9月10日〜11月12日
回数全6回・各2時間
受講原様・横倉様

各回の録画の文字起こしをもとに、実際に扱った内容をまとめました。最初にお配りしたカリキュラムから、途中で内容を変えた回があります。この資料には、実際に行った内容を書いています。

原様がつくったもの
レンタルの予約サイト
予約フォーム → 仮予約のメール → レンタル専用の Googleカレンダーに登録。規約とプライバシーポリシーに同意してから送信
横倉様がつくったもの
業務アプリ(5画面)
生活保護リスト・家電在庫表・店舗在庫表・倉庫 商品管理・日計表を1つに。登録したメールアドレスに届く6桁のコードを入れた人だけが開ける
!
ご注意(第3回でお伝えしたことの補足)

第3回で「非公開のリポジトリなら Excel を渡しても問題ない」とお伝えしました。Claude に Excel を送って読ませるのは大丈夫です。ただ、個人情報を含む実際のデータ(生活保護のリストなど)は、GitHub に上げないでください。

○Excel を Claude(チャット・Claude Code)に送って読ませる
×個人情報を含む Excel を GitHub のリポジトリに保存する

Claude Code で作業するときは「このファイルはリポジトリに入れないで」と伝えてください。すでに入っている場合は、菊池までご連絡ください。

全体
2026年9月10日〜11月12日

6回の歩み

最初の2回は共通で Claude の使い方、第3回からはお二人それぞれの「作るもの」に分かれて進めました。
第1回9/10
第2回9/17
第3回10/8
第4回10/15
第5回10/29
第6回11/12
原様
Claude にログイン。SNS のプロジェクトを作成
SNS の困りごとを整理
Instagram の9月のデータを分析。GitHub・Cloudflare を作成
レンタルサイトの中身を決める。公開の手前で止まる
レンタルサイトを公開。予約の決めごと
予約のしくみができた。着物は Shopify で続ける
横倉様
(共通の内容)
在庫の困りごとを整理
生活保護の依頼を Claude で書式に。Excel をやめる方向
在庫アプリを公開(データは残らない状態)
1つのアプリにまとめ、データベースにつなぐ
6桁のコードで開ける人を限定
1回
9月10日(木)

Claude でできることの全体像

Claude の5つの機能と、思った答えを返してもらう頼み方を学びました。
Claude Code

パソコンの中のファイルを直接つくる・直せる。ファイルを自分で探して読める

プロジェクト

話題ごとに部屋を分け、前提(誰が・何について話すか)を覚えさせる。LINE のグループを旅行先ごとに分けるのと同じ

Claude考えるパートナー
すべての大もと
アーティファクト

つくった資料を URL で渡せる。社内で見せる資料向き。ホームページには向かない(会社のドメインが付かず、検索に出ない)

スキル

うまくいった型(投稿文・見積書の形など)を保存して、だれが使っても同じ質で出せるようにする

図:Claude の5つの機能。真ん中の Claude の中に、4つの機能がある

頼み方のコツ

ぼんやり頼む無印のダイニングテーブルの商品説明を書いて
→ どこにでも当てはまる、平均的な文章が返る
→
4つを書いて頼むホームページに載せる商品説明。無印のダイニングテーブル、素材は〇〇、サイズは〇〇。200字以内で。誇張しないで
→ 目的に合った文章が返る
目的何に使うか
使う情報商品名・素材・サイズ
出してほしい形字数・話し方
守ってほしい条件誇張しない など
ほかに話したこと
  • Cloudflare:無料で使えるサーバー。AI に作業を任せつつ、触ってよい範囲を人が決められる。Access という機能で、会社のメールアドレスの人だけが開ける設定もできる
  • AI エージェント:「いつ動くか」「何をするか」「材料」の3つを人が決めて動かしているもの。勝手に考えて動くわけではない
実際にやったこと
  • Claude にログイン(メールに届くリンクから)
  • 原様の SNS 運用のプロジェクトを作成。Instagram のアカウントごとにプロジェクトを分け、同じプロジェクトの中でも話題ごとにチャットを分ける
宿題業務で不便なこと(3つほど。もっと多くても可)と、どれくらいの時間になれば楽か(例:1投稿30分 → 5分)
2回
9月17日(木)

困りごとの整理と Claude Code の準備

お二人の困りごとを出し合い、直す順番の決め方と、Claude Code を使う準備をしました。
原様|SNS

困りごと

  • 投稿の種類(写真・リールなど)の選び方に迷う
  • リールの音源(流行りの曲にすると世界観がそろわない)
  • 投稿から買取のご依頼につなげたい

進め方

  • 選び方の基準を言葉にしてルールにする。そのために数字(閲覧数など)を取る
横倉様|在庫

困りごと

  • 在庫表に写真がなく、表と現物が一致しにくい
  • 値下げやイベントの準備に時間がかかる
  • 同じ品に新しい品番を付けてしまい、在庫の数がずれるおそれ
  • 生活保護向けの家電の仕入れが、店舗の仕入れ表と同じ表に入っている
  • 毎月、表をコピーしてリセットする手間とミスのおそれ

進め方

  • 使いやすいシステムにして、データの移しかえを自動にする

直す順番の決め方

やる回数
×
かかる時間
=
大きいものから直す

覚えたこと

このあと変わったこと第3回から、Claude Code は Chrome の Web 版で使い、作ったものは GitHub に置く形に変えました。
宿題Lark のビデオ会議を録画しながら、悩みを話しておく
3回
10月8日(木)

サイトとシステムの土台づくり

作ったものを保存する場所(GitHub)と、公開する場所(Cloudflare)を、事業ごとに用意しました。
原様|使い始め
  • 9月分の Instagram のデータを Claude に読ませ、写真の投稿の反応がよいと分かった
横倉様|使い始め
  • 電話で受けた生活保護のご依頼を Claude に入力して、決まった書式に貼り付ける形を作った
  • Googleカレンダーに配達日と見積書を入れたい、というご要望をいただいた

事業ごとにアカウントを分ける

すみれ原様が代表
GitHubリポジトリ「すみれ」
→
CloudflareURL にして公開
ワンオアエイトのアカウントを「すみれ」に招待済み
ワンオアエイトまさし様が代表
GitHubリポジトリ「在庫」など
→
CloudflareURL にして公開
Claude につなぐ GitHub のアカウントはこちら1つ

図:GitHub = 作ったもの(プログラム)の保存場所。パソコンが壊れても消えない。保存する単位を「リポジトリ」と呼び、必ず「非公開」で作る。Cloudflare = URL にして公開する場所。GitHub とつなぐと、直したものが自動で公開に反映される

決めたこと

このあと変わったことホームページは、このときは「Jimdo をやめて新しいドメインで作る」案でした。第6回で「着物の販売は Shopify で続ける」に変わりました(第6回を参照)。
4回
10月15日(木)

公開とつまずき

横倉様の在庫アプリは公開まで進み、原様のレンタルサイトは公開の手前で止まりました。
横倉様|在庫アプリ
Claude Codeアプリをつくる
→
GitHubリポジトリ「在庫」
→
Cloudflare公開する
→
公開できたURL で開ける
原様|レンタルサイト
Claude Codeサイトをつくる
→
GitHubレンタルのリポジトリ
→
ここで止まったCloudflare とつなげず
→
第5回で公開続きは次回
原様|レンタルサイト

載せるもの

  • ホームページ・Instagram へのリンク・予約フォーム・空き状況・規約
  • 予約が入ったら知らせが届くようにする

進め方

  • 今の Jimdo のサイトのデザインは、画面の写真を Claude に渡して再現する
  • レンタルの予定は、買取の予定が入ったカレンダーと分ける
  • Claude Code の Web 版はネットワークの制限があり、Cloudflare の API トークン(Cloudflare を外から操作するための認証の文字列)を使う方法は使えなかった
横倉様|在庫アプリ

開き方

  • パソコンはお気に入り、またはアプリとして入れる
  • スマホは URL を送ってホーム画面に追加

残った課題 → 第5回・第6回で対応

  • データベースがないので、開き直すと入れた内容が消える
  • URL を知っていればだれでも開ける

次に

  • 生活保護の使い方のメモを、在庫アプリにまとめる
5回
10月29日(木)

データベースと予約のしくみ

データの置き場所を1つにまとめ、レンタルの予約の流れを決めました。

おふたりデータの置き場所は1つにする

横倉様|業務アプリ(1つにまとめた)
生活保護・家電・売上報告書など左のメニューで切り替える
原様|レンタルサイト
レンタルの商品と貸出の状況品番はお店とオンラインで同じ
→
データベースCloudflare D1
置き場所は1つ
→
数字が食い違わない置き場所が分かれると、同じ品の数字がずれる。1か所なら全員が同じものを見る

図:業務アプリはデータベース(D1)を作ってつないだところまで。全員が同じデータを見られるかは、保存の確認を続けて行う。レンタルサイトを在庫表とつなぐのはこれから

原様レンタルの予約の流れ

規約を読む規約とプライバシーポリシーに同意してから送信
フォームで予約DM での予約をフォームに移す。住所は聞かない
仮予約まず「仮予約」として受ける
専用カレンダーレンタル専用の Googleカレンダーを新しく作る
確定確定したら予定の名前を変える
原様|レンタルサイト

できたこと

  • Cloudflare で公開できた(第4回で止まった原因は、Cloudflare の設定でレンタルのリポジトリを選んでいなかったことと、公開するフォルダの設定)
  • サイトにレンタル用 Instagram へのリンクが入った

決めたこと

  • 支払いは現金・振込(カードは使わない)
  • 規約には、振込手数料やキャンセル料などの数字が必要
  • アンティークや木製の品は、野外イベントなど汚れやすい使い方には貸したくない(規約に入れるかはご検討)

途中

  • Google Apps Script(Google のメールやカレンダーを自動で動かすしくみ)でメールとカレンダーをつなぐ途中、「Google で確認されていないアプリ」の画面で時間切れ
横倉様|業務アプリ

できたこと

  • 家電・生活保護・売上報告書などを、別々のアプリにせず1つにまとめ、左のメニューで切り替える形にした
  • Cloudflare にデータベース(D1)を作り、アプリにつないだ

個人情報の考え方

  • 完璧なセキュリティはないので、最低限の対策をする
  • カレンダーなどに名前を載せない(管理番号で)
研修中のきまり困ったら画面の写真を撮って Claude に貼る。「データを消す」「データをつなぐ」「外のデータを読む」作業は、進める前に菊池に確認する
6回
11月12日(木) 最終回

公開とセキュリティ

業務アプリを関係者だけが開ける形にし、写真からデータを入れる方法を決めました。

横倉様業務アプリ

 ワンオアエイト 業務メニュー
業務メニュー
使う画面を選んでください。

図:横倉様が11/9に送ってくださった画面の写真をもとに、メニューの部分を描き起こしたもの

セキュリティを付けた
  • Cloudflare Zero Trust(Cloudflare のセキュリティ機能)の無料プランにカードを登録した。無料プランのまま使う分には料金はかからない、とご説明しました
  • Claude の設定で「チャットの内容を学習に使う」をオフにした

使い方を直した

  • 今まで Claude から HTML ファイルをダウンロードして使っていたため、パソコンごとに版がばらばらだった。今後は、直したら必ず公開(デプロイ)して、全員が同じ URL を開く。Claude にもそう覚えさせた
  • カレンダーは、アプリに組み込まず、今の Googleカレンダーをそのまま使う(費用がかからず、すぐ使え、セキュリティは Google が担うため)

業務アプリを開くとき

図:開くまでの流れ(画面は見本)

横倉様写真から見積書・データを入れる方法

選ばなかった方法
アプリに「写真を読み込むボタン」を付ける
写真
→
業務アプリ
→
Claude(API)別に料金

アプリから Claude を外から呼ぶので、Claude の料金(API)が別にかかる

こちらにする
写真を Claude のチャットに送って入れてもらう
写真
→
Claude のチャットスマホからも
→
業務アプリ接続はこれから
このメモの内容で見積書を作って
読み取りました。品名・数量・金額はこちらでよいですか?

今の Claude の料金の範囲で使える見込み。業務アプリの画面は、見る・手で入れる用に使う

Claude のチャットから業務アプリを操作するための接続(MCP)は、これから作ります。Zero Trust を付けたため、Claude からは今のままでは業務アプリを開けません。Claude 用の接続を別に用意します。(チャットの画面は見本)

原様レンタルと着物のサイト

できていること
  • 規約とプライバシーポリシーへの同意
  • 仮予約のメール
  • Googleカレンダーへの登録
  • ご利用日の1か月前から予約できる設定
  • よくある質問
決めたこと
  • 着物の販売は Shopify で続ける(ドメインは Shopify に移管済み)。AI で作るのはレンタルの予約と在庫のところ
  • Instagram はリンクで十分。止まっている Facebook の手続きは、投稿をサイトに表示したくなったときだけでよい
次へ
研修のあと

これからのこと

進めるときのきまり

1

直したら必ず公開(デプロイ)して、同じ URL を使う

ファイルをダウンロードして使うと、パソコンごとに版がばらばらになる
2

困ったら画面の写真を Claude に貼る

Lark のスクリーンショット:Ctrl+Shift+A → Ctrl+V
3

個人情報を含む Excel は GitHub に上げない

Claude に送って読ませるのは大丈夫

研修中は「データを消す・つなぐ・外のデータを読む」作業を菊池に確認する形にしていました。研修後のご相談の方法は、お返事をいただいてからご案内します。

ソウゾウ合同会社 菊池|各回の録画の文字起こしをもとに作成