Hiratersヒラターズ
ウェブサイト制作

AIでウェブサイト制作をできるようになろう

FigmaからNext.jsの本番サイトを生成し、Vercelで世界に公開する一連のワークフローを習得する。

学習前 → 学習後

学ぶ前と、学んだ後。

Before

  • コードを見ると固まってしまう
  • テンプレを切り貼りするだけで止まる
  • 公開のやり方が分からない

After

  • AIと一緒に1日でLPを作れる
  • Figmaから本番サイトを生成できる
  • Vercelで世界に公開できる
0+

受講生

0+

レッスン視聴

0+

テンプレート

0%

満足度

制作費の、ほんとうの話

AIを使える人と、使えない人。その差は、数字に出る。

同じサイト、同じアプリ。誰かに頼めば数十万円。自分でつくれば、ほぼ¥0。 日本の制作相場を、実際に調べました。

日本の平均的な、
アプリ開発の見積もりは——

100万円〜
数千万円

相場100〜500万円、大規模は数千万円規模(出典は下部)

しかも、その殆どが人件費

外注費の80〜90%は「人の作業時間」

ヒラターズなら

¥1,400/月

年額プラン(16,800円/年)なら、たったこれだけ。

ヒラターズでなら、
IT開発の全てを学べる。

アプリ・ウェブ・動画・3D ——ぜんぶ。

AIの時代に、
取り残されるな。

今から、始めよう

スクロール
数字で、ぜんぶ比べる

外注と自作、ごまかさずに並べた。

数字で見る、外注 vs Hiraters

単位: 円(オンライン調査・2025〜2026年)

0100万200万300万400万500万
アプリ開発を外注[1,2]100万500万
Webサイト制作を外注[3]10万30万
保守・運用(年間)[4]6万24万
ヒラターズ 年会員
¥16,800 /年(← ほぼ見えないほど安い)

アプリ開発1件(最低100万円)

60年分

ヒラターズ 年会員の

Webサイト制作1件(平均20万円)

12年分

ヒラターズ 年会員の

保守・運用 1年分(最大24万円)

14年分

ヒラターズ 年会員の

外注費の内訳

出典 [2]

人件費 80〜90%
その他

外注で払うお金のほとんどは「人の作業時間」。その作業を、AIツールで自分の手に置き換えるのがヒラターズの考え方です。

5年でいくら差がつく?

Webサイト制作+保守を外注した場合と、ヒラターズ年会員を5年続けた場合。

外注(制作20万+保守15万×5年)約95万円
ヒラターズ 年会員 × 5年84,000

差額はおよそ 86万円。しかもヒラターズなら、何個でも自分で作れるようになる。

しかも会員なら、一度きりの1サイトではなく何個でも自分で作れるようになる。

料金を見る

データ出典(2025〜2026年・オンライン調査)

外注の、その先

あなたの仕事は、結局海外の下請けへ。

日本の制作会社に頼んでも、実際の作業はベトナム・インド・中国などの安い下請けに回されることが多い。あなたが払うお金には、中間マージンが何重にも乗っている。

人に頼む場合

あなた

数十万円を支払う

日本の制作会社

+中間マージン

海外の下請け

ベトナム・インド・中国 = 日本の約1/3の単価

ベトナムの人月単価は日本の約1/3(25〜40万円)。出典: [5] [6]

数十万円 数週間〜数ヶ月

自分で作る場合(Hiraters)

あなた

PC AIツール

完成 — あなた自身の手で

中間マージンも、下請けも、待ち時間もいらない

制作費 ¥0 最短その日から

ヒラターズの考え方

PCとAIツールさえあれば、
自分で、無料で作れる。

誰かに数十万円を払う前に。ヒラターズで、作り方そのものを手に入れよう。

学習ロードマップ

4つのレベルで、確実に。

各レベルの終わりには、必ず「作れるもの」が増えている。

レベル1

基礎と環境構築

最初の1ページを公開できる

Next.js基礎TailwindVercelデプロイ

レベル2

AIで高速制作

LPを1日で量産できる

Claude Codeコンポーネント設計レスポンシブ

レベル3

本番品質へ

クライアント案件を納品できる

Figma→実装SEOパフォーマンス

レベル4

システム化

制作を仕組みで回せる

CMS連携再利用テンプレワークフロー自動化
無料で試す

まずは、無料動画から。

登録不要で見られる入門動画を用意。雰囲気を掴んでから始められる。

会員特典

メンバーで、すべてが開く。

プレミアム動画

全カテゴリの実践コースが見放題。

テンプレート

そのまま使える本番品質のテンプレ。

ワークフロー

プロの制作フローを丸ごと再現。

プロンプト集

結果が出る厳選プロンプト。

Claude Skills

最前線のSkillとAgent設計。

コミュニティ

同じ目標を持つ仲間とつながる。

FAQ

よくある質問

はい。AIを前提に設計しているため、コードを書いた経験がなくても最初の1ページから公開まで到達できます。

ウェブサイト制作を、今日から。

無料で始めて、本気になったら月額か年額へ。いつでも解約できる。