Figma
HTML
CSS
WordPress
JavaScript

Webデザイナーの
必須スキルが
すべて身につく

YouTubeチャンネル登録者7万人の
講師による
実践型Webデザインスクール

  • ず〜っと 学べる

    Webデザインを0から学べる学習教材がずっと学び放題!

    詳しくみる

  • 便利に 使える

    デザインとコードのライブラリをず〜っと使い放題!

    詳しくみる

  • スキルを 磨ける

    添削を受けながらWebデザイナーのスキルが身につく!

    詳しくみる

  • 困ったら 頼れる

    もし行き詰まっても、いつでも質問できる!

    詳しくみる

実践で使える現場レベルの教材
プロ直伝の実戦的スキルが身につく
現役デザイナーが作る生きた教材
一人ひとりに寄り添う丁寧な添削指導
プロの視点による的確なフィードバック
7万人が支持する信頼の指導力
疑問をその場で解決できるサポート体制
確実にスキルアップできる実践カリキュラム
未経験からプロレベルまで導く学習システム
作品制作を通して実力を積み上げる
学んだその日から使える実用的なスキル
疑問をその場で解決できるサポート体制
確実にスキルアップできる実践カリキュラム
未経験からプロレベルまで導く学習システム
作品制作を通して実力を積み上げる
学んだその日から使える実用的なスキル
実践で使える現場レベルの教材
プロ直伝の実戦的スキルが身につく
現役デザイナーが作る生きた教材
一人ひとりに寄り添う丁寧な添削指導
プロの視点による的確なフィードバック
7万人が支持する信頼の指導力
Webデザイナーへの第一歩で、
こんな疑問や不安はありませんか?
  • 独学の限界を
    感じている...

  • デザインセンスに
    自身がない...

  • 何から始めればいいか
    分からない...

  • 未経験から
    Webデザイナーに
    なれるか不安...

ヒロコードアカデミーなら、
Webデザイナーの必須スキルを
迷わずに習得できます!

ヒロコードアカデミーとは?

ヒロコードアカデミーは、7万人のYouTubeチャンネル登録者に支持されるWebデザイン講師が主宰する実践型スクールです。

デザイン基礎からHTML/CSSコーディングまで、現場で活きるスキルを体系的に学べます。丁寧な添削で、あなたのWebデザインスキルを確実に向上させます。

疑問をその場で解決できるサポート体制
確実にスキルアップできる実践カリキュラム
未経験からプロレベルまで導く学習システム
作品制作を通して実力を積み上げる
学んだその日から使える実用的なスキル
実践で使える現場レベルの教材
プロ直伝の実戦的スキルが身につく
現役デザイナーが作る生きた教材
一人ひとりに寄り添う丁寧な添削指導
プロの視点による的確なフィードバック
7万人が支持する信頼の指導力

身につくスキル

Webデザインからコーディング、サイト公開のスキルまで、
ヒロコードアカデミーですべて学習できます!

  • Figmaを使った
    デザインカンプ制作

    Figmaで高品質なデザインカンプを作成。レイアウト設計からプロトタイプまで実践的に学習できます。

  • HTML/CSSで
    Webサイトを構築

    基礎から応用まで、効率的にWebサイトを構築するHTML/CSSの技術を習得。実際のサイト制作を通して学びます。

  • 制作したWebサイトを
    インターネットに公開

    サーバー設定からドメイン管理まで、Webサイトを公開するための実践的な手順を学べます。

  • 投稿機能のある
    Webサイト構築

    WordPressを活用したブログやコーポレートサイトの構築方法を学習。動的なコンテンツ管理の基本をマスターします。 Coming Soon

  • Webデザイナーに
    必要な基礎知識

    色彩、タイポグラフィ、ユーザビリティなど、プロのWebデザイナーとして活躍するための基礎理論を習得。

  • アニメーションのある
    Webサイトの表現

    CSS・JavaScriptを使ったスムーズなアニメーション技術を習得。ユーザーを魅了する動的なWebサイトを作成できます。 Coming Soon

スクールの4つの特徴

学ぶ・使う・磨く・頼る、を通して
無駄なく効率的にスキルを身につけられます。

網羅的な
学習コンテンツ

デザインやコードは常に新しい技術が生まれ、日々進化しています。

ヒロコードアカデミーは、常に最新のトレンドや新しい技術を積極的に取り入れ、 学習コンテンツを常にアップデートし続けます。

実用的な
制作ライブラリ

デザインパーツやコードをライブラリとしてまとめています。

毎回0から作成するだけでなく、テンプレートを活用して1の状態から効率的に制作を行うことが可能です。

ヒロコードによる
デザイン・コード添削

デザインやコーディングの課題に取り組んで、実践的なスキルを身につけていきましょう。

作成したデザインやコードは、ヒロコードが添削・フィードバックを行います。

※イメージです。実際の添削・フィードバックの形式とは異なる場合がございます。

質問・相談の
サポート体制

エラーがどうしても解決できない...この部分がわからないなど、不明点があればいつでも質問・相談ができます!

※ 回答にはお時間をいただく場合がございます

Webデザイナーとしてのキャリアを
本格的に始めよう!

ヒロコードアカデミーは、7万人のYouTubeチャンネル登録者に支持される
Webデザイン講師が主宰する実践型スクールです。

スクールの強み

ヒロコードアカデミーでは、大手スクールにはない
個人の成長を第一に考えた学習体験を提供します。

アップデートし続ける、
学習コンテンツ。

デザインやコードは常に新しい技術が生まれ、日々進化しています。

ヒロコードアカデミーは、常に最新のトレンドや新しい技術を積極的に取り入れ、コンテンツを常にアップデートし続けます。

入学後、
半永久的に利用可能。

デザインの学習に終わりはありません。

学習コンテンツ・制作ライブラリは、ずーっと半永久的にご利用いただけます。 もちろん、コンテンツは常にアップデートし続けます。

Webデザイナー向けYouTubeチャンネル運営者

ヒロコードが
添削・フィードバック

YouTube登録者7万人のWebデザイナーチャンネル運営者ヒロコードが、 あなたのデザイン・コードを直接添削します!

ヒロコードってなに?

HIROCODE.ヒロコードは、WebデザインやHTML、CSSに関する
知識やノウハウを提供するYouTubeチャンネルです。

7 万人
600 万回
30 万超
99 %超
※ YouTubeStudioのアナリティクスデータを参照しています。

Webデザイナーに必要なスキルや知識、Webデザイン・HTML CSSでのコーディングにおける学習方法、その他、すぐに使えるTipsやノウハウなど「Webデザイナー」や「フロントエンドエンジニア」の方達に向けた動画をお届けします。

チャンネル視聴者様の声

数多くの嬉しいコメントをいただいています🙇

まじこのひと全然イメージ掴めない初心者の救世主やろ助かるわ

とってもわかりやすい動画で、前からの疑問も解決しました!

すげぇ。即席なのにすごく洗練されてるデザインだ。かっこいい。

未経験からWebデザイン目指しています。なんとなくの工程がわかって助かります。

すごい、、、、 この動画を見て考え方がシンプルになりました。

まじこのひと全然イメージ掴めない初心者の救世主やろ助かるわ

とってもわかりやすい動画で、前からの疑問も解決しました!

すげぇ。即席なのにすごく洗練されてるデザインだ。かっこいい。

未経験からWebデザイン目指しています。なんとなくの工程がわかって助かります。

すごい、、、、 この動画を見て考え方がシンプルになりました。

なんのイメージも掴めてなかったので本当にありがたいです。

すごい分かりやすかった!そして楽しそう!って改めて思った

徹底した細部のこだわりが、洗練されたデザインを生むのですね!すごい✨

今web制作学習中なのですがデザインも学習してこういうふうに作れるようになりたいです!

すごおおおい!!デザインやりてぇ…!となりました。自在で綺麗でかっこいいですね〜〜😊

なんのイメージも掴めてなかったので本当にありがたいです。

すごい分かりやすかった!そして楽しそう!って改めて思った

徹底した細部のこだわりが、洗練されたデザインを生むのですね!すごい✨

今web制作学習中なのですがデザインも学習してこういうふうに作れるようになりたいです!

すごおおおい!!デザインやりてぇ…!となりました。自在で綺麗でかっこいいですね〜〜😊

今まで自己流でやっていて効率が悪いなと思っていたところだったので、こちらの動画すごく参考になりました!!

web制作勉強はじめた僕には神すぎる動画だったので秒で高評価とチャンネル登録させていただきました!

登録いたしました✨とてもまなびをいただきました🙏ありがとうございます☺️

Webデザインの勉強を最近始めましたが、本当にいつも参考にさせていただいております🙏

会社にはいって先輩の仕事を拝見させてもらっている感じでとーってもためになります。

今まで自己流でやっていて効率が悪いなと思っていたところだったので、こちらの動画すごく参考になりました!!

web制作勉強はじめた僕には神すぎる動画だったので秒で高評価とチャンネル登録させていただきました!

登録いたしました✨とてもまなびをいただきました🙏ありがとうございます☺️

Webデザインの勉強を最近始めましたが、本当にいつも参考にさせていただいております🙏

会社にはいって先輩の仕事を拝見させてもらっている感じでとーってもためになります。

僕が指導します😆!

ヒロコードアカデミー講師 HIRO.ヒロ

Webデザインは最初は大変に感じることもありますが、スキルが身につくと創造性を発揮できる、とても楽しくやりがいのある仕事です。皆様の成長をサポートできることを楽しみにしています😊♪

教材ライブラリ

学習教材の「学習コンテンツ」、素材集「制作ライブラリ」をご用意しています。

Webデザインの網羅的教材
学習コンテンツ

デザインの基礎からWebデザインツールの使い方、コーディングの手法まで、
Webデザイナーに必要なスキルは学習コンテンツですべて学習できます。

Figma フィグマ

プロのWebデザイナーが使うデザインツールの決定版。UIデザインから画面設計、プロトタイプ作成まで、実際の制作現場で使われているテクニックを基礎から応用まで学習できます。

HTML エイチティーエムエル

Webサイトの骨組みを作る基本言語。正しい記述方法からSEOを意識したマークアップ、アクセシビリティに配慮したコーディングまで、プロレベルのHTML技術を身につけます。

CSS シーエスエス

Webサイトのデザインを実現するスタイルシート。レスポンシブデザインやアニメーション、モダンなレイアウト手法まで、美しいWebサイトを作るためのCSS技術を習得します。

VSCode ブイエスコード

Web制作に欠かせないコードエディタの使い方。効率的なコーディングを可能にする拡張機能の活用法から、ショートカットキーやファイル管理まで、開発環境を最適化する方法を学習します。

WordPress ワードプレス

世界で最も使われているCMS。テーマのカスタマイズから独自テーマ開発、プラグイン活用まで、WordPressを使った実践的なWebサイト制作スキルを身につけます。

Coming Soon

JavaScript ジャバスクリプト

Webサイトに動きを加えるプログラミング言語。基本的な文法から実用的な機能実装、jQueryの活用まで、インタラクティブなWebサイト制作に必要なスキルを習得します。

Coming Soon

Webデザイン学習において必須と思われがちなPhotoshop・Illustratorですが、実は必須スキルではありません。

確かに本格的な写真補正にはPhotoshop、ロゴ制作にはIllustratorが適していますが、Adobeソフトは月額費用が比較的高額です。そのため、学習初期は無料ツールをメインに使用することをお勧めします。

無料ツールでも十分にWebデザインの案件をこなすことができ、実際に多くのデザイナーが活用しています。

学習コンテンツの内容

Webデザイナーに必要な学習内容が十分に取り揃えられています。
しかも、最新コンテンツが常に取り入れられます。

  • Webデザイナー基礎

    Webデザインの基本や仕事の流れなど、Webデザイナーとして働くための基礎知識を身につけます。

    はじめてのWebデザイン
    • Webデザインってなに?
    • Webデザイナーの役割と仕事内容
    • Webサイト制作の大まかな流れ
    • Webページの基本レイアウト
    • Webページのいろんなパーツ
    Webサイトの基本
    • Webサイトってなに?
    • Webの仕組みを知ろう
    • ドメインとIPアドレス
    • HTMLとCSSの役割とは?
    • レスポンシブデザインとは?
    他2記事
    デザインの基本知識
    • デザインの4原則を覚えよう
    • 色・カラーの基本を知ろう
    • Webサイトの色を考えよう
    • タイポグラフィの基本
    • フォントの選び方
    他2記事
    Web制作の流れを掴もう
    • クライアントワークの基本
    • ① ヒアリング・要件定義
    • ② 提案書・見積書の作成
    • ③ デザインカンプ作成
    • ④ コーディング
    • ⑤ テスト・修正
    他2記事
    Webデザイナーの働き方
    • 自分に合った働き方を見つけよう!
    • ポートフォリオを準備しよう!
    • 案件獲得の方法を知ろう!
  • Figma入門

    Webデザインツール「FIgma(フィグマ)」を使ったデザインカンプ制作のスキルを身につけましょう!

    はじめてのFigma
    • Figmaってなに?
    • Figmaを使う準備をしよう
    • ホーム画面の画面構成を確認しよう
    • チーム・プロジェクト・下書きとは
    • 下書きにデザインファイルを作ろう
    • デザインファイルの画面構成を確認しよう
    • ページ・レイヤーとは?
    • キャンバスの基本操作を覚えよう
    • デザイン制作の流れを把握しよう
    他3記事
    基本機能を覚えよう
    • シェイプツールでいろんな形を作ろう
    • テキストツールでテキストを配置しよう
    • 画像(写真)を配置しよう
    • 拡大縮小ツールで大きさを変えよう
    • レイヤーとオブジェクト
    他2記事
    便利機能を覚えよう
    • オートレイアウト機能の使い方
    • コンポーネント機能の使い方
    • バリアント機能の使い方
    • ローカルスタイルの使い方
    • プロトタイプ機能で動きを作ろう
    Figmaで作ってみよう
    • ボタンを作ってみよう
    • ヘッダーを作ってみよう
    • ヒーローセクションを作ってみよう
    • お問い合わせフォームを作ってみよう!
    便利な使い方を覚えよう
    • Figmaのプラグインを使ってみよう
    • プロパティのコピー&ペースト
    • 要素の置き換え
  • HTML/CSS講座

    Webページの構造を作るHTMLと、スタイリングを行うCSSを基礎から学び、基本的なコーディングのスキルを身につけます。

    はじめてのHTML/CSS
    • HTMLってなに?
    • CSSってなに?
    • コーディング環境を準備しよう
    • 1. Visual Studio Codeの準備
    • 2. Google Chromeをインストール
    他1記事
    HTML基礎
    • テキストに関するタグを覚えよう
    • HTMLコードの中にメモする
    • 画像を表示するタグを覚えよう
    • リンクの作り方を覚えよう
    • 絶対パスと相対パス
    他4記事
    CSS基礎
    • CSSファイルを作って読み込もう
    • リセットCSSを読み込もう
    • テキストに関するプロパティ
    • CSSコードの中にメモする
    • Google Fonts の使い方
    他10記事
    CSS中級
    • Flexboxでレイアウトを組もう
    • ① 並べる方向を制御しよう
    • ② 揃える位置を制御しよう
    • GridLayoutでレイアウトを組もう
    • ① ページのレイアウトを組んでみよう
    • ② グリッドエリアを使った組み方
    他2記事
    レスポンシブ対応しよう
    • レスポンシブの基本
    • よくあるレスポンシブのパターン
    • 検証ツールで確認しよう
    コーディングで作ってみよう
    • ボタンをコーディングしてみよう!
    VSCodeを便利に使おう
    • プラグインを使ってみよう
    • Emmetでコーディングを効率化
  • Webサイトの公開

    制作したWebサイトをインターネット上に公開する手順を学びます。

    Webサイト公開の基本
    • 公開の全体像と流れ
    • 公開前にサイトをチェックしよう!
    • タイトルタグ・メタタグを設定しよう
    • ファビコンを設置しよう
    • OGPタグを設定しよう
    レンタルサーバー契約
    • レンタルサーバーとは?
    • レンタルサーバーを契約しよう
    ファイルアップロード
    • ファイルをアップロードしよう
    • ファイルマネージャーでアップロード
    • 「SFTP」でアップロード
    独自ドメイン設定
      • 独自ドメインとは?
      • 独自ドメインを取得しよう
      • 独自ドメインを紐づけよう
  • コード小技集

    HTMLやCSSを使ったテクニックや小技を紹介しています。

    テキスト系
    • 三点リーダー(…)で文章を省略
    • 文字サイズに対して相対的な単位em
    • CSSで袋文字(縁取り)を作る
    • テキストの形に画像を切り抜く
    • ガタガタの数字を揃える方法
    他1記事
    画像系
    • 背景に画像とグラデーションを指定
    • 画面幅に応じて、画像を自動で切り替える
    レイアウト系
    • .containerをCSS 2行で指定する
    • グリッドレイアウトで動画にテキストを重ねる
    プロパティ・値系
    • 類似色を簡単に生成できる、HSL
    • 要素の有無でスタイルを切り替える:has()
    機能・アニメーション系
    • 入力するとボタンが表示されるフォーム
    • ライブラリを使わずに、モーダルを実装
    • HTMLだけでアコーディオンを作る
    デザイン・装飾系
    • すりガラス風の背景を作る
    • コンテナ内の背景を左右いっぱいに広げる
    • セクションの区切りをナナメ背景にする
    • カクカクしたボタン
※ 掲載している学習コンテンツは、実際の項目と一部相違がある場合がございます。
動画解説あり

テキストで操作が伝わりづらい箇所は、動画で実際の操作を確認できます。

チェック機能

学習が完了したコンテンツは、学習完了のチェックを入れて管理できます。

お気に入り機能

読み返したい記事や、気になる記事などはお気に入りに登録しておけます。

デザイン制作を効率化させる
制作ライブラリ

制作ライブラリは、デザインやコーディングのテンプレートとして利用できる素材の保管場所です。
テンプレートの他に、便利なプラグインやオンラインツールも合わせて紹介しています。

パーツデザイン・セクションデザイン・ページデザイン

デザインデータと
コードデータが
どっちも使える!

Figmaデータはデザインカンプのテンプレートとして、
HTML/CSSのコーディングデータは実装の基盤として、
Web制作を圧倒的に効率化させます。

制作ライブラリの内容

Figmaのデザインデータと、HTML/CSSのコーディングデータを豊富に掲載しています。
これらの制作ライブラリは、実際の案件制作でもベースとして自由にご活用いただけます。

  • パーツ

    Webサイトに必要な各種パーツ集。Figmaのデザインデータとコーディングデータを活用できます。

    • 見出し 40種類以上
    • ボタン 2種類以上

    セクション

    複数のパーツやレイアウトで構成されたセクション集。セクションを組み合わせてトップページを自由に構成できます。

    • ヘッダー 8種類以上
    • ヒーロー 20種類以上
    • 特徴 4種類以上
    • お知らせ 6種類以上
    • フロー・流れ 5種類以上
    • お客様の声 5種類以上
    • 料金プラン 4種類以上
    • よくある質問 4種類以上
    • CTA 6種類以上
    • フッター 11種類以上
  • ページ

    ページのテンプレート集。下層ページのお問い合わせページや会社概要ページなどを用意。

    • ページヘッダー 14種類以上
    • 会社概要ページ 8種類以上
    • 記事一覧ページ 10種類以上
    • 記事詳細ページ 4種類以上
    • お問い合わせページ 5種類以上

    素材・ライブラリ

    素材サイトや便利なライブラリを紹介しています。

    • ページヘッダー 6種類以上
    • アイコン素材 9種類以上
    • JavaScriptライブラリ 7種類以上
  • プラグイン

    ページのテンプレート集。下層ページのお問い合わせページや会社概要ページなどを用意。

    • Figmaプラグイン 9種類以上
    • VSCodeプラグイン 12種類以上
    • Chromeプラグイン 5種類以上

    オンラインツール

    ブラウザ上で使えるいろんな便利ツールを集めています。

    • コード生成 10種類以上
    • 画像加工 5種類以上
    • チェックツール 1種類以上
※ 掲載している学習コンテンツは、実際の項目と一部相違がある場合がございます。

学習の流れ

豊富な教材で知識を習得し、実制作でスキルを定着、 実用的なテンプレートライブラリも活用して、
効率的かつ実践的な学習を実現します。

  • 「学習コンテンツ」で
    基礎知識を身につける

    基礎知識やツールの使い方は学習コンテンツを通して身につけます。時間はある程度かかりますが、必要な学習内容は全て揃っています。

  • 「トレーニング・添削」で
    実践的なスキルを磨く

    ツールの使い方を覚えたら、制作を繰り返して腕を磨いていきます。 添削やフィードバックを参考に、細かいスキルやデザインの引き出しを増やしていきましょう。

  • 「制作ライブラリ」を利用して
    効率的に制作する

    制作ライブラリは、Web制作の基盤作成をサポートします。 テンプレートをベースに、細かなスタイルや装飾を加えていけば、時間を短縮して、質の高い制作物を作成できます。

困った時はいつでも
「相談サポート」

独学で時間がかかるのは、不明点やエラーの解決に時間がかかることです。不明点やうまくいかない時、どうしても解決しないときは、すぐにチャットで相談してください。

Webデザイナーとして働こう!

Webデザイナーとしての働き方は人それぞれあります。
自分に合った働き方で始めてみましょう!

フリーランスとして活動

自由度の高い働き方で、好きな時間・場所で仕事ができます。案件単価は10万円〜50万円と幅広く、スキルと実績に応じて収入を伸ばすことが可能。クライアントとの直接取引により、やりがいと収益性を両立できる働き方です。

副業で収入アップ

本業を続けながら、平日の夜や週末の空いた時間でWebデザインの仕事を受注できます。月10〜20万円の追加収入が望め、リスクを抑えながら新しいスキルを活かせます。将来的な独立への足がかりとしても最適な選択肢です。

企業に就職して働く

安定した給与と充実した福利厚生の中で、Webデザイナーとして成長できます。チームでの制作経験を積みながら、大規模プロジェクトに携わることも可能。未経験からでも体系的にスキルアップできる環境が整っています。

自分のビジネスの
Webサイトを制作

外注費用30〜100万円を節約しながら、自分のビジネスに最適なWebサイトを制作できます。更新・運用も自由に行え、ビジネスの成長に合わせてサイトを改善していくことが可能。完全にコントロールできる強みがあります。

入学料金

質の高い教育には相応の投資が必要ですが、当アカデミーでは費用対効果を最大化した価格設定を心がけています。
この投資が、あなたの新しいキャリアの扉を開く第一歩となることをお約束します。

アカデミー入学費用

特別価格 ¥ 298,000 税込

分割 ¥ 12,417 税込

(24回払い)

学習コンテンツ
”無期限”利用可能

デザインの基礎からデザインカンプ制作、コーディングまで、Webデザイナーに必要な学習コンテンツを無期限で利用可能。

制作ライブラリ
”無期限”利用可能

Webサイト制作を効率的に行うためのデザインデータ・コーディングデータを無期限利用可能。

相談・サポート
”無期限”利用可能

Webデザインやコーディングに関する質問がいつでもできる。

ヒロコードによる
添削・フィードバック

ヒロコードが添削を行います。入学後6ヶ月間、合計6課題の添削が可能です。

定期的な教材
アップデート

教材やライブラリは常にアップデートされます。アップデートしたコンテンツももちろん利用可能です。

専用チャット
コミュニティ参加権

学習に関する質問や相談はもちろん、報交換や交流を通じて、モチベーションを維持しながら学習を進められます。

※ ヒロコード運営者のヒロが添削とフィードバックを行うため、対応できる人数に限りがあります。
そのため、一定の人数で入学を打ち切る場合があります。
※ ご利用は1ユーザーに限ります。複数人でのご利用が発覚した場合は、利用者数分の料金をご請求させていただきます。

価格設定について

ヒロコードアカデミーの入学費用は、あなたのWebデザインスキル習得を
最大限サポートするための価値を反映しています。

  • Webサイト制作の相場

    Webデザインの相場を知れば、学習投資の価値がすぐにわかります。

    ・ランディングページ制作:10万円〜30万円
    ・コーポレートサイト制作:30万円〜60万円

    わずか1〜2件の案件を受注するだけで、アカデミーの入学費用は回収可能。長期的には、何度も収益を生み出せるスキルへの投資です。

  • 永続的なアクセス権

    一度入学すれば、学習コンテンツとテンプレートライブラリへのアクセス権は半永久的に提供。将来のアップデートやコンテンツ追加も含まれており、一度の投資で長期的な価値を得られます。

  • 安心の質を保証したサポート

    ヒロコード本人による直接添削・フィードバックを全ての受講生に提供。チャンネル登録者7万人の実績あるデザイナーから学べるため、メンターの当たり外れがなく、確かな品質のサポートを受けられます。

  • 高いコストパフォーマンス

    市場の同等レベルの実践型Webデザインスクールと比較しても、直接添削と豊富なコンテンツライブラリを含めた価格設定は非常にコストパフォーマンスに優れています。

  • 分割払いオプション

    一括払いが難しい方には、24回の分割払いオプションをご用意。月々の負担を抑えながら、プロレベルのスキルを習得できます。24回分割払いはこちら

添削について

ヒロコードアカデミーの入学費用は、あなたのWebデザインスキル習得を
最大限サポートするための価値を反映しています。

添削期間と回数

添削期間は入学後6ヶ月間、最大6課題の添削を設けています。

添削の1課題とは?
1つのデザイン課題・1つのコーディング課題を1課題として、作品が完成するまで丁寧にサポートします。
修正のやり取りは何度でも可能で、納得のいく作品に仕上がるまで指導を継続。
6つの異なる課題を通して、幅広いスキルを身につけられます。

.

入学の流れ

入学の手続きから、学習開始までの流れを紹介します。

お申し込みと
お支払い

オンラインフォームから申し込みを行ってください。 クレジットカードで入学金の決済を行います。

アカウント情報の
受け取り

決済確認後、登録したメールアドレスにログイン情報(ログインURLとパスワード)が届きます。

学習プラット
フォームへアクセス

学習プラットフォームにログインすれば、すべての学習コンテンツとテンプレートライブラリにアクセス可能です。

Webデザインの
学習スタート

まずは学習コンテンツで基礎スキルを身につけましょう! その後制作を開始し、添削を受けながらスキルを磨いていきます。

よくある質問

入学前の疑問や不安を解消していただけるよう、質問にお答えしています。
こちらに掲載されていないご質問がございましたら、お気軽にお問い合わせください。

全くの初心者ですが、大丈夫でしょうか?

はい、全く問題ありません。当アカデミーのカリキュラムは初心者の方を前提に設計されており、デザインの基礎から段階的に学べる構成となっています。プロによる個別添削で、一人ひとりのレベルに合わせたサポートを行います。

学習にはどのくらいの時間が必要ですか?

もちろん個人差はありますが、週10〜15時間程度の学習時間を確保すれば、3〜6ヶ月で基本的なWebデザインスキルを習得できます。

Photoshop(フォトショップ)やIllustrator(イラストレーター)は必要ですか?

必須ではありません。当アカデミーでは、まずは無料ツール(FigmaやVisualStudioCodeなど)を中心に学習を進めます。スキルが身についてから、必要に応じて有料ツールの導入を検討していただければ十分です。

添削はどのように行われますか?

提出いただいた作品に対して、追記する形式、もしくは動画形式で詳細なフィードバックをお送りします(添削形式はお選びいただけません)。改善点や良い点を具体的に説明し、次のステップへのアドバイスも含めて、分かりやすくお伝えします。

質問にはどのくらいで回答してもらえますか?

通常2〜3営業日以内にご回答いたします(※状況により、それ以上にお時間をいただく可能性はございます)。緊急性の高いご質問については、可能な限り早めの対応を心がけています。専用チャットコミュニティでは、受講生同士でも情報交換が可能です。

添削期間を過ぎた後もサポートは受けられますか?

基本的に添削期間(通常6ヶ月)以内を目安にサポートさせていただきますが、大幅に期間を過ぎていない限りはサポートさせていただく予定です。

どのような機材が必要ですか?

インターネット接続可能なパソコンがあれば学習を始められます。スマートフォンやタブレットでもコンテンツは閲覧可能ですが、実際の制作にはパソコンをお勧めします。また、Windows・Macは問いませんが、基本的にはMacをベースとした解説がメインとなっています。

Webデザイナーとしてのキャリアを
本格的に始めよう!

ヒロコードアカデミーは、7万人のYouTubeチャンネル登録者に支持される
Webデザイン講師が主宰する実践型スクールです。