当日のページ

令和8年度 スキルアップ集中セミナー「生成AIを、業務の実行基盤へ。」/ Kanau Tech

1. 他の人の個人情報は入れない 2. 出てきたものは下書き。人が見てから使う 3. 制度と法律は、公式ページで確かめる
0〜4番は、パソコンで進めます。スマートフォンは、4番でできたページを見るときに使います。
0

会社のことを選ぶ

打つのは、会社の名前と、得意なこと(1行)だけです
今日さがしたいこと(1番の補助金さがしで使います)
0番は、送りません。ここで選んだ内容は、1番・2番・3番の文に自動で入ります。
今日Claudeに送るのは、1番・2番・3番の3回だけです(無料版は使える回数に限りがあります。9月に試したときは、5時間で3回でした)。
中身を見る(送らなくて大丈夫です)

入れた内容は、このパソコンのブラウザにだけ残ります(ほかの人には見えません)。

1

補助金の見張りを立てる

来年の募集に、いちばん早く気づく形をつくります
中身を見る


補助金をさがします。下の【一覧】だけを使ってください。

【やること1】4つの条件で選ぶ
上から順に見て、合わないものを外し、残ったものだけ出してください。

 1つめ 申請できる人か
    大学・研究機関・業界団体・NPOだけが対象のもの、大企業向けのものは落とす。
    自治体が申請するものでも、会社が自治体と一緒に申請できるものは落とさない(「共同申請」と書く)。
 2つめ 場所と規模
    私の会社の場所・人数・業種に合わないものは落とす。
 3つめ お金の使いみち
    上の「今日さがしたいこと」に合わないものは外す。
    千葉の制度は[使いみちの目安]も手がかりにする。合いそうなら残す。
 4つめ 間に合うか
    残ったものを、次の3つに分ける。
     あお  … いま出せる(締切まで1か月以上ある)
     あか  … 今回は間に合わない(締切が近い、または準備に時間が要る)
     きいろ … 来年に見張る(いま募集していない)
    千葉の制度は、一覧の[受付]の言葉で分ける。
     「随時受付」「通年募集」→ あお
     「募集終了」「締め切りました」「準備中」→ きいろ
     受付の期間が書いてあるもの → 締切までの日数で、あお か あか

出し方(国から多くて2つ、千葉から多くて2つ)
 千葉(財団・千葉市・千葉県)は、千葉市産業振興財団の制度から先に見てください。
 🔵【あお】または🔴【あか】または🟡【きいろ】+ 制度の名前
  公式ページ:URL
  どうしてこれか:1行
  次にすること:1行

・答えのいちばん上に、出した制度のまとめの表を置いてください。列は「色/制度の名前/どこ(国・千葉県・千葉市・財団)/受付/次にすること」です。色の欄は「🔵 あお」「🔴 あか」「🟡 きいろ」と書いてください。金額の列は作らないでください。
・無ければ「該当なし」で、かまいません。無理に出さないでください。
・国のものは、一覧にある上限と締切を書いてください。
・締切には、必ず「公式ページで確認」と添えてください。
・「⚠️この締切は要確認」と付いているものは、締切を書かず「公式ページで確認」とだけ書いてください。
・千葉県・千葉市・財団のものは、金額を書かないでください。受付の様子は一覧の[受付]の言葉だけを使い、「締切は公式ページで確認」と書いてください。
・一覧に無い制度は、出さないでください。
・「応募できます」「採択されます」とは書かないでください(審査があります)。

【やること1のおまけ】
1つめの条件で外したものがあれば、名前と「外した理由」を1行だけ書いてください。
なぜ自分には向かないのかが分かると、次から迷わなくなるからです。

【やること2】ここが今日の本番です
来年の募集に、いちばん早く気づくための「見張りのお願い文」を作ってください。
・私の会社の条件を入れて、そのままコピーして使える形にしてください。
・中身は「毎朝1回、決めたページを見て、
 新しい募集が出ていたら、制度名とURLと締切を知らせる」です。
・見に行くページは、下の【一覧】に出ている公式ページのURLを使ってください。
 とくに【機械では拾えない大きい制度】に出ているURLは、必ず入れてください。
・千葉市産業振興財団「補助金・助成金」と、千葉県「中小企業者向け助成金」のページも、必ず入れてください。
 受付の様子がまとまって出ているページです。
 https://www.chibashi-sangyo.or.jp/hojokin-joseikin/
 https://www.pref.chiba.lg.jp/keisei/zaisei/shiensaku.html
 大きい補助金は、国のデータベースに載らず、自前のサイトで動くことがあるからです。
・金額や締切は、公式ページに書いてあるものだけを使う、と入れてください。
・国の補正予算のあとには、年度の途中で追加の公募が出ます。次のページも見に行くページに入れてください。
 中小企業庁「補助金の公募・採択」 https://www.chusho.meti.go.jp/koukai/hojyokin/

【やること3】
私が自分で見に行くページを、URLの一覧で出してください。
国・千葉県・千葉市に分けてください。民間の財団は「その他」にしてください。

【一覧】
※この一覧は2026年09月15日時点のものです。本番の前日(10月26日)の夜に最新のものへ差し替え、当日の朝は触りません。

【募集中の補助金 一覧】2026年09月15日時点
出典:デジタル庁 jGrants(国の公式サイト)/190件を確認し、中小企業が応募できる67件から12件を抜粋

※金額と締切は、この一覧の数字を使ってください。
※ただし締切は、必ず「公式ページで確認」と添えてください。
※この一覧に無い制度は、出さないでください。
※千葉市・千葉県のものは、ここに載らないことがあります。
※この一覧は「いま公募が開いているもの」だけです。
 定番の「デジタル化・AI導入補助金(旧IT導入補助金)」「小規模事業者持続化補助金」は、
 公募が開いていない時期は載っていません。公募が始まると出てきます。
 気になる制度が無いときは、公式ページで直接ご確認ください。

1. 【経済産業省】ものづくり・商業・サービス生産性向上促進補助金(19次締切)
   上限 4,000万円/締切 2026-09-28  ⚠️この締切は要確認/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDTzMMAX

2. 小規模事業者持続化補助金<共同・協業型> 第3回公募
   上限 3,000万円/締切 2026-09-30/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDcQOMA1

3. 【令和8年度・第4回】INPIT外国出願補助金
   上限 300万円/締切 2026-09-28/対象 全国
   従業員の条件 300名以下
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDe3zMAD

4. 【令和8年度】DX型CO2削減対策実行支援事業(二次公募)
   上限 200万円/締切 2026-10-15/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WfQ000003BrAXUA0

5. 令和8年度 建築GX・DX推進事業
   上限 記載なし(公募要領を確認)/締切 2026-09-30/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDZ2OMAX

6. 令和8年度酒類業振興支援事業費補助金(第5期)
   上限 1,500万円/締切 2026-10-07/対象 全国・広域
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDdRmMAL

7. 【千葉】令和8年度中小企業最低賃金引上げ支援対策費補助金(業務改善助成金)
   上限 600万円/締切 2028-03-31  ⚠️この締切は要確認/対象 千葉県
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDdunMAD

8. 【令和7年度補正予算・令和8年度】二酸化炭素排出抑制対策事業費等補助金(空き家等における省CO2改修支援事業(令和7年度補正三次公募・令和8年度二次公募))
   上限 1,000万円/締切 2026-09-30/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDdu0MAD

9. 【農林水産省】中山間地域所得確保推進事業
   上限 500万円/締切 2026-12-01/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDYDCMA5

10. 令和7年度補正 業務産業用蓄電システム導入支援事業
   上限 1,500万円/締切 2026-10-31/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDY4mMAH

11. 令和7年度補正 ディマンドリスポンスの拡大に向けたIoT化推進事業
   上限 2,000万円/締切 2026-11-28/対象 全国
   従業員の条件 従業員数の制約なし
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDY5GMAX

12. 【令和8年度】働き方改革推進支援助成金
   上限 1,370万円/締切 2026-11-30/対象 全国
   従業員の条件 300名以下
   公式 https://www.jgrants-portal.go.jp/subsidy/a0WJ200000CDYEGMA5

━━━━━━━━━━━━━━━━━━━━━━━━━━
【千葉県・千葉市の補助金】公式サイトから取得

※ここは制度の名前・公式ページ・[受付](公式ページの表示そのまま)です。金額は書いてありません。
※[受付]の日付に年が書いていないものは、令和8年(2026年)のことです。
※[使いみちの目安]は、人が制度の説明を読んで付けた手がかりです。合いそうなら、目安が違っても残してかまいません。
※千葉のものを選んだときは、必ず「金額と締切は公式ページで確認」と書いてください。
※AIに金額や締切を作らせないでください。

◆ 【千葉市】千葉市産業振興財団 補助金・助成金
  ・特許等取得支援[受付:随時受付しています][使いみちの目安:新しい商売を始める]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/keiei/tokkyo/
  ・新規市場開拓支援(見本市等出展支援)[受付:随時受付しています][使いみちの目安:売り先を増やす]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/hanro/shinki/
  ・海外事業展開支援[受付:令和8年度公募準備中です][使いみちの目安:売り先を増やす]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/hanro/kaigai/
  ・大学等研究費用助成[受付:随時受付しています][使いみちの目安:新しい商売を始める]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/sangaku/kenkyu-jyosei/
  ・外国出願支援[受付:令和8年度の募集終了しました][使いみちの目安:売り先を増やす]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/keiei/gaikokusyutugan/
  ・新製品開発支援[受付:令和8年度の募集終了しました][使いみちの目安:新しい商売を始める]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/keiei/newdevelopment-support/
  ・ICT活用等生産性向上支援[受付:「タイプA:生産性向上小規模型」 随時受付しています 「タイプB: 生産性向上大規模型」 募集終了しました][使いみちの目安:ITやAIを入れる]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/keiei/ict-change/
  ・産学共同研究促進支援[受付:今年度募集締め切りました][使いみちの目安:新しい商売を始める]
    https://www.chibashi-sangyo.or.jp/enterprise/kyoka-sosyutu/sangaku/kyoudo-kenkyu/

◆ 【千葉県】千葉県 中小企業者向け助成金
  ・市場開拓助成[受付:4月2日から 4月28日まで 10月1日から 10月30日まで][使いみちの目安:売り先を増やす]
    https://www.ccjc-net.or.jp/contents_detail.php?co=cat&frmId=3639&frmCd=48-3-1-0-0
  ・サプライチェーン再構築に向けた海外展示会出展支援事業[受付:第2回 8月10日から 9月11日まで 第3回 10月9日まで 第4回 11月6日まで][使いみちの目安:売り先を増やす]
    https://www.pref.chiba.lg.jp/keisei/bukkakoutoushien/expo/kaigai.html
  ・千葉県地域交通等次世代自動車導入促進補助金[受付:【車両の導入】 5月1日から 令和9年3月5日まで 【車両関連設備の導入】 5月1日から 12月24日まで ※予算終了まで][使いみちの目安:環境・資源を減らす]
    https://www.pref.chiba.lg.jp/ontai/hojo/koutsu-hojo-index.html
  ・千葉県中小企業等次世代自動車用設備補助金[受付:【車両関連設備の導入】 5月1日から 12月24日まで 【車両の導入】 5月1日から 令和9年3月5日まで ※予算終了まで][使いみちの目安:環境・資源を減らす]
    https://www.pref.chiba.lg.jp/ontai/hojo/infra-hojo-index.html
  ・千葉県観光・宿泊施設等公共用充電設備設置促進補助金[受付:5月1日から 12月24日まで ※予算終了まで][使いみちの目安:環境・資源を減らす]
    https://www.pref.chiba.lg.jp/ontai/hojo/kankoevcs-hojo-index.html
  ・千葉県太陽光発電事業者公共用充電設備設置促進補助金[受付:5月1日から 12月24日まで ※予算終了まで][使いみちの目安:環境・資源を減らす]
    https://www.pref.chiba.lg.jp/ontai/hojo/taiyoevcs-hojo-index.html
  ・千葉県業務用設備等脱炭素化促進事業補助金[受付:【省エネルギー診断に基づく設備導入等】 5月15日から 10月7日まで 【簡易自己診断に基づく設備導入等】 5月15日から 10月7日まで 【省エネルギー診断受診費】 5月15日から 12月11日まで ※予算終了まで][使いみちの目安:環境・資源を減らす]
    https://www.pref.chiba.lg.jp/ontai/hojo/r8jigyousyahojo.html
  ・千葉県中小事業者等向けスマート省エネ技術導入促進事業補助金[受付:5月15日から 10月7日まで ※予算終了まで][使いみちの目安:環境・資源を減らす]
    https://www.pref.chiba.lg.jp/ontai/hojo/r8emshojo.html
  ・事業承継支援助成金[受付:随時受付 ※予算終了まで]
    https://www.ccjc-net.or.jp/category_list.php?frmCd=48-1-2-0-0
  ・企業立地補助金[受付:通年募集][使いみちの目安:設備を買う]
    https://www.pref.chiba.lg.jp/rich/ashisuto/yuuguuseido/yuuguu.html
  ・千葉県デジタル人材マッチング支援事業補助金[受付:4月1日から 令和9年1月29日まで ※予算終了まで][使いみちの目安:人を雇う・給料を上げる]
    https://www.pref.chiba.lg.jp/koyou/projinzai/hojo.html
  ・ちば創業応援助成金[受付:募集終了][使いみちの目安:会社を始める]
    https://www.ccjc-net.or.jp/category_list.php?frmCd=48-1-1-0-0
  ・千葉県地域課題解決型起業支援事業補助金[受付:募集終了 ※対象地域が決まっています(公式ページで確認)][使いみちの目安:会社を始める]
    https://www.ccjc-net.or.jp/category_list.php?frmCd=48-1-1-0-0
  ・新商品・新技術開発助成(ちば中小企業元気づくり基金)[受付:募集終了][使いみちの目安:新しい商売を始める]
    https://www.ccjc-net.or.jp/contents_detail.php?co=cat&frmId=3628&frmCd=48-2-1-0-0
  ・地域発イノベーション創出研究開発助成(旧高度・成長研究開発助成)[受付:募集終了][使いみちの目安:新しい商売を始める]
    https://www.ccjc-net.or.jp/category_list.php?frmCd=48-2-2-0-0
  ・千葉県医療機器等開発支援補助金(二次募集)[受付:募集終了][使いみちの目安:新しい商売を始める]
    https://www.pref.chiba.lg.jp/sanshin/kenkou/kobo/hojokin3.html
  ・地域資源活用開発助成[受付:募集終了][使いみちの目安:新しい商売を始める]
    https://www.pref.chiba.lg.jp/sanshin/renkei/chiikishigen/josei.html
  ・中小企業成長促進補助金(第4弾)[受付:募集終了][使いみちの目安:設備を買う]
    https://www.pref.chiba.lg.jp/keisei/zaisei/chiba-seichohojyo4.html
  ・ちば地域産業創出実証プロジェクト補助金[受付:募集終了][使いみちの目安:新しい商売を始める]
    https://www.pref.chiba.lg.jp/keisei/press/2025/koubo08.html
  ・千葉県酒米高騰対策支援事業支援金[受付:募集終了]
    https://www.pref.chiba.lg.jp/keisei/bukkakoutoushien/sake/chiba-sake1.html

◆ 【千葉県】千葉県 中小企業支援策
  ・千葉県貨物運送事業者物価高騰対策支援事業
    https://www.pref.chiba.lg.jp/keisei/bukkakoutoushien/kamotsu/kamotsu5.html
  ・千葉県中小企業復旧支援補助金
    https://www.pref.chiba.lg.jp/keisei/zigyouzissigojoukyouhoukokusyo.html

◆ 【千葉県】千葉県産業振興センター
  ・展示会出展への助成を受けたい[使いみちの目安:売り先を増やす]
    https://www.ccjc-net.or.jp/category_list.php?frmCd=42-2-0-0-0

 ※千葉の制度は、ほかにもあります。上に無いものは、次の公式ページで確かめてください。
  千葉市 産業支援 https://www.city.chiba.jp/keizainosei/keizai/sangyo/index.html
  千葉県 中小企業支援策 https://www.pref.chiba.lg.jp/keisei/genkist/kanrenseisaku.html

━━━━━━━━━━━━━━━━━━━━━━━━━━
【機械では拾えない大きい制度】

※国の大きい補助金や民間の財団の助成は、自前のサイトで動いていて、国のデータベースに載らないことがあります。
※そのため、ここは人が名前を決めて見張っているものです。
※金額と締切は、必ず公式ページで確認してください。

  ・【国】新事業進出・ものづくり商業サービス補助金
    https://shinjigyou-monodukuri.smrj.go.jp/
    締切 受付 2026-09-30 〜 2026-10-30 18:00(第1回公募。締切は10月30日)
    設備投資・新市場への進出向け。申請にGビズIDプライムが要る(オンライン申請なら最短即日、書類申請は1週間ほど)。⚠️従来の「ものづくり補助金」「新事業進出補助金」とは公式に別の補助金
    (2026-09-01 時点で公式ページを確認)

  ・【千葉市】千葉市スマートシティ実証事業
    https://www.city.chiba.jp/sogoseisaku/miraitoshi/smartcity/jisyouprojiect.html
    締切 令和8年度の補助金は 2026-07-16 17:00 で締切済み
    補助上限500万円・補助率1/2以内。テーマ型提案の募集は続くが、補助金の受付は終了。来年度に見張る
    (2026-09-01 時点で公式ページを確認)

  ・【民間の財団】新技術開発助成(公益財団法人 市村清新技術財団)
    https://www.sgkz.or.jp/
    新しい技術の開発への助成。2026-09-15 時点のトップページは「現在募集中/募集要項公開中の助成プログラム・表彰はありません」。次の募集時期は公式ページで確認
    (2026-09-15 時点で公式ページを確認)
2

問い合わせを仕分ける

A・B・Cに分けて、Aだけ作り込んだ返信を出します
中身を見る(練習用の問い合わせ24件つき)


展示会のあとに来た問い合わせを、仕分けます。
やること2と4の答えは、いちばん上に「どの会社向けか(一覧の番号と会社名)」を見出しで書いてください。やること3は、「Bの会社向け」「Cの会社向け」の2つの見出しに分けて書いてください。

【やること1】順位をつける
下の【問い合わせ一覧】を、A・B・Cの3つに分けてください。
・A … 私の会社と、かみ合う可能性が高い。すぐ連絡したい
・B … 可能性はある。様子を見る
・C … 今回は、つながりにくい
表にしてください。列は「番号/会社名/内容の要約/ランク/そう考えた理由」です。
理由は1行で、短く書いてください。
表は、Aを上にして、A・B・Cの順に並べてください(同じランクの中は番号の順)。
表の上に「A=○件 B=○件 C=○件」と書いてください。

【やること2】Aランクへの返信を作る
Aのうち1件を選んで、その会社に合わせた返信の下書きを作ってください。
・相手の困りごとに、私の会社の何がかみ合うのかを、具体的に書いてください。
・使いまわしの文にしないでください。
・値段や納期は、私が確認していないので【要確認】と書いてください。

【やること3】BとCへの返信を作る
Bに送る返信と、Cに送る返信を、1つずつ作ってください。どちらも、ていねいで短くしてください。
・B … また話せるように、つながりを残す返事。お礼と、もう少しお話を聞きたいことを書いてください。
・C … 今回はお役に立てないことを、ていねいに伝える返事。お礼と、お断りの理由を1行で書いてください。
・BとCで、同じ文にしないでください。

【やること4】その相手に持っていく、1枚の営業資料を作る
Aランクの1件に向けて、A4 1枚に収まる骨子を作ってください。
・見出し(相手の困りごとを、そのまま言葉にする)
・その困りごとに、私の会社の何がかみ合うのか
・うちができること 3つ(【私の会社のこと】の中身だけを使う)
・進め方(初回の打合せで何を決めるか)
・連絡先
※ 実績の数字・受賞歴・お客様の名前は、私が伝えていないものを書かないでください。
※ 値段は書かないでください。

【問い合わせ一覧】※練習用の、架空のデータです

1. 株式会社みどり精機/金属加工/25名
  「展示会で拝見しました。当社の試作品でも同じやり方ができるか、相談したいです。」
2. はるかぜ食品工業/食品製造/40名
  「工場の記録を紙で付けています。負担を減らせないか話を聞きたいです。」
3. 株式会社あおば総研/総務部/50名
  「会社の忘年会を20名ほどで考えています。個室は使えますか。」
4. 佐倉テクノリサーチ/調査・コンサル/3名
  「他社さまの事例を集めています。資料をいただけますか。」
5. 株式会社ホシズナ印刷/印刷/60名
  「営業の日報に時間を取られています。来月あたり、一度お伺いできますか。」
6. みさき台マンション管理組合/理事会/—
  「共用の廊下の床と壁を張り替えたいです。見積もりをお願いできますか。」
7. 有限会社いろは雑貨/雑貨店/4名
  「御社の商品を、うちのお店にも置きたいです。卸の条件を教えてください。」
8. 学生(千葉工科大学 3年)
  「就職活動の参考に、事業内容を教えてください。」
9. グローバル広告代理店/広告/—
  「御社のホームページ集客を改善するご提案です。ぜひ一度お時間を。」
10. 千葉みらい工業/機械部品/60名
  「金属の部品を100個、試作でお願いしたいです。図面はあります。」
11. レストランつばさ/飲食店/12名
  「社員が10名を超えたので、就業規則を作りたいです。相談できますか。」
12. 個人のお客様(ご家族の方)
  「母が来月、退院します。家で受けられる看護や介護について相談したいです。」
13. 株式会社のぞみ設計/総務/20名
  「お歳暮に、同じ品を30個まとめて買いたいです。のしは付けられますか。」
14. 株式会社かもめ商事/卸売/30名
  「毎週金曜に、千葉市内の3か所へ荷物を届けてほしいです。」
15. 株式会社ソラト工機/仕入担当/80名
  「価格・納期・支払方法の3点を教えてください。今月中にお返事ください。」
16. 求人応募の方
  「募集を見て応募しました。履歴書を送ります。」
17. まちなかタウン情報/地域メディア/—
  「取材のお願いです。掲載は無料です。」
18. 株式会社ひまわり不動産/不動産/15名
  「取引先との会食に、月に1回ほど使いたいです。」
19. 個人のお客様(相続)
  「父の土地と家を相続します。手続きを相談できますか。」
20. 株式会社はなみずき/事務所/30名
  「来月、事務所を移転します。机と書類の運び出しをお願いできますか。」
21. カフェ開業準備中(個人)
  「新しく店を出します。内装の工事を、年明けにお願いしたいです。」
22. 千葉ベイ企画/イベント会社/10名
  「社内の行事で、お弁当を50個お願いできますか。」
23. 株式会社シラサギ工業/樹脂成形/28名
  「以前お世話になりました。別の件でも相談したいです。」
24. ケアプラン千葉/ケアマネジャー/—
  「一人暮らしの方の訪問介護を、週2回お願いできる所を探しています。」
有料版なら、ここまでできます(押すと開きます)
今日(無料版)
  • Gmail の下書きに入るところは、講師の画面(有料版)で確かめました。送るのは自分です。
  • PowerPoint の型で作るのは、PowerPoint の中で使う Claude(有料プラン・Microsoft 365 の PowerPoint)。まだ試していません。
  • 無料版でも Word や PowerPoint のファイルは作れます。ただ、ファイルづくりは使える量を多く使います。
有料版の画面を見る
3

会社の紹介ページを作る

できるまで3〜5分かかります

色は、選ばなくても大丈夫です。選ばなければ、AIが仕事に合わせて決めます。写真も、AIが仕事に合わせて選びます。

ページの色(1つ)
中身を見る


会社の紹介ページを作ってください。人に見せて恥ずかしくない、そのまま会社のページとして公開できる1枚にしてください。

【いちばん大事なこと】
・下の【型】に、完成したページの骨組み(HTML)と見た目の決まり(CSS)が入っています。
・【型】をそのまま使ってください。【 】で囲んだ所だけを、私の会社の内容に置き換えてください。
・CSSの値(色・余白・文字の大きさ・動き)は変えないでください。
 色だけは、:root の --accent と --accent-ink の2つを、次の10組から1組選んで変えてよいです。2つは必ず同じ組にしてください。
 ・オレンジ:--accent:#E07A3A; --accent-ink:#A85B2B;
 ・緑:--accent:#2FB87A; --accent-ink:#13744D;
 ・青:--accent:#3B82D6; --accent-ink:#1F5FAF;
 ・ピンク:--accent:#E0709E; --accent-ink:#B0386B;
 ・紺:--accent:#5B7FB8; --accent-ink:#22406E;
 ・赤:--accent:#E05A4E; --accent-ink:#B42318;
 ・黄:--accent:#E0B23A; --accent-ink:#8A6A00;
 ・紫:--accent:#9B6BD1; --accent-ink:#6B3FA0;
 ・水色:--accent:#4FB3CF; --accent-ink:#1C7C9C;
 ・茶:--accent:#B07A4E; --accent-ink:#7A4E2D;
 【私の希望】に色が書いてあれば、その組にしてください。10組に無い色が書いてあれば、その色に近くて、白い文字がはっきり読める濃さの2つを、あなたが決めてください。書いてなければ、業種に合う組を選んでください。
・まとまりの順番と数(7つ)は変えないでください。足しても減らしてもいけません。
・【 】が1つでも残っていたら、まだ完成ではありません。全部埋めてください。【要確認】と書いて埋めるのもだめです。

【形】
・すべてを1つのファイルにまとめてください。ファイル名は index.html にしてください。
・外から読み込むのは、下の【使ってよい素材】のURLだけにしてください。
 フォントや部品を、よそから読み込まないでください(会場のネットで開けなくなります)。
・写真と動画は、いちばん下の【使ってよい素材】にあるURLだけを使ってください。
 そこに無いURLは、絶対に書かないでください。開けないページになります。
・素材は、「目安」に私の仕事と同じ言葉があるものから選んでください。無いときは「共通(どの仕事でも)」から選んでください。
 素材が合わないことを理由に、止めたり質問したりしないでください。必ず最後まで作ってください。
・動画は【動画URL】に1つ。写真は【写真URL1】【写真URL2】【写真URL3】に、全部ちがう場面のものを入れてください。
 【写真URL1】は、動画が出るまでの間に表示される写真(poster)にも使います。

【中身】7つのまとまりに、この順で入れてください。
1. 表紙(会社名/ひとことで何の会社か/問い合わせへのボタン)
  見出しは、お客様にとっての良さを2行で。1行12文字まで。会社名の繰り返しにしないでください。
2. どんな会社か(3〜4行)
3. 選ばれる理由を3つ(それぞれ見出し+2〜3行)
4. できること(5〜8個。私が伝えた事業の中身から、無理のない範囲で)
5. 進め方(お問い合わせから納品までを4段階で)
6. よくある質問(3つ。答えは2行まで)
7. 会社情報(表:会社名/所在地/創業/人数/事業内容)と連絡先
 ※お問い合わせフォームは作らないでください。
 ※「革新的」「最先端」「ソリューション」のような、意味の薄い言葉は使わないでください。

【守ること】
・載せるのは、私が伝えた公開情報だけにしてください。
・素材の写真に、他人の顔が写っているもの・他社のロゴ・キャラクターは使わないでください。
・実績の数字・受賞歴・お客様の名前・具体的な取引先は、私が伝えていないものを書かないでください。
・「日本一」「業界No.1」など、確かめられない言葉は使わないでください。
・値段は書かないでください。
・ページの中に【要確認】や【 】を残さないでください。書かないのは「数字・実績・受賞・お客様の名前・取引先」だけです。
 見出しや言い回しは、業種と場所から自然に考えて書いてください(例:「千葉市中央区で、金属を部品に。」)。
・見出しは「得意なこと・強み」があればそれから作り、無ければ仕事の中身から作ってください。

【できたら】
説明はいりません。ファイルの1行目が DOCTYPE で始まる、
そのまま保存できる形のファイルを1つだけ出してください。
できたら、ダウンロードできる形にしてください。

【最後に自分で確かめてください】
・【 】や【要確認】が1つも残っていませんか。
・型のCSSを、1文字も変えていませんか(--accent と --accent-ink の2つだけは、10組のどれかか、【私の希望】の色に変えてよい)。
・7つのまとまりが、全部ありますか。
・動画は1つ、写真は3枚(全部ちがう場面)ありますか。
・使ったURLは、全部【使ってよい素材】にあるものですか。
・私が伝えていない数字や実績を、書いていませんか。
足りないところがあれば、直してから出してください。

【型】※このまま使う。【 】の所だけ置き換える
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>【会社名】|【ひとことで何の会社か】</title>
<link rel="icon" href="data:,">
<style>
:root{
  --navy:#1C2B3A; 
  --white:#FFFFFF; 
  --accent:#E07A3A; --accent-ink:#A85B2B;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:80px;
  --font:"BIZ UDPGothic","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  --lh:1.8; --measure:900px; --radius:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:17px;line-height:var(--lh);color:var(--navy);background:var(--white);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;border-radius:2px}
h1,h2,h3{line-height:1.25;font-weight:700;letter-spacing:.01em}
h2{font-size:clamp(30px,4.2vw,40px)}
h3{font-size:22px}
p{max-width:44em}
.wrap{max-width:900px;margin:0 auto;padding:0 var(--s3)}
section{padding:var(--s5) 0}
.eyebrow{display:flex;align-items:center;gap:var(--s2);color:var(--accent-ink);font-size:14px;letter-spacing:.14em;margin-bottom:var(--s3)}
.eyebrow::before{content:"";width:var(--s3);height:2px;background:var(--accent)}
.btn{display:inline-block;background:var(--accent-ink);color:var(--white);text-decoration:none;font-weight:700;padding:var(--s2) var(--s4);border-radius:var(--radius);border:1px solid var(--accent-ink);transition:opacity .2s}
.btn:hover{opacity:.9}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(28,43,58,.15);backdrop-filter:blur(6px)}
.nav .in{max-width:1200px;margin:0 auto;padding:var(--s2) var(--s3);display:flex;align-items:center;gap:var(--s3)}
.brand{font-weight:700;text-decoration:none;white-space:nowrap;font-size:16px;display:inline-block;padding:8px 0}
.brand span{color:var(--accent-ink);margin-right:var(--s1)}
.links{display:flex;gap:var(--s3);margin-left:auto;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:14px}
.links::-webkit-scrollbar{display:none}
.links a{text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
.links a:hover{border-bottom-color:var(--accent)}
.hero{position:relative;min-height:92vh;min-height:92dvh;display:flex;align-items:flex-end;color:var(--white);background:var(--navy);padding:0}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .veil{position:absolute;inset:0;background:rgba(12,20,30,.62)}
.hero .in{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:var(--s5) var(--s3) var(--s4)}
.hero .tag{font-size:15px;letter-spacing:.14em;margin-bottom:var(--s3);opacity:.9}
.hero h1{font-size:clamp(28px,7.4vw,84px);line-height:1.1;max-width:14em;border-left:4px solid var(--accent);padding-left:var(--s3);margin-bottom:var(--s3)}
.hero .lead{font-size:clamp(17px,2vw,22px);max-width:30em;margin-bottom:var(--s4)}
.hero .row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.hero .row small{font-size:14px;opacity:.85}
.rise{opacity:0;transform:translateY(16px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.rise:nth-child(2){animation-delay:.15s}.rise:nth-child(3){animation-delay:.3s}.rise:nth-child(4){animation-delay:.45s}
@keyframes rise{to{opacity:1;transform:none}}
.about .grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--s4)}
.about .side{border-top:2px solid var(--accent);padding-top:var(--s2);font-size:15px;line-height:1.6}
.about .side b{display:block;font-size:26px;line-height:1.3;margin-bottom:var(--s1)}
.band{position:relative;height:56vh;min-height:320px;overflow:hidden;background:var(--navy)}
.band img{width:100%;height:100%;object-fit:cover}
.band figcaption{position:absolute;left:0;right:0;bottom:0;color:var(--white);background:rgba(12,20,30,.55);padding:var(--s1) var(--s3);font-size:14px}
.why .item{display:grid;grid-template-columns:1fr 2fr;gap:var(--s3);padding:var(--s4) 0;border-top:1px solid rgba(28,43,58,.2)}
.why .item:last-child{border-bottom:1px solid rgba(28,43,58,.2)}
.can ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4)}
.can li{padding:var(--s2) 0;border-bottom:1px solid rgba(28,43,58,.2);display:flex;gap:var(--s2)}
.can li::before{content:"";flex:none;width:var(--s1);height:var(--s1);border-radius:50%;background:var(--accent);margin-top:12px}
.flow ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);counter-reset:step}
.flow li{counter-increment:step;padding-top:var(--s3);border-top:2px solid var(--accent);position:relative}
.flow li::before{content:counter(step,decimal-leading-zero);display:block;font-size:14px;letter-spacing:.14em;color:var(--accent-ink);margin-bottom:var(--s1)}
.flow h3{font-size:19px;margin-bottom:var(--s1)}
.flow p{font-size:15px}
.qa details{border-top:1px solid rgba(28,43,58,.2)}
.qa details:last-of-type{border-bottom:1px solid rgba(28,43,58,.2)}
.qa summary{cursor:pointer;list-style:none;padding:var(--s3) var(--s4) var(--s3) 0;font-weight:700;position:relative;font-size:18px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:0;top:var(--s3);color:var(--accent-ink);font-size:26px;line-height:1;transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa details p{padding:0 0 var(--s3);max-width:44em}
.info table{width:100%;border-collapse:collapse;font-size:16px}
.info th,.info td{text-align:left;padding:var(--s2) 0;border-bottom:1px solid rgba(28,43,58,.2);vertical-align:top}
.info th{width:9em;font-weight:700;color:var(--accent-ink)}
.contact{margin-top:var(--s4);padding:var(--s4);border:1px solid rgba(28,43,58,.2);border-radius:var(--radius);display:grid;grid-template-columns:1fr auto;gap:var(--s3);align-items:center}
footer{background:var(--navy);color:var(--white);padding:var(--s4) 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.rise{opacity:1;transform:none;animation:none;transition:none}}
@media (max-width:720px){
  .about .grid,.why .item,.can ul,.flow ol,.contact{grid-template-columns:1fr}
  .hero{min-height:88vh;min-height:88dvh}
  .hero .in{padding:var(--s5) var(--s2) var(--s3)}
  .band{height:44vh}
  .info th{width:7em}
}
</style>
</head>
<body>
<nav class="nav"><div class="in">
  <a class="brand" href="#top"><span>■</span>【会社名(短く)】</a>
  <div class="links"><a href="#about">どんな会社か</a><a href="#why">選ばれる理由</a><a href="#can">できること</a><a href="#flow">進め方</a><a href="#qa">よくある質問</a><a href="#info">会社情報</a></div>
</div></nav>

<header class="hero" id="top">
  <video autoplay muted loop playsinline preload="metadata" poster="【写真URL1】"><source src="【動画URL】" type="video/mp4"></video>
  <div class="veil"></div>
  <div class="in">
    <p class="tag rise">【場所】|【事業を一言で】</p>
    <h1 class="rise">【見出し。お客様にとっての良さを、2行で。<br>1行は12文字まで】</h1>
    <p class="lead rise">【会社の説明を2文で。60〜80字】</p>
    <div class="row rise"><a class="btn" href="#info">お問い合わせ</a><small>【短い添え書き。場所や、相談しやすいことを一言で。数字は入れない】</small></div>
  </div>
</header>

<section class="about" id="about"><div class="wrap">
  <p class="eyebrow reveal">どんな会社か</p>
  <div class="grid">
    <div class="side reveal"><b>【大事にしていることを、2行で】</b>【その説明を1文で】</div>
    <div class="reveal"><h2 style="margin-bottom:var(--s3)">【どんな会社かを一文で(見出し)】</h2><p>【3〜4行の説明】</p><p style="margin-top:var(--s2)">【もう1段落。お客様への姿勢】</p></div>
  </div>
</div></section>

<figure class="band"><img src="【写真URL1】" alt="【写真の説明】" loading="lazy"><figcaption>【写真に添える一言】</figcaption></figure>

<section class="why" id="why"><div class="wrap">
  <p class="eyebrow reveal">選ばれる理由</p>
  <div class="item reveal"><h3>【理由1の見出し】</h3><p>【2〜3行】</p></div>
  <div class="item reveal"><h3>【理由2の見出し】</h3><p>【2〜3行】</p></div>
  <div class="item reveal"><h3>【理由3の見出し】</h3><p>【2〜3行】</p></div>
</div></section>

<figure class="band"><img src="【写真URL2】" alt="【写真の説明】" loading="lazy"><figcaption>【写真に添える一言】</figcaption></figure>

<section class="can" id="can"><div class="wrap">
  <p class="eyebrow reveal">できること</p>
  <h2 class="reveal" style="margin-bottom:var(--s4)">【できることを一文で(見出し)】</h2>
  <ul class="reveal"><li>【できること1】</li><li>【できること2】</li><li>【できること3】</li><li>【できること4】</li><li>【できること5】</li><li>【できること6(任意・8個まで)】</li></ul>
</div></section>

<section class="flow" id="flow"><div class="wrap">
  <p class="eyebrow reveal">進め方</p>
  <h2 class="reveal" style="margin-bottom:var(--s4)">【進め方を一文で(見出し)】</h2>
  <ol class="reveal">
    <li><h3>【段階1】</h3><p>【説明】</p></li><li><h3>【段階2】</h3><p>【説明】</p></li><li><h3>【段階3】</h3><p>【説明】</p></li><li><h3>【段階4】</h3><p>【説明】</p></li>
  </ol>
</div></section>

<figure class="band"><img src="【写真URL3】" alt="【写真の説明】" loading="lazy"><figcaption>【写真に添える一言】</figcaption></figure>

<section class="qa" id="qa"><div class="wrap">
  <p class="eyebrow reveal">よくある質問</p>
  <div class="reveal">
    <details><summary>【質問1】</summary><p>【答え。2行まで】</p></details>
    <details><summary>【質問2】</summary><p>【答え。2行まで】</p></details>
    <details><summary>【質問3】</summary><p>【答え。2行まで】</p></details>
  </div>
</div></section>

<section class="info" id="info"><div class="wrap">
  <p class="eyebrow reveal">会社情報</p>
  <table class="reveal">
    <tr><th>会社名</th><td>【会社名】</td></tr><tr><th>所在地</th><td>【所在地】</td></tr><tr><th>創業</th><td>【創業】</td></tr><tr><th>人数</th><td>【人数】</td></tr><tr><th>事業内容</th><td>【事業内容】</td></tr>
  </table>
  <div class="contact reveal">
    <div><h3 style="margin-bottom:var(--s1)">お問い合わせ</h3><p style="font-size:15px">【連絡先。伝えたものだけ。無ければ「準備中です」】</p></div>
    <a class="btn" href="#top">ページの上へ</a>
  </div>
</div></section>

<footer><div class="wrap"><span>【会社名】</span><span>動画・写真:Pexels(商用利用可・クレジット表記不要)</span></div></footer>
<script>
(function(){var els=document.querySelectorAll('.reveal');if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in')});return}
var io=new IntersectionObserver(function(es){es.forEach(function(x){if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target)}})},{threshold:.15});els.forEach(function(e){io.observe(e)})})();
</script>
</body>
</html>

【使ってよい素材】※ここに書いてあるURLだけを使ってください
※「目安」は、合いそうな仕事の例です。私の仕事と同じ言葉がある素材を選んでください。
※合うものが無いときは「共通(どの仕事でも)」から選んでください。素材が合わないことを理由に、止めたり質問したりしないでください。

▼ 動画(いちばん上に置くもの。1つ選ぶ)
・青空に白い雲が流れる。空だけが写る
 目安:共通(どの仕事でも)
 https://videos.pexels.com/video-files/5354480/5354480-hd_1920_1080_30fps.mp4
・緑の葉が風でゆれるアップ。人は写らない
 目安:共通(どの仕事でも)
 https://videos.pexels.com/video-files/4064718/4064718-hd_1920_1080_25fps.mp4
・旋盤で金属の部品を削るアップ。金色の削りくずが出る。人は写らない
 目安:製造・加工
 https://videos.pexels.com/video-files/6263179/6263179-hd_1920_1080_25fps.mp4
・マシニングセンタが板を削り、水色のホースから切削液が出る。人は写らない
 目安:製造・加工
 https://videos.pexels.com/video-files/5998850/5998850-hd_1920_1080_30fps.mp4
・上から見た街の建設現場とクレーン(ミニチュア風)。人の顔は分からない
 目安:建設・工事
 https://videos.pexels.com/video-files/5513062/5513062-hd_1920_1080_30fps.mp4
・設計図の上で鉛筆を持つ手元。社名などの文字は写らない
 目安:建設・工事
 https://videos.pexels.com/video-files/8471104/8471104-hd_1920_1080_25fps.mp4
・木のまな板でパセリを刻む手元。奥に料理人の胴だけ。顔は写らない
 目安:飲食・食品
 https://videos.pexels.com/video-files/854631/854631-hd_1920_1080_30fps.mp4
・真上から、野菜を切る手元。まわりに彩りの野菜。顔は写らない
 目安:飲食・食品
 https://videos.pexels.com/video-files/3209214/3209214-hd_1920_1080_25fps.mp4
・ガラスのカップに温かい飲み物。湯気と葉の飾り。人は写らない
 目安:飲食・食品
 https://videos.pexels.com/video-files/6166867/6166867-hd_1920_1080_25fps.mp4
・土鍋で煮立つスープと、奥にそば。湯気が立つ。人は写らない
 目安:飲食・食品
 https://videos.pexels.com/video-files/854196/854196-hd_1920_1080_30fps.mp4
・サーモンやアボカドを盛った一皿のアップ。ゆっくり回る。人は写らない
 目安:飲食・食品
 https://videos.pexels.com/video-files/6645783/6645783-hd_1920_1080_30fps.mp4
・お店の洋服のラック。人は写らない
 目安:小売・卸
 https://videos.pexels.com/video-files/8195083/8195083-hd_1920_1080_25fps.mp4
・夜の高速道路を走る大型トラック。社名の表示はなく、人は写らない
 目安:運送・物流
 https://videos.pexels.com/video-files/5266051/5266051-hd_1920_1080_30fps.mp4
・実験室。手袋の手がピペットで検体を分注する。顔は写らない
 目安:医療・介護
 https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4
・明るく清潔な廊下。人は写らない
 目安:医療・介護
 https://videos.pexels.com/video-files/5203511/5203511-hd_1920_1080_30fps.mp4
・心電図のモニター画面のアップ。人は写らない
 目安:医療・介護
 https://videos.pexels.com/video-files/6130551/6130551-hd_1920_1080_30fps.mp4
・真上から見た会議机。ノートPC2台、グラフの資料、手元だけが写る。顔は写らない
 目安:士業・事務所/IT・サービス
 https://videos.pexels.com/video-files/3209211/3209211-hd_1920_1080_25fps.mp4

▼ 写真(3枚えらぶ。全部ちがう場面にする)
・木のテーブルの角に置いたコーヒー。真上から。人は写らない(目安:共通(どの仕事でも))
 https://images.pexels.com/photos/28593519/pexels-photo-28593519.jpeg?auto=compress&cs=tinysrgb&w=1600
・木の机にノート・コーヒー・キーボード。人は写らない(目安:共通(どの仕事でも))
 https://images.pexels.com/photos/317385/pexels-photo-317385.jpeg?auto=compress&cs=tinysrgb&w=1600
・窓ぎわの机にノートと観葉植物。人は写らない(目安:共通(どの仕事でも))
 https://images.pexels.com/photos/5717301/pexels-photo-5717301.jpeg?auto=compress&cs=tinysrgb&w=1600
・白い額縁と観葉植物。人は写らない(目安:共通(どの仕事でも))
 https://images.pexels.com/photos/5797991/pexels-photo-5797991.jpeg?auto=compress&cs=tinysrgb&w=1600
・大きな機械部品と、安全ベストの作業員(後ろ姿・顔は写らない)(目安:製造・加工/建設・工事)
 https://images.pexels.com/photos/2760241/pexels-photo-2760241.jpeg?auto=compress&cs=tinysrgb&w=1600
・ドライバービットのセットを白背景で。人は写らない(目安:製造・加工/建設・工事)
 https://images.pexels.com/photos/5691659/pexels-photo-5691659.jpeg?auto=compress&cs=tinysrgb&w=1600
・真ちゅう色に削り出した金属部品がならぶアップ。人は写らない(目安:製造・加工)
 https://images.pexels.com/photos/28752153/pexels-photo-28752153.jpeg?auto=compress&cs=tinysrgb&w=1600
・マシニングセンタの主軸と工具のアップ。人は写らない(目安:製造・加工)
 https://images.pexels.com/photos/8865187/pexels-photo-8865187.jpeg?auto=compress&cs=tinysrgb&w=1600
・旋盤で丸い部品を削り、切削液のホースがかかる。人は写らない(目安:製造・加工)
 https://images.pexels.com/photos/28752150/pexels-photo-28752150.jpeg?auto=compress&cs=tinysrgb&w=1600
・プレスした金属のリングが山積み。人は写らない(目安:製造・加工)
 https://images.pexels.com/photos/12951626/pexels-photo-12951626.jpeg?auto=compress&cs=tinysrgb&w=1600
・木の作業台に、のこぎり・金づち・ヘルメットなどの道具。人は写らない(目安:建設・工事)
 https://images.pexels.com/photos/1029243/pexels-photo-1029243.jpeg?auto=compress&cs=tinysrgb&w=1600
・夕日に照らされた建設中の建物。人は写らない(目安:建設・工事)
 https://images.pexels.com/photos/16076663/pexels-photo-16076663.jpeg?auto=compress&cs=tinysrgb&w=1600
・足場の床(鉄のあみ)のアップ。人は写らない(目安:建設・工事)
 https://images.pexels.com/photos/20339280/pexels-photo-20339280.jpeg?auto=compress&cs=tinysrgb&w=1600
・木の台に、にんじん・ねぎ・ブロッコリーなどの新鮮な野菜。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/5084088/pexels-photo-5084088.jpeg?auto=compress&cs=tinysrgb&w=1600
・かごに入ったパン。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/1118332/pexels-photo-1118332.jpeg?auto=compress&cs=tinysrgb&w=1600
・朝ごはんの食卓を真上から。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/5961371/pexels-photo-5961371.jpeg?auto=compress&cs=tinysrgb&w=1600
・料理がならぶ食卓を真上から。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/8753672/pexels-photo-8753672.jpeg?auto=compress&cs=tinysrgb&w=1600
・牛肉と香草をのせた、アジアのめん料理のアップ。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/6646083/pexels-photo-6646083.jpeg?auto=compress&cs=tinysrgb&w=1600
・米のめん・香草・揚げた魚をならべたアジアの料理を真上から。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/2318966/pexels-photo-2318966.jpeg?auto=compress&cs=tinysrgb&w=1600
・黒い皿に香草をのせた肉料理。暗い背景で落ち着いた雰囲気。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/1639563/pexels-photo-1639563.jpeg?auto=compress&cs=tinysrgb&w=1600
・薄暗い店内のテーブルに、ワイングラスとナプキン。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/34723813/pexels-photo-34723813.jpeg?auto=compress&cs=tinysrgb&w=1600
・落ち着いた照明のレストランの店内。準備の整ったテーブル席。人は写らない(目安:飲食・食品)
 https://images.pexels.com/photos/12688961/pexels-photo-12688961.jpeg?auto=compress&cs=tinysrgb&w=1600
・倉庫の高い棚が並ぶ通路。人は写らない(目安:運送・物流/小売・卸)
 https://images.pexels.com/photos/4483610/pexels-photo-4483610.jpeg?auto=compress&cs=tinysrgb&w=1600
・木のハンガーにならぶ白・黒・灰色の洋服。人は写らない(目安:小売・卸)
 https://images.pexels.com/photos/5864266/pexels-photo-5864266.jpeg?auto=compress&cs=tinysrgb&w=1600
・落ち着いた色の洋服がならぶお店のラック。人は写らない(目安:小売・卸)
 https://images.pexels.com/photos/4947543/pexels-photo-4947543.jpeg?auto=compress&cs=tinysrgb&w=1600
・たたんだジーンズの重なりのアップ。人は写らない(目安:小売・卸)
 https://images.pexels.com/photos/4109797/pexels-photo-4109797.jpeg?auto=compress&cs=tinysrgb&w=1600
・白い背景で、無地の黒い紙袋に手を入れる。顔は写らない(目安:小売・卸)
 https://images.pexels.com/photos/5556281/pexels-photo-5556281.jpeg?auto=compress&cs=tinysrgb&w=1600
・白い台に開いた段ボール箱。人は写らない(目安:運送・物流)
 https://images.pexels.com/photos/4464483/pexels-photo-4464483.jpeg?auto=compress&cs=tinysrgb&w=1600
・配送用の車の荷台に積んだ段ボール箱。人は写らない(目安:運送・物流)
 https://images.pexels.com/photos/7843987/pexels-photo-7843987.jpeg?auto=compress&cs=tinysrgb&w=1600
・倉庫の外観と、人のいないフォークリフト。青空(目安:運送・物流)
 https://images.pexels.com/photos/12069485/pexels-photo-12069485.jpeg?auto=compress&cs=tinysrgb&w=1600
・白い台に聴診器と白紙のクリップボード。人は写らない(目安:医療・介護)
 https://images.pexels.com/photos/7723510/pexels-photo-7723510.jpeg?auto=compress&cs=tinysrgb&w=1600
・車いすの車輪と手元(動きでぼけている)。顔は写らない(目安:医療・介護)
 https://images.pexels.com/photos/4064337/pexels-photo-4064337.jpeg?auto=compress&cs=tinysrgb&w=1600
・木の机の上で重ねた手(お年寄りと付き添いの手)。顔は写らない(目安:医療・介護)
 https://images.pexels.com/photos/6975092/pexels-photo-6975092.jpeg?auto=compress&cs=tinysrgb&w=1600
・白い台に絆創膏をならべる手元。顔は写らない(目安:医療・介護)
 https://images.pexels.com/photos/9255018/pexels-photo-9255018.jpeg?auto=compress&cs=tinysrgb&w=1600
・ノートパソコンと手元。画面の中身は読めない。顔は写らない(目安:IT・サービス/士業・事務所)
 https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=1600
・机の上の資料と手元。数人で見ている。顔は写らない(目安:士業・事務所/IT・サービス)
 https://images.pexels.com/photos/3184292/pexels-photo-3184292.jpeg?auto=compress&cs=tinysrgb&w=1600
・ホワイトボードに書く人のシルエット。顔は影で分からない(目安:士業・事務所/IT・サービス)
 https://images.pexels.com/photos/3862130/pexels-photo-3862130.jpeg?auto=compress&cs=tinysrgb&w=1600

※2026-09-24 に、すべて開けることを確かめました。
※出典:Pexels(https://www.pexels.com/ja-jp/license/)。商用利用でき、クレジット表記は不要です。
できあがったら、「ダウンロード」を押して保存します。Claudeの画面に出たファイルの「ダウンロード」を押してください。4番で使います。
おまけ:会社で使うページを、質問に答えながら作りたいとき

今日はしなくて大丈夫です。会社で、本当に使うページを作るときに使ってください。新しい会話に、まずこの文を貼ります。質問に6つ答えたら、同じ会話に3番の文を貼ります。何回かやり取りするので、無料版は使える量を多く使います。



会社の紹介ページを作る前に、中身を一緒に決めたいです。私に質問してください。

【進め方】
1. 次の6つを、この順に、1回に1つずつ聞いてください。
 1)おもなお客様は、だれですか
 2)お客様が困っていることは、何ですか
 3)できること(仕事の中身)は、何ですか
 4)ほかの会社ではなく、選ばれる理由は何ですか
 5)お客様によく聞かれることは、何ですか
 6)ページを見た人に、何をしてほしいですか(電話・メール・来店など)。そのための連絡先も聞いてください
2. 質問は、必ず、Claudeの「選択肢を出す機能」を使って、私が画面でクリックして選べるボタンの形で出してください。
 ボタンは、上の会社のことから考えた案を3つまでと、最後に「わからない・あとで」です。
 文章の中に「1. 2. 3.」と並べて「番号で答えて」と書くのは、だめです。どうしてもボタンが出せないときだけ、番号つきで書いてください。
 私は、言葉で書き足すこともあります。
3. 6つ聞き終わったら、答えを「会社のメモ」として短くまとめて見せてください。ページは、まだ作らないでください。
4. このあと私が、3番のお願い文を同じ会話に貼ります。そのときは、このメモの中身を使ってページを作ってください。

【守ること】
・案に、数字・実績・受賞・お客様の名前・取引先を入れないでください。
・「わからない・あとで」と答えた所は、メモに書かないでください。
おまけ:できたページを、自分好みに直したいとき

今日はしなくて大丈夫です。会社に戻ってから使ってください。3番でページを作った、同じ会話の続きに貼ります(新しい会話では動きません)。AIが質問するので、出てきたボタンを押して答えます(ボタンが出ないときは、番号で答えます)。何回かやり取りするので、無料版は使える量を多く使います。

さっき作った会社の紹介ページを、私の好みに合わせて直したいです。
私に質問をしながら、一緒に直してください。

【進め方】
1. まず「どこを直したいですか」と聞いてください。次の6つから、いくつ選んでもよいです。
 1)表紙の見出しの言い回し
 2)文の感じ(もっとやわらかく/もっときちんと)
 3)ページの色
 4)写真と動画の場面
 5)まとまりの中身(足したいこと・短くしたいこと)
 6)自分や社員の写真に入れ替える(会社のホームページにある写真のアドレスを、私が書きます)
2. 選んだところだけを、1つずつ聞いてください。1回に聞くのは1つだけです。
 質問は、必ず、Claudeの「選択肢を出す機能」を使って、私が画面でクリックして選べるボタンの形で出してください(1の「どこを直したいですか」も同じです)。
 ボタンは、案を3つまでと、最後に「いまのまま」です。
 文章の中に「1. 2. 3.」と並べて「番号で答えて」と書くのは、だめです。どうしてもボタンが出せないときだけ、番号つきで書いてください。
 私は、言葉で書き足すこともあります。
 質問は、全部で5つまでにしてください。
3. 質問が終わったら、直したページを、前と同じ1つのファイル(index.html)で出してください。
 ダウンロードできる形にしてください。

【案の出し方】
・見出し:いまの見出しとちがう言い回しを3つ。1行12文字まで。
・色:前のお願いにある10組(オレンジ・緑・青・ピンク・紺・赤・黄・紫・水色・茶)から選びます。10組に無い色を言ったら、その色に近くて白い文字が読める濃さにしてください。
・写真と動画:前のお願いの【使ってよい素材】の中から、いまとちがう場面を3つ。どんな場面かを言葉で説明してください。
・まとまりの中身:7つのまとまりの、どこに何を足すか、どこを短くするかを案にしてください。
・自分や社員の写真:私が書いた写真のアドレス(https:// で始まる、会社のホームページにある写真)を、【写真URL1】の所に入れてください。本人の許可がある写真だけです。アドレスを私が書かないうちは、入れ替えないでください。

【守ること】
・前のお願いの決まりは、全部そのまま守ってください(型とCSS・7つのまとまり・使ってよい素材のURL・書かないこと)。例外は、6)で私が書いた自分や社員の写真のアドレスだけです。
・私が伝えていない数字・実績・受賞・お客様の名前・取引先は、足さないでください。
4

インターネットに出す

お金はかかりません。前で一緒に進めます
出す前に、1回だけ中身を見てください。会社の名前と、できることが合っているか。電話番号やメールなど、伝えていないことが書かれていたら、出さずに手を挙げてください。
  1. 3番でできたファイルを、パソコンに保存する(「ダウンロード」を押す)。保存したファイルは「ダウンロード」フォルダに入ります(Windows:エクスプローラーの左の「ダウンロード」/Mac:Finderの左の「ダウンロード」)
  2. www.cloudflare.com/drop/ を開いて(押すと開きます)、ダウンロードした index.html を1つドラッグする(最初に「同意する(Accept)」の画面が出たら押す)
  3. 出てきたアドレスをコピーして、QRを作るページに貼る → 出てきたQRをスマートフォンで読む
パソコンで開けなくても大丈夫です。会場のネットでは、できたばかりのページが止められることがあります。スマートフォンで確かめてください。
今日はここまでで大丈夫です。今日のページは練習用で、60分で消えます。消えてよいです。
本当に残すページは、会社で3番からもう一度作って出し、そのときに「Claim(自分のものにする)」を60分以内に押します。※押すときにアカウント登録を求められることがあります
コピーできないとき:「中身を見る」を開いて、文をなぞって選び、コピーしてください。 それでも進まないときは、手を挙げてください。すぐ行きます。
同じ文を、もう一度貼らないでください。無料版は回数に限りがあります(9月に試したときは、5時間で3回でした)。うまく進まないときも、手を挙げてください。
有料プラン(Cowork)をお使いの方へ

やることは同じです。違うのは、会社のことをファイルに置いておけるところだけです。

  1. 「AI練習」フォルダを見せる棚に決めてから、1〜3番をそのまま使えます
  2. 会社のことは、フォルダの中の「会社のこと」に書いておけば、毎回貼らずに済みます
  3. 3番でできたページは、index.html 1つでインターネットに出せます

つまずいた方は、無料版の進め方に切り替えてください。設定は個別のお時間(15:40〜)で承ります。

5

明日やること(1つだけ)

全部やろうとしないでください
  1. 1番で出た「見張りのお願い文」を、会社のパソコンに保存する。ファイル名は「補助金の見張り」で十分です
  2. 来年の同じ時期に、その文をもう一度貼る。カレンダーに1行だけ入れておくと忘れません
  3. このページをブックマークする。2番の文は、いつでもそのまま使えます。
    ⚠️ 1番の一覧と、3番の写真・動画のURLには、日づけがついています。来年は1番ではなく、保存した「見張りのお願い文」を使ってください(金額と締切は、そのつど公式ページで確かめます)。3番で写真や動画が出ないときは、その行を消すか、新しいURLに入れ替えてください
今日つくったものは、全部この画面から作り直せます。 後日、会社でうまくいかなくなったら、同じ文をもう一度貼ってください。
6

今日の先に、できること

有料プランの話と、会計ソフトとつなぐ話
Claude の「予定済み」の画面。毎朝のメールチェック(平日8:30)と毎朝の補助金チェック(平日8:00)が有効になっている

毎朝の自動・仕事の道具のセット・会計ソフトとつなぐ。画面つきで1ページに。

「今日の先に、できること」を開く

Kanau Tech / 2026年10月27日(火)13:30〜16:30 / 千葉市産業振興財団 8階会議室

最終更新:2026-10-26