01 / 23
はじめに
このお話しについて
AIを学びたい・使い倒したいと思っているみなさんへ。私も始めてまだ4ヶ月未満。一緒に試行錯誤しながら進みましょう。
ALL LEVELS実体験ベース副業・ビジネス
クリックで詳細 →
02 / 23
はじめに
まず触ること。それだけ。
環境整備はいったん置いておいて、とにかく毎日触り続けることで感覚が育ちます。何を聞くかより「触った回数」の方が大事です。
クリックで詳細 →
03 / 23
はじめに
8％
業務でAIを使った経験がある人
実はこれだけしかいません。「魔法」を目の前で見た人はもっと少ない。みんな同じようなスタートラインにいます。
クリックで詳細 →
04 / 23
何を作る？
ホームページをまず作ってみては
馴染みがあって、ビジネスに繋げやすくて、仕組みが見えやすい。最初の一歩として向いていると思います（あくまで一つの考え方です）。
クリックで詳細 →
05 / 23
何を作る？
8分
モックなら8分で作れます
デザインだけの見本（モック）は慣れれば8分程度で。パッと作ってパッと見せられるのがこの方法の強みです。
クリックで詳細 →
06 / 23
何を作る？
副業レベルの案件はほぼ改修です
ゼロから作る案件は少なく、「古いサイトをリニューアルしたい」という改修がほとんど。放置されたサイトは日本中にたくさんあります。
クリックで詳細 →
07 / 23
営業の話
「驚き」を作る方法のひとつ
タブレット一枚でその場でデモを見せる。AIに興味のなかった方でも「え、そんなに速く作れるの？」という反応になりやすいです。
クリックで詳細 →
08 / 23
営業の話
相場の現実とその先
HP制作の相場は安くなっています。制作を入り口にして継続関係を作る、というのが一つの考え方です。
初期5〜10万円月額3〜5千円
クリックで詳細 →
09 / 23
営業の話
「作れるか」は後で考える
「まずデザインだけ先に送ります」と言えば時間が稼げます。帰ってからAIに相談すれば大抵は作れます。焦らなくていいです。
クリックで詳細 →
10 / 23
仕組みを知る
ホームページは家を建てる話に似ています
建材・土地・登記・竣工と同じ構造が対応しています。専門用語より「家を建てるイメージ」で覚えてしまうのが早いです。
クリックで詳細 →
11 / 23
仕組みを知る
建材とフレームワーク——覚えなくていいです
HTMLなどのコードは読めなくてOK。フレームワーク（建て方）は迷ったらNext.jsで大丈夫です。AIが全部選んでくれます。
クリックで詳細 →
12 / 23
仕組みを知る
土地はCloudflareがおすすめです
「警備業が本業の会社が始めた不動産業」のイメージ。広大な土地を無料で貸してくれて、セキュリティも極めて堅牢です（現時点では）。
クリックで詳細 →
13 / 23
仕組みを知る
表札・登記・そしてデプロイ
ドメインが「表札」。DNSが「郵便局への届け出」。デプロイは「公開」。これだけ覚えておけば十分です。
クリックで詳細 →
14 / 23
作り方
デザインの調達は3つのパターン
①スキルを仕込む ②テンプレを使う ③Google Stitchで生成する。状況に合わせて使い分けるといいと思います。
クリックで詳細 →
15 / 23
作り方
スキルを仕込むパターン
デザインルールを事前に与えておくと毎回同じクオリティが出ます。スキルファイル自体もClaudeが作ってくれます。75〜80点が出る手軽な方法です。
クリックで詳細 →
16 / 23
作り方
Envatoテンプレートを使うパターン
Next.js対応テンプレートが豊富。Claude Codeに渡すときは「構造は絶対に触らないで」と明記するのが鉄則です（言わないと崩されます）。
クリックで詳細 →
17 / 23
作り方 ★現状おすすめ
Google Stitchが今のところ一番使いやすいです
自然言語でUIデザイン生成（無料・ベータ）。Claude Codeとの連携がスムーズで、AIのリレーで高品質なサイトが素早く作れます。
クリックで詳細 →
18 / 23
作り方
3時間
環境が整えば受注から3時間で納品できます
従来の1週間が3時間に。ただし「環境を先に整えること」が前提です。準備が先、案件は後でも間に合います。
クリックで詳細 →
19 / 23
その先へ
保守という継続収益
昔は面倒だった保守が、Claude Codeの自動化でほぼ作業ゼロになりました。月3,000〜5,000円が継続的に入ってくる構造です。
クリックで詳細 →
20 / 23
その先へ
300万円
行政案件という選択肢
技術的には中小企業サイトと大差なし。アクセシビリティ対応もClaude Codeが担ってくれます。制作300万・保守月15万という相場感があります。
クリックで詳細 →
21 / 23
その先へ
実績の壁と突破口
行政案件は「実績がないと参加できない」という壁があります。観光協会から入るのが個人的には一番入りやすかったです。
クリックで詳細 →
22 / 23
その先へ
塙町での実験に一緒に参加しませんか
DX・AI系のサービスなら期の途中でも採用実績が作れる可能性があります。アイデアがあればDiscordでDMください。
クリックで詳細 →
23 / 23
まとめ
まず1枚、作ってみてください
架空のお店でも自分のポートフォリオでも何でもいいです。作ってみることで話したことが全部体感できます。一緒に学んでいきましょう。
クリックで詳細 →