二つのやり方の仕組み
サイト作成サービスは、そのサービスのエディタのなかでサイトを仕上げ、サイトもそのサービスのサーバーに置かれます。Framer と Pineapple Builder はどちらも無料プランがあり、無料のままだとサービス側が用意したアドレスを使います。自分のドメインをつなぐには、月ごとに請求される有料プランに移ります。
Claude Code で作る場合は違います。AI のコーディングツールに会話で頼み、自分のパソコンのなかにウェブのファイルを直接書かせます。できあがるのはフォルダひとつで、ウェブページを置ける場所ならどこにでも置けます。Sketchry の Skill なら、できあがるのは素の HTML、CSS、JavaScript です。
サイトはどこにあり、誰が持ち出せるか
作成サービスのサイトは、そのサービスの上に住んでいます。サーバー、ドメインの設定、バックアップは任せられますが、その代わりサイトはサービスの行く先に付いていきます。Hocoos がその一例です。この AI サイト作成サービスは、自社サイトで営業を終えたと告知し、各サイトの HTML の控えをダウンロードできるだけにしています。期限は 2026 年 4 月 23 日までです（2026 年 10 月 9 日に同社サイトで確認した時点の内容）。
Claude Code で作ったサイトは、最初から自分のパソコンのなかにファイルがあるので、置き場所を変えるのはフォルダひとつを移すだけです。
費用はどう積み上がるか
作成サービスはサイトごとに、月または年で課金します。長く使い、数を増やすほど、払う額は積み上がります。Framer と Pineapple Builder の有料プランもその計算です。
Claude Code の道の費用は、AI ツール自体の利用料と、サイトを置く場所の代金です。純粋な静的サイトは無料プランのある置き場所に収まることが多く、二つめ、三つめを作っても、サイトごとに月額をもう一度払う必要はありません。
何ができる必要があるか
作成サービスがいちばん親切です。ブラウザを開き、エディタのなかで要素を動かして文字を直せば仕上がります。コードには一切触りません。
Claude Code では、まず AI のコーディングツールを覚える必要があります。入れること、指示を貼ること、自分のパソコンで仕上がりを確かめること、そしてファイルを置き場所に上げることです。自分でコードを書くわけではありませんが、この数手順を覚える気は要ります。
デザインの自由度
作成サービスの版面は、そのサービスの部品で組まれています。安定して動く代わりに、その枠からは出られません。Claude Code にはほとんど制限がなく、画面いっぱいのアニメーション、捲るたびに流れる連続フレーム、変わった操作も作れます。難点は、結果が出す指示の質に左右されることです。
AI にそのまま「レストランのサイトを作って」と頼むと、たいていごく平凡な版面が返ってきます。Skill の役目はそこです。デザインの仕様と手順を先に書いておくことで、結果が安定します。
あとから直すとき
作成サービスではエディタのなかで直します。Claude Code では AI に直したいところを伝えるか、自分でファイルを直します。ファイルは自分の手元にあるので、別のデザイナーやエンジニアに引き継ぐのも簡単です。
どちらが合うか
作成サービスを選ぶ場合：とにかく早く公開したい、サーバーやフォーム、予約の機能が最初から入っていてほしい、コードには一切触りたくない。
Claude Code を選ぶ場合：受託やデザインの仕事で元ファイルを顧客に渡す必要がある、変わったアニメーションを作りたい、すでに AI のコーディングツールを使っている、あるいはサイトをひとつのサービスに縛りたくない。
二つは排他ではありません。まず作成サービスで案を試し、そのあとに自分の本番版を作ることもできます。
そこで Skill が入るところ
Sketchry のサイト Skill は、まさに Claude Code の道のために作られています。どれにもそろったデザイン仕様が付き、多くには展示用の素材パックも付きます。Claude Code や Codex、Cursor に貼れば AI がサイトをひととおり作り、そのあと自分のブランドと写真に差し替えます。
仕上がりはサイトのテンプレートで見られます。Skill が何なのかよく分からないときは、まずAI Skill とはをご覧ください。まず試すなら、OFFSET STUDIO はサインインすれば無料で手に入ります。
よくある質問
Claude Code でサイトを作るには、コードが書けないといけませんか？
書けなくて大丈夫です。コードは AI ツールが担います。ただしツールの操作は必要です。入れること、指示を貼ること、自分のパソコンで確かめること、そしてファイルを置き場所に上げることです。
できたサイトはどこに置きますか？
ふつうのウェブのファイル一式なので、静的サイトを配信できる置き場所ならどこでも動きます。Netlify や Cloudflare Pages などで、無料プランのあるものも多くあります。
作成サービスのサイトは持ち出せますか？
サービスによります。サイトの控えを書き出せるところもありますが、書き出したものを元のエディタに戻して直せるとは限りません。選ぶ前に書き出し機能があるか確かめてください。
どちらが安いですか？
いくつ作るか、どれだけ長く使うかによります。作成サービスは月ごとに積み上がります。Claude Code は AI ツールの利用料と置き場所の代金なので、作る数が増えるほど一つあたりは安くなります。