誰に、何を伝えるかを設計する。
ヒアリングから要件定義、情報設計、ワイヤーフレーム、UIデザインへ。見た目をつくる前に、ホームページの目的と必要な情報を整理します。
HP制作の全32カリキュラムを見る →Web制作スクール。
未経験から、公開・運用まで。
3ヶ月で、プロになれる。そんなわけがない。
企画・Webデザイン・HTML/CSS・JavaScript・CMS・SEOを、ホームページ制作の流れに沿って学ぶ全32カリキュラム。38工程の模擬案件で実践し、その後も制作と改善を重ねます。卒業・受講期限はありません。学び続ける覚悟を持つ方と、一つひとつの課題に取り組みます。
- 期限なし制作後も質問できる
- 2名毎月の受講枠
- 32カリキュラム
- 38総合制作の工程
your-first-site.com
0→1 Studio
焼きたてパンの店、こむぎのね。
くわしく見る<h1>焼きたてパンの店</h1>
.hero { display: grid }
$ git push → deploy ✓
Live · your-first-site.com
Design tokens
毎月2名まで受講できます
Our specialty
ホームページ制作を、
ホームページ制作を、
専門に学ぶ。
0→1は、ホームページ作成を基礎から学べるWeb制作スクールです。企業やお店の目的を理解し、企画・デザイン・実装・公開・運用まで、一つのサイトを自分の手で完成させるまで学びます。Webデザインもプログラミングも、その制作工程のなかで学びます。
使えるホームページに仕上げる。
HTML/CSS・JavaScript・CMSで実装し、スマートフォン対応、アクセシビリティ、SEO、表示速度を確認。サーバー設定と公開まで取り組みます。
企業サイト・店舗サイトなど制作例を見る →公開後の更新と改善まで考える。
アクセス解析、保守、改善提案までが学習範囲です。総合制作では講師がクライアント役となり、営業から改善まで38工程の模擬案件に取り組みます。
38工程で取り組む総合制作を見る →See the feedback
実際の添削は、どんな内容？
完成画面だけでなく、どこを、なぜ直すのか。公開している添削サンプルから、授業で行うやりとりをご覧ください。
01 / 設計
ワイヤーフレームの添削
予約への導線をどこに置くか。初稿・指摘・修正版を並べて確認。
画面とレビューを見る → 02 / 実装コードの添削
クリックできるだけの要素を、キーボードでも操作できる形へ。
コードの修正を見る → 03 / 品質アクセシビリティの添削
文字のコントラストと画像の説明。問題・指摘・改善結果を確認。
改善の過程を見る →授業の進め方を示す模擬案件のサンプルです。実在の受講生の成果ではありません。29点の成果物をすべて見る →
0.08Honesty
正直に、言います。
- 01
「3ヶ月でプロ」は、約束しません。
プロとして仕事を受けるには、つくる技術に加えて、仕事を取る力、設計する力、品質を守る力、公開して運用する力が必要です。短期間ですべてを身につけられる、とは考えていません。
- 02
Web制作の仕事には、デザインやコード以外の工程もあります。
クライアントが求めているのは、きれいなページではなく、成果の出るWebサイトです。つくる前と、つくった後にこそ、プロの仕事があります。
- 03
Web制作を続ける限り、学びも続きます。
作品の完成は節目です。新しい課題に出会うたびに調べ、試し、直す。その積み重ねを続ける覚悟が必要です。
だから0→1は、Web制作の主な工程を、期限ではなく到達目標に合わせて、ひとりひとりに深く教えます。
0.15Instructor
学校は新しい。
学校は新しい。
でも、教える人は新人ではありません。
0→1は、新しく始まるスクールです。教えるのは、2004年にWeb制作の実務を始め、2019年からフリーランスとして活動するYutaka Kizakiです。Webディレクション、デザイン、フロントエンド実装、講師・レビューの経験をもとに、基礎から制作・公開後の改善まで、継続して伴走します。
講師・Webクリエイター
Yutaka Kizaki
- Web実務
- 2004年にWeb制作実務を開始
- 現在
- Webディレクター／Webデザイナー／フロントエンドエンジニア
- 担当領域
- 企画・デザイン・実装・CMS・Webアプリ・WebGL/3D・SEO・パフォーマンス・アクセシビリティ・運用
- 主な制作実績
- 住宅関連企業のサイト、公的支援制度の案内サービス、物流をテーマにした3Dサイト、体験型Webサイトなど
- 指導経験
- 2023年からマンツーマン講師・レビュアー。HTML/CSS/JavaScript/PHP/WordPress/デザインのレビューと制作伴走
0.23Teaching experienceこれまでの、
これまでの、
指導・レビューの経験。
0→1として公開できる受講生の制作・学習成果は、まだありません。ここでは、開校前に講師・レビュアーとして担当してきた内容を、確認できる職務経歴にもとづいて掲載しています。
TEACHING 01マンツーマン
Web制作・プログラミングの個別指導
- 期間
- 2023年10月〜現在
- 役割
- 講師・レビュアー
- 指導領域
- HTML / CSS / JavaScript / PHP / WordPress / デザイン
- 指導内容
- サイト制作・アプリ開発の伴走、コード・デザイン添削、受講生ごとの学習ロードマップ作成
- 重視したこと
- 受講生の理解度や目標に合わせ、次に何を学び・何を作るかを具体化すること
TEACHING 02レビュー・制作支援
制作現場と学習をつなぐレビュー
- 期間
- 2023年10月〜現在
- 役割
- 講師・レビュアー・コーディング／Webディレクション
- レビュー
- HTML / CSS / JavaScript / PHP / WordPress / デザイン
- レクチャー
- 開発環境構築、制作フロー、実装意図と改善点の説明
- 制作実務
- コーポレートサイト、運用サイト、LPの制作・更新・ディレクション
※0→1開校前の講師・レビュアー経験です。個別のBefore / Feedback / Afterや受講後の成果は、本人の掲載許可と事実確認が取れた事例から順次追加します。
0.31Your 0→1
学習の流れ
1ページの作成から、アワードへの応募までの流れです。
- STEP 01
HTMLとCSSで1ページをつくる
HTMLとCSSで、文字と画像を並べるところから。自分の手でつくったWebページが、はじめて画面に表示される瞬間を体験します。
- STEP 02
デザインを学ぶ
情報を整理し、色・文字・余白を設計して、「読みたくなる」ページに変えていきます。
- STEP 03
JavaScriptとCMSで動くサイトに
ボタンやメニューが動き、お知らせも自分で更新できる。本格的なWebサイトへ仕上げます。
- STEP 04
どの画面サイズにも対応する
スマホでも、パソコンでも、大きな画面でも。どんな環境でも崩れない設計を身につけます。
- STEP 05
サーバーに公開する
ドメインを取得してサーバーに公開し、公開後はアクセス解析をもとに改善します。
- STEP 06
受注からアワード応募まで
クライアント役への提案から受注・納品までを経験し、CSS Design Awardsへの応募を目指します。その経験を次の制作に生かします。
0.38What you can do
専門用語は、まだ知らなくて大丈夫。
このカリキュラムで目指すのは、次のような力です。学ぶ順番も、未経験の方がつまずかないように並べています。
クライアント若いお客さんにも来てほしくて…
あなたまず、いちばん増やしたい行動から伺えますか？
見積書
01
お客さんと話して、仕事にできる
何に困っていて、何をつくれば解決するのか。話を聞いて提案し、見積を出して、仕事として受けられるようになります。
トップ
パン
予約
お店
予約フォーム
02
何をつくるべきか、考えられる
見た目の前に、誰に・何を伝えるサイトなのかを考え、ページの構成を組み立てられるようになります。
Design tokens
Aa あ
予約する
03
伝わるデザインが、つくれる
スマホでもパソコンでも見やすく、迷わず使えるデザインをつくれるようになります。
<section class="hero">
<h1>焼きたての、朝を。</h1>
<button>予約する</button>
</section>
.hero {
display: grid;
}
localhost
予約する
04
動くWebサイトを、自分の手でつくれる
デザインを、実際にブラウザで動くWebサイトにします。お知らせを自分で更新できる仕組みもつくれます。
your-first-site.com
0→1 Studio
焼きたてパンの店、こむぎのね。
くわしく見る公開中
稼働の監視
05
サイトを公開し、運用できる
誰でも見られるように公開し、速く・安全に動き続けるよう、公開したあとも手入れできるようになります。
あなたこのフォームのエラー表示を直して
AIの提案
- alert("エラー")
+ error.textContent = "…"
+ input.focus()
✓自分の目で確かめた
06
AIを使いこなして、正しく直せる
AIに任せきりにせず、AIがつくったものの間違いに気づいて、直せるようになります。
0.46Capstone project
総合制作で、CSS Design Awardsに挑戦する。
講師がクライアント役を務める模擬案件で、一つのプロジェクトを営業から公開・運用まで0から完成させ、世界のWebデザインアワード「CSS Design Awards」への応募を目指します。外部の評価も次の課題を見つける材料にし、制作後も改善と学びを続けます。
01 営業38 CSS Design Awards 応募
your-capstone.example
0→1 Studio
焼きたてパンの店、こむぎのね。
くわしく見るSTEP 38 / 38
✓要件定義
✓デザイン
✓実装・テスト
✓公開・改善
0.54Keep learning
制作を終えた後も、
制作を終えた後も、
受講期限はありません。
0→1には卒業がありません。下記は制作の節目に確かめる到達目標です。達成後も、新しい課題や次の制作に取り組み、質問・レビュー・面談を通じて学び続けます。
- 講師がクライアント役を務める38工程の総合制作を、レビューを受けながら完成させている
- 公開を想定したサイトが、アクセシビリティ・表示速度・セキュリティの品質基準を満たしている
- 要件定義書・提案書・議事録など、仕事に必要な書類を自分で作成できている
- 自分のデザインとコードの意図を、言葉で説明できる
- CSS Design Awardsへの応募に必要な作品と説明文が、そろっている
受講条件を見る
質問・レビュー・メンタリングの範囲は、受講条件にまとめています。
0.62Only 2 per month
毎月、2人しか
毎月、2人しか
受け入れません。
一人ひとりの制作物を、企画・デザイン・コード・品質まで継続してレビューするためです。一度に大勢を受け入れると、一人ひとりの制作に向き合う時間が足りなくなってしまいます。
毎月2名まで受講できます
0.69Price
この内容で、この価格。
受講料は398,000円（税込）。受講料のほかに必要になる実費も、事前にすべて公開しています。受講期限がないので、延長料金もありません。
0→1｜ホームページ制作専門コース
毎月2名限定¥398,000（税込）
分割払い可対応する日本発行カードで、分割・リボ・ボーナス払いを選べます（回数・手数料はカードによります）
教材の数ではなく、一人のプロジェクトを完成まで伴走するための価格です。
- 受講期限：設定なし（延長料金なし）
- カリキュラム：全32カリキュラム（6ステージ）
- 総合制作：全38工程・CSS Design Awardsへの応募
- 定員：毎月2名限定
毎月2名まで受講できます
受講期限
期限なし
32のカリキュラムを、期限に追われて「こなす」必要はありません。制作を終えた後も、学び続けられます。
- 自分のペースで進められる仕事や学業、生活に合わせて、無理なく続けられます。
- わかるまで立ち止まれる理解できないまま次へ進む必要はありません。何度でも戻って、確実に身につけられます。
- 総合制作を作り込める納得がいくまで作品を磨き、CSS Design Awardsに応募できる完成度まで仕上げられます。
Keep learning学び続ける覚悟を、
学び続ける覚悟を、
受講の前提に。
0→1には、卒業がありません。
作品は完成させます。学びは、その先も続きます。Web制作に取り組む限り、自分で調べ、手を動かし、レビューを受けて直し、知識や技術を更新していく姿勢が必要です。
仕事や生活に合わせて学ぶ時間をつくり、制作のたびに見つかる課題に取り組んでください。制作後も、質問・レビュー・面談を利用できます。
0.77Difference
料金だけでなく、
料金だけでなく、
学ぶ範囲・期間・個別サポートまで。
未経験から仕事まで。各社の公開情報を、同じ項目で並べました。料金だけでなく、学べる工程とサポートの期間まで比べてみてください。
表は横にスクロールできます。キーボードでは表にフォーカスして左右キーで移動できます。
- A社：低価格のオンライン講座（Web制作コース）
- B社：個別設計型のデザインスクール（パーソナライズコース）
- C社：老舗の総合Webスクール（Webデザイナーコース）
| 項目 | A社低価格のオンライン講座（Web制作コース） | B社個別設計型のデザインスクール（パーソナライズコース） | C社老舗の総合Webスクール（Webデザイナーコース） | 0→1 HP制作専門スクール未経験から、制作後の相談まで |
|---|---|---|---|---|
| 料金（税込） | 89,800円（認定記念価格） | 月額33,000円〜（ライトプラン） | 481,448円 | 398,000円（カードの分割払い可） |
| 受講・サポート期間 | 質問サポートは1年間（教材は無期限で閲覧可） | 月額更新（6ヶ月以上推奨）。6ヶ月以上の受講後は教材等の閲覧を継続可 | 最長1年間（学習の目安3〜4ヶ月） | 期限なし（制作後も質問可） |
| 対象 | 未経験から | デザインの学習者・実務者を想定した個別設計型 | 未経験から | 未経験から |
| 学べる範囲 | コーディングが中心（HTML/CSS・JavaScript・WordPressなど） | デザインを軸に、上流設計・実装の理解・実務の伴走まで | デザインとコーディング（Photoshop・HTML/CSS・JavaScriptなど） | 営業・企画から公開・運用まで。全32カリキュラム |
| 学び方 | 動画教材で自習し、チャットで質問。中級・上級の最終課題にレビューあり | 個別に設計されたカリキュラム。課題ごとに合格基準 | ライブ・マンツーマン・動画授業から選択 | 実際のプロジェクトと同じ流れで、つくりながら学ぶ |
| 質問・個別サポート | チャットでの質問対応（購入から1年間） | ライトプランは1on1月1回。チャット相談・課題添削は全プラン共通で、添削回数は無制限 | 全24回の授業。ライブ・マンツーマン・動画から選択 | 毎月2名限定。レビュー回数無制限。面談も日程が合えば回数無制限。 |
※2026年10月24日に各社の公式情報を確認。A社・C社・0→1は受講料の総額、B社は月額で、総額はプランと受講月数により変わります。A社の料金は確認時点の認定記念価格です。期限・学習期間の目安・教材の閲覧条件を分けて記載しており、各社の支援内容が同一という意味ではありません。料金・条件は変更される場合があります。
出典：A社「Web制作コース」の公式情報 ／ B社「パーソナライズコース」の公式情報 ／ C社「Webデザイナーコース」の公式情報
0.85Fit
0→1が向いている人、
0→1が向いている人、
向いていない人。
大きな買い物だからこそ、先にお伝えします。
向いている人
- Web制作を、仕事にしたい
- 答えだけでなく、自分で考える力まで身につけたい
- 課題を、何度でも直せる
- 作品の完成後も、学び続ける覚悟がある
- デザインやコードだけでなく、企画や営業も含めて学びたい
向いていない人
- 1ヶ月で稼げるようになりたい
- 答えのコードだけがほしい
- 決まった時間や教材だけで、学びを終えたい
- 学習の時間を、まったく確保できない
- デザインだけ、コードだけを学びたい
- 予算を20万円以下に抑えたい（低価格のオンライン講座のほうが合う場合があります）
0.92FAQ
よくあるご質問
卒業や、学習時間の目安はありますか？
0→1には卒業も固定の総学習時間もありません。32のカリキュラムや総合制作は学習の節目です。作品の完成後も、調べる・つくる・レビューを受けて直すことを続けます。受講には、仕事や生活の中に学ぶ時間をつくり、学び続ける覚悟が必要です。
Web制作スクール「0→1」では、何を学べますか？
ホームページ（HP）を企画し、デザイン・実装・公開・運用まで進める力を学ぶスクールです。0→1では、HTML/CSS、JavaScript、CMS、SEO、アクセシビリティなど全32カリキュラムを学び、講師がクライアント役を務める38工程の総合制作で、一つのホームページとしてつなげて実践します。
Webデザインやプログラミングも学べますか？
はい。ホームページ制作に必要な情報設計・Webデザイン・HTML/CSS・JavaScript・CMSを学びます。技術ごとの演習に加え、ヒアリング、企画、品質確認、公開後の改善まで、一つの制作案件の流れに沿って取り組みます。
新しいスクールですが、指導内容を確認できますか？
0→1として公開できる受講生の制作・学習成果は、まだありません。講師のこれまでの指導経験と制作実績、授業の進め方を示すサンプルレッスンを公開しています。
ホームページ制作スクールは、どう選べばいいですか？
「自分の力でサイトを完成させ、改善を続けられるか」「受講期間が切れたら終わりになっていないか」「料金と学べる内容を、申し込む前に確認できるか」などを基準に、いくつかのスクールを比べてみてください。このページの比較表も参考にしてください。
未経験でも大丈夫ですか？
はい。最初のステージでは、HTMLとCSSでWebページを「つくってみる」ところから始めます。Webサイトが生まれてから運用されるまでを順番に学ぶので、最初から全部を理解する必要はありません。
仕事をしながらでも続けられますか？
卒業・受講期限はありません。仕事や生活に合わせて学ぶ時間をつくり、調べる・つくる・直すことを継続します。忙しい時期はペースや課題の大きさを見直し、中断した場合も再開できます。制作後も質問・レビュー・面談を利用できます。
なぜ毎月2名限定なのですか？
一人ひとりの制作物を、継続してレビューするためです。一度に大勢を受け入れると、一人ひとりの制作に向き合う時間が足りなくなります。
受講料のほかに費用はかかりますか？
受講期限がないため、延長料金はありません。受講料のほかに必要になる実費は、受講料ページの「受講料のほかに、かかる費用」にまとめています。
総合制作の「CSS Design Awardsへの応募」とは何ですか？
講師がクライアント役を務める模擬案件として、営業から改善まで全工程で完成させたプロジェクトを、世界のWebデザインアワード「CSS Design Awards」に応募します。世界中の制作会社やデザイナーの作品と同じ土俵で、評価を受けます。
AIでサイトがつくれる時代に、Web制作を学ぶ意味はありますか？
AIは制作を速くしますが、その出力が正しいかを判断し、修正できるのは人です。このスクールでは、AIを使いこなしながら、AIが生成したHTML・CSS・JavaScript・デザイン・アクセシビリティ・セキュリティを判断し、直せる力を身につけます。