デイトラは業界一コスパよくWebスキルを即戦力レベルまであげられるスクールですが、その中でも「Web制作コース」は一番の人気コースになっています。
私は現在はフリーランスコーダーをしつつ、複数のWeb制作会社でコーディングや新卒教育、品質管理業務・レビューなどを行っています。デイトラ全コース受講した上でこの記事を書いています。
最近はWeb制作を学べるスクールが多く、
こんな悩みに現役フリーランスエンジニアの私が答えていきます。
過去にデイトラ生に仕事をお願いしたこともありますよ!
この記事ではデイトラのWeb制作コースについて徹底レビューを行っていきます。
Web制作コースを「3周」して追加コンテンツも全部追いながら日々この記事をアプデしています。
私は現在はコーディングをメインにお仕事をしており、200件近くの案件をこなした経験があります。駆け出しからフリーランス独立される方も計50人以上は直接指導してきているため、この記事の内容にはかなり自信があります。
ちなみに私もWeb制作のスクール出身のフリーランスエンジニアなので、現場とスクールの両方に精通しています。
このブログは「駆け出し期の自分が欲しかった情報」を提供するために真剣に行っており、その視点で本当におすすめできるか真剣に検討しています。
その上でWeb制作コースを現在もしっかり見続けています。
また、記事の後半で自分の「web制作学習に関する考え」も述べているので、最後までご覧いただけると納得感が強いかなと思います。
デイトラは全コース制覇済みなので、どこよりも詳しく内容を解説します!
ちなみにデイトラ、全コース合わせて2025年時点で20000人以上が利用しています。すごいっすね…
この記事の著者
しょーご(@samurabrass)
このブログ「しょーごログ」の運営者。本業でエンジニアとしてサイト制作やシステム開発を数年行っており、ブログとYouTubeで情報発信を行っている。駆け出しエンジニアのコーディング課題添削も行う
- 制作会社と仕事ができるレベルまでカバー
- Git,Gulp,Pugなど「一歩先のスキル」も網羅
- 中間課題と卒業課題はプロのレビュー付き
- 案件獲得や転職に効く、多様なポートフォリオを作成可能
- メンターに1年間いつでも質問可能!
- それでいて、業界最安級
\Web制作を”本気で”仕事にしたいあなたへ/

コース名 | ![]() Web制作コース | ![]() Webアプリ開発コース | ![]() Webデザインコース | ![]() ShopifyEC構築コース | ![]() 動画編集コース | ![]() Pythonコース | ![]() Webマーケティングコース | ![]() ドローンコース | ![]() ECクリエイティブコース |
学習内容 | Webサイトの構築 | Rails,Reactでアプリ開発 | Webやアプリデザイン | Shopifyサイトの構築と 運用 | YouTubeや ショート動画編集 | Pythonや分析スキル | 広告やSEO LINEやレポーティング | ドローン空撮 点検業務や農業活用 | ECの総合サポート |
料金 | ¥129,800 | ¥119,800 | ¥119,800 | ¥79,800 | ¥99,800 | ¥89,800 | ¥109,800 | ¥99,800 | ¥99,800 |
卒業後の進路例 | Web制作会社に就職 フリーランスコーダー | Railsエンジニアとして 企業に就職 | フリーランスデザイナー デザイン会社に就職 | EC構築フリーランス Shopifyエキスパートの会社に就職 | YouTube,TikTokeの編集者 企業の動画広報担当 映像編集会社へ就職 | AI系企業への就職 自社商品の分析に利活用 | フリーランスで広告運用 マーケターとして就職 | ドローンパイロット (正社員や業務委託) | ECコンサルやEC企業インターン(紹介あり) |
解説記事リンク | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら |
公式サイト | Web制作コース | Webアプリ開発コース | Webデザインコース | ShopifyEC構築コース | 動画編集コース | Pythonコース | Webマーケティングコース | ドローンコース | ECクリエイティブコース |
- 動画でもデイトラの要点を全力解説しています!!
- デイトラとは?
- デイトラWeb制作コースの内容・カリキュラム
- デイトラWeb制作コース受講生のリアルな口コミ
- デイトラWeb制作コースとは
- デイトラWeb制作コースの案件獲得・転職実績
- デイトラWeb制作コースを無料体験する方法
- デイトラWeb制作コースの内容の全体感
- ❶デイトラweb制作コース初級編の内容
- ❷デイトラweb制作コース中級編の内容
- ❸デイトラweb制作コース上級編の内容
- ❹デイトラweb制作コース実務編の内容
- デイトラのデメリット
- 稼げてるデイトラ卒業生はいるの?
- web制作独学は挫折率が高い話
- デイトラ専用コミュニティで制作チームも組める!
- デイトラWeb制作コースに関するよくある質問
- ここまで読んでくれたあなたへ
- デイトラ申し込みから始め方までの流れ
- まずは独学で頑張りたいという人は
- デイトラその他のコースの記事まとめ↓
動画でもデイトラの要点を全力解説しています!!
動画の9:34の部分からWeb制作コースの解説をしています。
デイトラとは?

デイトラは“未経験でも・迷わず・楽しく”学べるオンラインスクールです。
圧倒的なコストパフォーマンスと未経験でも楽しく学べるステップ形式が特徴で、動画を中心としたわかりやすい教材、勉強する内容に迷わない一日一題形式のカリキュラム、そして丁寧なフィードバックの場を揃えています。
今回紹介するのはその中でも「Web制作コース」になります。
デイトラの中核を担うコースです。
あとで他のコースで気になるものがあっても、この記事を見てもらえれば全てわかります。
デイトラWeb制作コースの内容・カリキュラム
現役エンジニアから見た視点だと…?

私はWebエンジニア歴6年目ですが、Web制作コースの内容・カリキュラムはあらゆるWeb制作スクールの中でも最も実践的かつ分かりやすいです。
特に卒業制作のサイト制作は実案件レベルだし、そのままポートフォリオとして活用できるのでかなり案件獲得や転職が容易になると思います。

更に、カリキュラムが常に業界最先端で改良が加えられており、購入後もずっと無料で閲覧することができるので、実案件時に教科書的に見ることも可能です。

また、2023年夏には制作する課題のデザインが大幅リニューアルされました。
デイトラWeb制作コース受講生のリアルな口コミ

「Web制作コース」の受講生や卒業生数十名に匿名でのアンケート調査を実施し、リアルな口コミ・評判を集めました。
以下にその一部を載せます。
現在の状態 | 自社開発企業に就職 | フリーランス | フリーランス | 副業として活動中 | 今取り組んでいる最中 |
受講コース | 【Web制作コース | 【Web制作コース | 【Web制作コース | 【Web制作コース | 【Web制作コース |
評価 | ★★★★★ | ★★★★☆ | ★★★★☆ | ★★★★★ | ★★★★★ |
タイトル | 良心的な授業料でコスパが良い | 優しいアドバイスをしてくれて助かる | フリーターでも、Web製作コースのおかげで会社に縛られない働き方ができるようになった | Web制作の現場で活躍できる即戦力を目指す | 副業・転職に十分なスキルが付く |
口コミ本文 | まず何といっても他のスクールに比べて料金設定が安く抑えられていて経済的な負担が少なくとても助かりました。 これなら若い人も受講しやすいのではと思います。 カリキュラムは学習後にいつでも可能でサポートも充実しており分からなかったり忘れてしまいがちなことを随時教えていただけてとても助かりました。 講師の方の質もとてもよく、とても丁寧に教えてくださり、Web制作の知識を教えていただけることはもちろんですが、就職後や仕事として役に立ちそうな知識も教えていただき満足しています。 | とてもやさしいアドバイスをしてくれました。ただやさしい以外に自走できる力を身に着けられる指導をしてくれます。また、内容もわかりやすくて、一人で考えさせることも多くて、実務に近い状況で開発を進めていくのがとてもリアルでした。 また、Discordを利用してコミュニケーションをとり質問は早めにレスポンスがあって質問に対してしっかり解決まで至ります。 そして、受講は基本動画で、それぞれ同じ人や違う人だったりしますが、分かりやすくて、要点抑え教えてくれます。チャットツールでも初級、中級、上級に分かれ、自分が進めてる難易度で相談でき相談しやすいです。 | カリキュラムの良かったところは、ただコーディングの知識を学べるだけではなく、その知識をいかしてどうやって自分の仕事へと結びつけるのかも説明してくれるところにあります。 つまり、生徒たちの将来を見据えてレッスンをしてくれているということです。また質問がしやすい環境が整えられているので、こんなこと聞いたらダメかな?と思うこともなく、気軽に質問することもできました。 Discordによるチャットで質問ができるので、電話や対面が苦手な人にもオススメできますし、何より講師たちは優しい人ばかりでした。 | どの業種にも言えることだと思いますが、スクールや通信講座を経て実際に現場に出てみると「今まで勉強した知識やスキルが役に立たない」というシチュエーションがたくさんあると思います。 しかし、デイトラのWeb制作コースはWeb制作の現場で活躍できる即戦力を育成するようなカリキュラムになっているので、実際に案件に取り組む時も「十分通用する」という手応えがあります。 講師は現役で活躍しているので今求められている人材を熟知しています。私の場合は漠然と色々な知識やスキルを身につけるのではなく、Web制作の現場で使う機会が多いスキルに集中することをおすすめされました。 久しぶりの勉強だったので「今の自分が難しいスキルを習得できるのか」という不安もありましたが、段階を踏みながら理解を深めていくカリキュラムなので、乗り越えられないような大きな壁にぶつかった経験はありませんでした。 料金に関しては妥当な金額だと思います。Web制作で稼げるようになればそこまで高い金額ではないので、料金の満足度は高いと言えます。 | デイトラでのウェブ制作コースでは、開校一年で7000人突破しているのが凄い人気の実績だと実感できました。 学んだスキルで仕事に取り組めるシステムも秀逸でありましたし、挫折させないメンター陣営の優しさと粘り理強さについても、継続してみたいと言う意欲を引き立たせてくださいました。 また、大手のオンラインスクールでは、20万円台に突入することも回避できないのですが、デキトラでは、良心的な価格設定で、税込みで99800円で学ばせて頂けることが凄くうれしかったです。 |
デイトラWeb制作コースとは

Web制作コースは、「コーディングを主体としたWeb制作スキルを身に着けて、フリーランス独立や就職転職を可能にする」コースです。HTML、CSS、JavaScript、PHP、WordPressなどの実務レベルのコーディング力を身につけることができ、メンターによるサポートも付いています。
デイトラで最も受講生の多いコースとなります。
学習言語 | HTML5/CSS3, Bootstrap, PHP,Sass,WordPress,Adobe XD,STUDIO |
受講場所 | 完全オンライン |
期間 | 約130日分(カリキュラム閲覧はずっと可能、メンターサポートは1年間) |
講師 | ・現役フリーランス ・現役制作会社コーダー |
主なサポート | ・毎日13時〜23時のチャットサポート ・不定期でウェビナー開催 ・不定期でのオフライン勉強会 |
料金 | ¥129,800 |
転職保証 | なし |
\無料動画が複数あり/
Web制作コースで学ぶのは
- HTML
- CSS
- JavaScript
- jQuery
- PHP
- WordPress
といったweb制作で必須のスキルになります。
業界最先端に準拠しているので、最近ではSTUDIOといったNoCodeツールのカリキュラムも揃ってきていて学べる幅が広くなっています。

デイトラの料金は高い?安い?

まずは料金ですが、129,800円の買い切りとなっております。
これは安いのでしょうか?
他のスクールのWeb制作コースと比較してみます。
デイトラWeb制作コース | A社 | B社 | |
---|---|---|---|
料金 | ¥129,800(税込) | ¥648,000(税込) | ¥209,400(税込) |
メンター質問期間 | 1年間 | 70日 | 90日 |
カリキュラム期間 | 90日 | 70日 | 90日 |
フリーランスノウハウ | ◯ | × | × |
ご覧の通り、ダントツで安いです。
今後値上げするかもしれませんが、現時点では破格の安さだと思います。
安いということは、カリキュラムのクオリティが気になるのですが…
現役のWeb制作エンジニア視点で言うと、クオリティはむしろそのあたりの数十万のスクールの数倍は現場レベルに近い内容だと思いますね!
デイトラ自体「Twitterで拡散されている学習サービス」なので、集客にお金をかけなくていい分、価格に反映できているということみたいです。

10万以下で、現場に通用する即戦力スキルが学べるのは他に無いですね。
私が2018年に通ったWeb制作スクールは25万だったので、当時デイトラがあればどんなに良かったか…
逆に、この価格の安さを不審に思って高額スクールに通う人も少なくないみたいです。

Web系スクールは、価格とクオリティは必ずしも比例しないですね…
\業界最安のWeb制作スクール/
デイトラWeb制作コースのメンターについて

メンターについても
「web制作会社で働いている、働いていた、または実務経験が豊富」
なメンターで、かつレスポンスも早いので、質もいい感じです。
授業形態は完全オンラインで、学習サービスを利用して自習形式でわからない部分はメンターに質問できます。
これ、実はめちゃくちゃ重要です。独学の場合は、
どうしてもわからない部分が出てくる→プロに質問できる環境がないので、長時間考える、試行する→解決できずに、進度がかなり遅れるor学習を諦める
こういった人を大量に見てきました(自分が知らない部分を学習するというのは、それほど難しいことです)
しかも、実務ではどうしてもわからないときは「先輩に(正しい方法で)聞く」というのが必須になってくるので、質問方法も鍛えられるのが良いですね。

ちなみに質問時間は12:00~22:00で、slackを観測している限り、数分〜遅くても1時間以内に返信が来ているようです。
デイトラ購入後、デイトラのslackに参加してそこで質問できたり、コミュニティ内でもくもく会をしたりなど、仲間と交流を深めることもできます。

オンラインスクールだとよく横のつながりがなくて「一緒に頑張る仲間」みたいなものをなかなか作れず継続学習が難しいんですが、
デイトラはそういったものも提供しているということですね。
デイトラweb制作コース講座内容

講座内容は
- 初級編約30日(HTML,CSS,Bootstrap)
- 中級編約30日(JavaScript,jQuery,Sass)
- 上級編約30日(PHP,WordPress)
- 実務編約30日(Git,Gulp,Pug,CSS設計)
計120日間
で、かなりのボリュームがあります。
\無料動画が複数あり/
プロレベルまで一直線で学べる
最後に待ち構えている「Web制作コース実務編」の内容は、現場のプロレベルまでいけるレベル感です。ここまでこなせれば、即戦力でしょう。

ここまで現場に求められている内容と合致したカリキュラムは他のWeb制作スクールではみたことがありません…!!
プロのレビューが受けられる
中級課題と卒業課題では、メンター陣からレビューを受けることができます。
プロからレビューを受ける経験はとても大事です。
自分では大丈夫と思っているものでも、プロ視点だとバシバシ指摘が入ります。
それを現場に出る前に練習できる価値は大きいです。
現場では初稿提出前に表示のセルフチェックを行うのですが、それも練習することができますよ。
デイトラのサポート期間

そしてサポート期間ですが、なんと1年間サポートを受けられます。
サポートというのは、
デイトラの学習カリキュラム上でわからないところを質問できる
ということですね。
なので、購入後すぐに取り組めなくても、一年かけて好きな時に取り組めるということになります。
またこのカリキュラムの130日というのは
「カリキュラムを完走するのに必要な日にち」
であって、「130日経過したら学習コンテンツが見られらくなる」わけではないので、安心していいかと思います。
デイトラWeb制作コースは就職もフリーランス独立もいける
Web制作コースでは学習を通じて
- 良質なポートフォリオが揃う
- 営業の基本を無料で学べる
- 企業が求める、即戦力レベルのスキルが身につく
このことから、卒業後は就職でもフリーランスでも戦うことができます。
私もそうですが、基本的には「コーダー」「マークアップエンジニア」などの職種名で働くことが多いです。
デイトラは大半が動画講座

デイトラは大半が動画講座です。テキストだと難しいところも、動画だと一緒に手を動かせて乗り越えやすいです。
特に後半のWordPressはテキストだけだと理解しにくいですが、デイトラは丁寧な動画講座なので、あらゆるスクールの中でトップクラスに分かりやすいです!!
デイトラWeb制作コースとデザインコースは何が違う?
こちらの記事でまとめていますので、ご確認ください。
結構違うので、慎重に決めてください!
デイトラWeb制作コースの案件獲得・転職実績
2024年もたくさんの方がWeb制作コースで実績を出されました。30代後半でも成果を出されているのが分かります。


もちろん案件獲得実績も多数。


\最強のWeb制作スクールデイトラはこちらから/
デイトラWeb制作コースを無料体験する方法

手順1:デイトラ公式サイトにアクセスする
まずはデイトラから「無料で講座を体験する」のボタンを押してください。

手順2:利用規約とプライバシーポリシーに同意してアカウント登録する
その後、デイトラに登録してください(お金はコースを購入しない限り、かかりません)

手順3:Web制作コースを選択する
その後、管理画面に入ったら、下の方の「コース一覧」から「Web制作コース」を選べば、複数の無料講義動画を閲覧することが可能です!

\無料動画が複数あり/
ここから内容の説明に入ります。
デイトラWeb制作コースの内容の全体感
「Web制作コース」の内容は、以下の通りです。
- 初級 〜副業で月5万を稼げるレベルになろう〜
- 中級 〜企業と仕事できるコーディング力をつけよう〜
- 上級 〜WordPressの基礎を学んで実務可能なスキルをつけよう〜
- 実務 〜実務に役立つよりハイレベルなスキルを身につけよう〜
これらの内容を順番に解説していきます。
❶デイトラweb制作コース初級編の内容

まずは初級編です。
まず初級編では「副業で月5万稼げるレベル」を目指します。
HTML,CSSの基礎を動画で分かりやすく

HTML,CSSの基礎を学んだら、動画と一緒に手を動かしながらサイトを構築していきます。

開始10日間でこのようなおしゃれなサイトをコーディングします(2023年フルリメイクされた課題)

DAY6にして、既に画像のレスポンシブの切り替えをpictureタグでやっていて、かなり実践的だけど6日目の人には早いかなとは思いました笑

Emmetとスニペット作成でコーディングの効率化!!【2024/01更新】

これは2024年に追加されたコンテンツです。
まずEmmetを使えば、以下のようにショートカットしてコードを入力できます。
dl>(dt+dd)*3
↓
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
p10-20-30-20
↓
padding: 10px 20px 30px 20px;
Emmetはプロなら呼吸をするように使う省略記法ですが、こんな初期の段階からEmmetに触れさせているのがすごいですね笑
また、Notionを使ったコードスニペットの自作方法も学びます。

その他に、VSCodeでの「ユーザースニペット」の登録も学びます。
具体例があったほうが分かりやすいかと思うので、ここでは大量に紹介されている中で一部をご紹介します。
例えばHTMLなら、picと入力するだけで、以下のコードが生成されますし、

Sassなら、dfccと入力するだけで、以下の毎日使うレベルのコードが出現します。

phpなら、ppihを入力すれば、お馴染みのループも一瞬!!

JavaScriptやjQueryで動きのあるサイトに!!

Web制作コース初級編二週目、三週目では主に「JavaScript」と「jQuery」を学びます。
JavaScript:Webサイトに動きをつけるプログラミング言語
jQuery:JavaScriptを簡単に書けるようにしたもの
ここでは様々なWeb制作で用いるパーツを作っていきますが、例えば以下のようなアコーディオンも作成していきます。
HTML,CSSだけだと表面を作ってるだけですが、JavaScriptを使えば、「クリックして開閉する」という「動き・機能」をつけられるようになります。
また、最初に作ったサイトに動きをつけていく課題もあります。

\Web制作で最もおすすめなスクール!!/
SassでCSSをより便利に書く!!

ここでは、「SassとCSS設計」について学び、先程のカフェサイトのCSSをSassで再構築していきます。
SassはCSSをより便利にした言語です。
基本的にSassを用いていない案件のほうが今では圧倒的に少ないので、ここで学びます。
初級編ラスト 自分だけのポートフォリオサイトを作成しよう

そして初級の最終週はポートフォリオサイト作りに入ります。
仕事を獲得する際に、自分の経歴や過去実績、料金などをまとめておくサイト。営業などで使用する。
デイトラ初級編は「副業で月5万稼げる」を目標にしていますが、実際Web制作を仕事にすると以下の作業が発生します。
- サーバー契約
- ドメイン契約
- サーバー・ドメインの紐付け
- FTPを利用してポートフォリオ公開
- 内部SEO、OGP、Fivicon設定
仕事でやることはコーディングだけではないのです!
しかし、ポートフォリオサイト作成を通じてこの一連の業務を全て経験できるので、このタイミングで学ぶのだと思います。
まずは動画のとおりにサイトを制作しつつ、SassとjQueryを復習します。

その後、各人オリジナルのものに作り変えていきます。

私もポートフォリオ公開を通じてWebサイトの公開方法を学びました。
ここまで初級の段階で、Web制作の大まかな範囲を学習することができました!
\Web制作で最もおすすめなスクール!!/
❷デイトラweb制作コース中級編の内容

次に「Web制作コース」中級編です。
中級編で目指す「企業と仕事ができる」というのは、「web制作会社の案件にも対応できる」ということになります。
また、クラウドソーシングのHTML,CSS,JavaScriptの案件にも十分対応できるレベルになります。
AIを使ったコーディングで爆速化する!【2024/01更新】

ここではAIを使ったコーディングを、「Github Copilot」「Cursor」を利用して学んでいきます。
コードを書きながらリアルタイムでコードを提案してくれたり・・・

チャットを使って指令を出したらコードを生成してくれたりします。SUGEEEE!!

とはいえ、最後に正しいか確認するのは人間です。正しいコーディングスキルを引き続き学んでいきましょうね。
デザインカンプからのコーディングを学ぶ【2023/10更新!】

ここからデザインカンプからのコーディングを本格的に学んで行きます。
ここで作っていくのは、「めざましアプリ「OHA!」のLPです。




デザインカンプからのコーディングはとても重要になります。
実案件では制作会社やデザイナーさんからデザインデータをFigma,PSD,AI,XDの形式でもらうことがほとんどなのですが、
ここからの素材の書き出しや値の取得などが必要になってくるからです。
デイトラでは無料で使用できるFigmaからの値の書き出しを練習することができます。
徹底したピクセルパーフェクトの教え
カリキュラムの中では、課題のセクション毎に拡張機能「PerfectPixel」を用いて、ピクセルパーフェクトを行います。
デザインカンプと1px単位違わずコーディングすること
これはプロなら当然の心構えなので、ここで実案件レベルのスキルにキャッチアップしていきます。

Figma for VS Codeの導入【2024/01追加】
Figma for VS Codeは拡張機能です。
これが便利なのは、なんとVSCode上でデザインデータを展開できるだけでなく、要素を選択すると、それに必要なコードを自動で提案してくれる所です。


これによって、Figmaからのコーディングが爆速化します!!
jQuery.JSの実践も行う

課題の中には様々なパーツが存在するので、習ったjQueryやJSを使って、動画で一緒に実装していきます。




動画で丁寧に解説してくれるので、挫折しにくい作りになっていますね!
\無料動画が複数あり/
デイトラ中級編最終課題【2023/10更新】

2023年10月にアップデートされた中級最終課題「インスタ旅行キャンペーンのLP制作」を行います。
これはヒントなしで、完全に自分で一からコーディングする課題になります!!




これは実案件レベルなので、かなり難しいイメージです。
しかし、これが「ピクセルパーフェクトで」コーディングできるなら、既に実案件は問題ないとも言えます。
表示確認をしています

コーディングしたものは「完全無料」にて私含めた現役コーダーがレビューを行っております。
また、「セルフチェック項目」も同時に配布しており、セルフチェックを徹底する訓練をここでは積んでもらっています(ここは私達レビュアーで相談して決めました)

これでコーディング品質の保ち方が身につきます。
\無料動画が複数あり/
❸デイトラweb制作コース上級編の内容

ここまででHTML,Sass,jQuery,JavaScriptを使用したコーディングは行えるようになりました。
ここからはいよいよ「Web制作コース」上級編、WordPressの勉強に入ってきます。
WordPressがつかえれば、毎月20万以上安定して稼げるスキルは手に入ります。
WordPressを用いたサイト制作はかなり多いです。
根拠として、よく「全世界のサイトの1/3はWordPressでできている」と言われるのですが、

この画像からも分かる通り、2023年で、もはや43%にまで増加していますので、
WordPress一強体制は、今後10年は揺るがないかなと思います。
\実務レベルのWordPressスキルを身につける/
デイトラ上級編1週目
WordPressはPHPで作られているので、上級編ではまず「PHPの基礎」を学んでいくのですが、ここの動画も神的にわかりやすく、声が出ました。

特にオブジェクト指向のところですね。
WordPressって基本的にPHPのクラスの集まりなので、インスタンスを作成してプロパティやメソッドを呼び出して活用するんですが、
その内部の動きを知るのに、オブジェクト指向の知識が必要になるんですね。
このオブジェクト指向というのがまた曲者で、多くのプログラミング学習サイトでも「結局わからん!」となってしまうのですが、
デイトラ上級編の解説は僕がこれまで見てきた「オブジェクト指向」の解説の中で、一番わかりやすかったです。
特に、「ECサイトを作ろう」というワクワクさせるようなタイトルなのがいいですね!
実際にクラスを作ってショッピングカートもどきを作るのですが、非常に楽しかったです。

DAY8 2021.09追加コンテンツ WordPressの基本概念を理解しよう!
WordPressを構築する前に、WordPressに関わる技術や仕組みについて全体的な概要を理解するパートになります。

- Webの仕組み
- WordPressの土台となる技術
- 管理画面とデータベースの関係
- テーマの役割
などを学ぶことで、この後の開発を行いやすくします。
デイトラ上級編2週目以降〜
PHPの基礎を終えた後はいよいよWordPressに入り、このようなメディア、ブログ型のサイトを作っていきます。
HTML,CSSはすでに用意されているので、上級では主にWordPress化していく作業を行います。

とにかく実案件で頻出のポイントを意識した作りになっているので、この教材をこなすことで、実案件に必要な「自走能力」を鍛え上げることができます。
難しいWordPressも動画コンテンツでわかりやすく!
WordPressは理解するのが結構難しいですが、Web制作コースでは全編動画でとても丁寧に解説してくれているので、とても分かりやすくなりました!
ここまでで基本的なWordPressサイトは自作できるようになります!



カスタム3兄弟を使いこなそう① – カスタム投稿・カスタムタクソノミー編
2020/12/13日に追加されたカリキュラムです。
ちなみに「カスタム3兄弟」とは、以下のWordPressを拡張するために使われる3つの便利機能からつけられた名前のことです。
- カスタム投稿
- カスタムタクソノミー
- カスタムフィールド
今回のレッスンでは、セットで使われることの多い「カスタム投稿」と「カスタムタクソノミー」の2つに理解を深めていきます。
このレッスンでは、カスタム投稿『制作実績』を追加し、ブログとは別で、制作を担当したホームページの一覧を投稿・表示できるようにしていきます。


\無料動画が複数あり/
カスタム3兄弟を使いこなそう② – カスタムフィールド編
3兄弟の最後、カスタムフィールドについて学んでいきます。
カスタムフィールドもWordPress制作では頻出の機能になります。

カスタムフィールドを使えば、指定した部分を管理画面から簡単に更新することが可能になります。
非エンジニアでも文章や画像の更新が簡単に行える点で優れていますね。
サイトの表示速度を上げよう&セキュリティ対策をしよう

2021/11/25に追加されたこのパートでは、「WordPressプラグインを使用してサイトを軽量化する手法」と「WordPressプラグインでサイトを守る手法」を学んでいきます。
なぜサイトの軽量化が大事なのか
Googleはページの検索順位を決める一つの要因として「表示速度」を気にしています。
Web制作コースで紹介しているPageSpeed Insightsが一番メジャーですが、ページの総合評価を点数で表してくれます。
また、私も最近は仕事やこのブログでサイトの軽量化に取り組んでいるので、非常に重要なスキルとなります。
ちなみに、サイト改善の個人的おすすめツールは「Yellow Lab Tools」です。

ボトルネック箇所が非常に分かりやすく、改善施策が立てやすいです。
WordPressのセキュリティについて
Web制作コースではプラグインを使用した
- 二段階認証
- ログインURLの変更
- 画像認証
- 自動バックアップ
- スパムメール対策
これらを学んでいきます。
WordPressは結構攻撃にさらされます。友人のサイトもマルウェアにやられました。
プラグインが良く狙われるので、頻繁な更新をセットで行いたいですね(保守で請け負うのもあり)
ちなみに私が実務を行う際は、画像認証とログインURLの変更を行うとともに、強固なパスワードを設定してもらうようにしています。
スパムメールは対策しないと結構来るため、対策を行っています。
デイトラ卒業制作
2021年8月31日に卒業制作が刷新され、新たに3つ追加されました!

- 架空の人材会社『グローバルスタンダード』のコーポレートサイト
- 架空の歯科医院『みなみ歯科クリニック』のホームページ
- 架空のカフェ『Open Cake』のホームページ



目安として、コーディング〜WordPress化まで2週間以内に終わらせられたら実案件でも十分通用するレベルで、遅くても1ヶ月以内を目指そうという感じです。
いずれも「実践を想定したデザイン・仕様」になっています。
- Advanced Custom Fields
- Custom Post Type UI
- Contact Form 7
- SEO SIMPLE PACK
- Breadcrumb NavXT
実務で頻出のプラグインを使用します。
最強のポートフォリオが揃う
この最終課題も実績搭載可能なので、デイトラの卒業課題を持ってポートフォリオも即戦力レベルであることを証明できるものが揃うことになります。
実装要件を鑑みるに、こちらのコーディングまで完走された方は実力的に即戦力なので、
web制作会社に転職を考えられている方などは特に完走しておくと、かなり破壊力抜群なんじゃないかなと思います。


表示確認を行います

ポートフォリオとしてバリバリ使用していくもので表示崩れをしていたら、営業の返信率が大幅に下がります。
卒業制作も完全無料で表示確認依頼を出すことができます。

\無料動画が複数あり/
❹デイトラweb制作コース実務編の内容

ブロックエディタでサイトを作る
2020/6/21に追加されたコンテンツになります。これまでコードを書いて自作テーマを作ってきましたが、コードを書かなくてもブロックエディタ対応テーマでサイトは作れます。
自分で案件を取ってくるタイプの人はこちらの手法を身につけられると、売り上げが爆上がりします。
Lightningでサイト作成

ブロックエディタでこのようなページを組み上げていきます。

また、お問い合わせフォームのスパム対策やGPLの解説もいいですね。WordPressテーマって実はテーマの全てのファイルが著作権フリーなわけではなく、
PHPファイル以外流用禁止だったりするので、そこを間違えて自分のライセンスで案件で使ったりすると、
訴訟ものなんですよね。
自分もここはブログに書いていますが、重要です、GPLの理解。
Snow Monkeyでゲストハウスサイト作成

Snow Monkeyというテーマでサイトを組み上げていきます。
このテーマ、ブロックを拡張する専用プラグイン「Snow Monkey Blocks」「Snow Monkey Editor」を利用して
このようなページを組んでいきます。
魔法のようにあっという間に上記オシャンサイトが組み上がってしまいます。驚きですね(@ ̄ρ ̄@)

ブロックエディタで自力で作ろう

自分で一から作ってみます。最後に答え合わせの動画があるという感じです。
簡単なLPならSnow Monkeyで組み上げることもできるのがよくわかります。
この背景のウネウネ波が一番どうするんやという感じだと思うのですが、これなんとSnow Monkeyだとエディタで秒で実装できます
凄すぎますね笑
オリジナルサイトを作ってみよう
このパートは自分でオリジナルのサイトをテーマ+ブロックエディタで作っていきます。
以下は自分が作ったオリジナルサイトになります(自分が運営しています)
新潟大学管弦楽団トロンボーンクラブ
自分で調べてSnow Monkeyでできることをググっていく過程で、やはり成長しているのを感じました。
個人的には周りの身近な人から営業をかけたりして、実際に案件として取り組めると一番いいですね。
\無料動画が複数あり/
7日間で仕事を受けるためのマインドや基礎知識を学ぼう

追加コンテンツになります。
デイトラWEB制作コースのメンターであり、ご自身で営業会社も経営されているしんじさん(https://twitter.com/shinji_fourps)が、
営業する上で大切なマインドから、提案時に気をつけるべきポイント、やってしまいがちな失敗例などを解説しています。
- 1日目:なぜ営業を学ぶのか
- 2日目:営業に重要な5つのマインド
- 3日目:営業における4つのアクション
- 4日目:法人営業攻略マニュアル
- 5日目:営業でやってはいけない注意事項15選
- 6日目:営業初心者からの疑問に答えるQ&A
- 7日目:長く活躍し続けるために大切な3つのこと
ちなみに、最近のWeb制作の営業周りの問題に関しては私も所見を述べています。
エンドクライアントに響く提案とは?中小企業向け営業の基礎を解説【追加コンテンツ】
2021年7月の追加コンテンツです。
「企業向けに営業なんてしたことがない」という方向けに
- エンドクライアントに向けた営業の重要性
- 中小企業は何を求めているのか
- 営業時に持っておくといい関連知識
- 具体的なアポイントの取り方
などが紹介されています。
制作会社などの中間会社を挟まず、直接webサイトを欲しているクライアントに営業すること。
下請けの対極な感じ。
解説は、Web営業に特化したスクール『WSSクラス』代表のそうたさん(@sota_web15)です。
そうたさんは「web制作会社を10年経営」されていた経験を持っています。
動画コンテンツは3つ。
- 中小企業向けのエンド営業の重要性と大切にするべきポイント【Web制作のビジネスモデルとは】
- エンドクライアントへのアポイントの取り方
- 実践!アポイント〜公開までの流れ
- 制作だけじゃない、制作後の「アップセル」「クロスセル」などから本番
- 仕事をもらえるアカウントや某アプリでの営業(質が良い)
- 紹介案件は最強(これ分かる)色んな業界の友人がいれば最強そう
\無料動画が複数あり/
NoCodeでサイトを作ってみよう:STUDIO編

このパートではSTUDIOを学んでいきます。
なぜWeb制作を学んでいるのにNoCodeツールなの?
と思われるかもですが、最近ではSTUDIOで制作する制作会社も出てきているぐらいなので、ツールとして学んでおくのは重要です。
私が知る限りSTUDIO公認で学べるスクールはあまりないです。

このパートでは「ポートフォリオサイト」「ブログ・フォーム機能」の構築について学びます。


NoCodeツールは癖があるのと、できることできないことを把握しておくだけでも提案がかなりしやすくなるので、コーディング主体の人も学んでおくといいです!
1ランク上に行くための発展スキル:コーディング編
Git / Github / Sourcetreeを使ってバージョン管理

2021年12月27日に追加されたコンテンツになります。
- Soucetreeをインストールしよう
- Gitの概要とリポジトリ作成からコミットまで
- ブランチとマージ
- リポジトリの種類とGithubの役割
- Githubでリモートリポジトリを作成しよう
- ローカルリポジトリとリモートリポジトリをSSHキーで接続しよう
- プルしてみよう
- プルリクエストでレビュー依頼する
- コンフリクトを起こした場合の対応方法
- クローンでローカルリポジトリを作成してみる
Gitを用いた基本的な開発は充分に身につく内容かと思います。
予言:あなたは現場で必ず失敗します
Gitについてはどんなに学習していても、現場で必ずやらかします。
特にチーム開発でブランチ運用などが複雑だと途端に混乱するのは仕方のないことです(経験者談)
しかし、基礎を学んでおくことでその後のリカバリーがしやすかったり、そもそもの失敗率を減らすことができます。
提案:卒業制作をGit管理してみては?
Gitは自分で手を動かすことが一番大切です。
ちょうどWeb制作コースの卒業課題は膨大な分量があるので、私個人としては
Gitを学習→卒業制作で実践
この流れを勧めたいです。セクションを作る毎にプルリク出してマージを行う、一人Gitは私もよく行います。
これから購入される方は、この順序を覚えてもらえたらと思います。
Gulpを使ってみよう&Pugで効率的にコーディングしよう

GulpとPugはWeb制作の実務最前線ではよく使われるものですが、かんたんにまとめてみます。
Gulp:コーディング作業の自動化
Pug:HTMLを超簡単にかける言語
Gulpは例えば以下のことが全自動で可能です。
- Sassのコンパイル
- CSSやJavaScriptファイルの圧縮
- HTMLの整形
- ブラウザのリロード
- EJSやPugのコンパイル
特に、Web制作コースのGulpの良いなぁと思った部分を羅列します。
- 実サイトの導入例をWeb制作コース
の中級編、上級編WordPressサイトへの導入パートがある(WordPressとGulpの組み合わせは貴重)
- そもそも動画解説がネット上にはほとんどないので、貴重
他の教材と比べて頭一つ抜けていますね。
Pugについては以下のことが可能です。
- headerやfooterなど共有パーツに分割できる
- ページ用のテンプレートを用意しておける
- 変数やループの処理を使える
また省略記法で書けるので、単純にHTMLで書くより早くて楽というメリットもあります。

Web制作会社でも採用しているケースは多かったりするので、基本的な使い方はぜひ抑えておきましょう。
GulpとPugはセットで
Pugはそのままではブラウザが認識できないので、HTMLにコンパイルをする必要があります。
それを通常gulp-pugで自動化するので、両者はセットなのです。
GulpもPugも「避けられない」
まあ便利そうだけど、難しそうだし、自分は使わないからいいや〜
いや、勉強はしておいたほうがいいよ、僕もそうだったんだけど、入ったプロジェクトでPugが使われていて、普通にパニクってGitの履歴をぐちゃぐちゃにした記憶があるので(泣)
\最新スキルをデイトラで学ぶ/
CSS設計を学ぶ

続いてCSS設計を学んでいきます。ここでは主に一番メジャーである「BEM」と「FLOCSS」を使えるようにしていきます。
正直現場によって採用されている設計は千差万別ですが、CSS設計の根本的な考え方である、
- 予測しやすい
- 再利用しやすい
- 保守しやすい
- 拡張しやすい
そして
- コンポーネント
- レイヤー
これらを体得すれば、どんな現場でもある程度対応することができ、このコースではしっかり身につけることができます。

主に「上級コース」の課題を復習しながら、実際にコードを打って演習し、3日間かけてじっくりを学んでいきます。

FLOCSSの考え方はどのプロジェクトに入っても必ず活きてきます。BEMしか知らない人などは、必ずチェックしておくべし!!
デイトラのデメリット

ここまで「Web制作コース」のいいところを紹介してきました。
多分褒めてばっかりだったので
と思われたかもしれません。
疑わしいと思った方は、実際の利用者の声を#デイトラでtwitterで検索するとわかるので、検索してみるといいかなと思います。
あくまで中立的な立場で記事を書いているので、デメリットというか、注意点もいくつか上げていきます。
デメリット①自学できない人には厳しいかも?
デイトラは基本的に「自分で学習して、わからない部分はメンターに質問」なので、やらずに怒ってくれる人、尻叩き役がいません。
なので、自分で学習をする習慣を身につける必要があります。
買って満足しちゃうタイプの人は要注意ですね!
デメリット②就職転職保証ではない
よく転職斡旋したり保証するスクールがありますが、「Web制作コース」はそういったものは一切ありません。
メンターへの質問も基本的には技術的な面になるので、転職サポートを全面的に得られるサービスではないです。
転職支援コースと営業アドバンスコースで支援
ただ、ずっと「支援がほしい!」という声はあったようで、ついに
卒業生向けのアドバンスコースで「転職支援コース」がでました。
デイトラで学んだスキルで転職まで対策できます!
デメリット③ポートフォリオ課題が他とかぶる…かも
受講生が多いので、どうしても実際に営業する際にスクール課題として他の生徒と被ってしまうことがあります。
ただ2021年8月中に複数の卒業課題がリリースされ、自由課題も追加されているので、その点は解消されました。
デメリット④難しい・・・
「デイトラ 挫折」とか「デイトラ 後悔」という検索キーワードが上位に来ていますが、ぶっちゃけデイトラ「Web制作コース」は中々難しいと思いますね・・・
しかし、簡単なカリキュラムでは実務に太刀打ちできないので、「Web制作コース」ぐらいの難易度は現役エンジニア的にはほしいと感じます。
よって、むしろ私は難しいのはメリットだと思いますね。
とはいえ挫折する人もいるかと思うので、具体的な乗り越え方は以下の記事でアドバイスしています👇
(私はデイトラ全コース完走している現役エンジニアなので笑)
\無料動画が複数あり/
稼げてるデイトラ卒業生はいるの?
そんなあなたに向けて、めちゃくちゃ稼げてる卒業生にインタビューをしてきました!
デイトラ受講開始から一年で月160万を受注したりょーさんに徹底インタビューしています!
詳しくは以下の記事にて!!
web制作独学は挫折率が高い話

デイトラで結果を出して欲しい
ここまで「Web制作コース」がweb制作学習にオススメである所以をお話ししてきたんですが、ここからちょっとデイトラからずれて、
僕が個人的にweb制作学習で大切だと思っていることについてお話しさせていただきます。
「web制作フリーランスとして初案件を獲得するまでにやったこと」という記事でも述べているんですが、
残酷な事実として、「Web制作は9割の人が挫折する」ということがあります。特に独学の場合ですね。
っていう声はTwitter上でもたくさん見かけると思うんですが、
仕事を受注して継続してお仕事できている人は本当に一握りです。
ここでお聞きしたいんですが、
みなさん、何のためにweb制作を学習されてますか?
おそらく大半の方は、「仕事にしたい」か「自分の会社のビジネスで活用したい」だと思います。
だとすると、
「学習フェーズ」と「実務フェーズ」という「2つの大きな壁」を超えないといけないんです。
そして、「実務フェーズ」の方が難易度は高くなります。
学習と違って実務は与えられるものでなく、自分で掴みにいくものだからですね。当然営業とかしないといけません。
なのでこの「学習フェーズ」を早めに終わらせて、さっと「実務フェーズ」に入ることが大切になります。
私が紹介したデイトラは
「学習フェーズ」を「最も効率よく乗り越える手段」
として紹介しました。
別にここの「学習フェーズ」を独力で終わらせられる人であれば、スクールや有料サービスを使う必要はないと思います。
でも現実は孤独な戦いが待っています。
私が今発信をしているのは最初にも述べたとおり、「過去の駆け出し期の自分を救うため」です。
駆け出し期がどれだけ「先が見えず不安になるか」私はよくわかります。
初学者の方にちゃんとおすすめできるようなコンテンツかどうか、このレビューを行う前に私はめちゃくちゃ内容を精査しましたし、
実務経験者の視点から、フラットに見れたと思います。
何が何でも私は絶対にweb制作を仕事にする
そんな強い気持ちを持った人は、ぜひ今回紹介した「Web制作コース」を活用して、結果を出して欲しいなと思います。
この記事がきっかけで人生が変わったときは、是非ご連絡いただけると、嬉しく思います!
\まずは無料体験からどうぞ!/
デイトラ専用コミュニティで制作チームも組める!
専用のコミュニティのサポートもあり!

デイトラでは各コースとは別に、別途有償にはなりますが「デイトラコミュニティ」というサポートを行っています。
デイトラコミュニティは、デイトラ生専用の会員制コミュニティです。
- 業界トップランナーによるオンラインセミナー受け放題
- 案件獲得した卒業生から「案件獲得した方法」を聞ける
- 自分にないスキルを持ったチームメイトとタッグを組める
- 1人の学習を楽しくする「オンライン自習室」
- 月末はみんなで楽しもう!「オンライン打ち上げ」
- デイトラ運営陣による質問会や限定配信
- リアルで友達づくり!オフラインイベント!
などなど、盛りだくさんとなっており、コミュニティ生で制作チームを作って案件を回している例も多いです。

\デイトラコミュニティの詳細はこちらから/
デイトラWeb制作コースに関するよくある質問
デイトラとは何ですか?
デイトラはSNSから生まれたオンラインプログラミングスクールです。Web制作やデザイン、プログラミングなどのITスキルを学べる様々なコースを提供しています。
デイトラWeb制作コースの勉強期間は?
Web制作コースの勉強期間は約100日~150日(3~5ヶ月)です。1日1題ずつ学習する場合、上級編までは約4ヶ月、実務編まで含めると約5ヶ月かかります。
デイトラの受講料はいくらですか?
デイトラのWeb制作コースの受講料は129,800円(税込)です。この料金には約100日分の学習カリキュラムと1年間のメンターサポートが含まれています。
Web制作とWebデザインの違いは何ですか?
デイトラのWeb制作コースはHTML、CSS、JavaScriptなどのコーディングスキルを習得し、Webサイトの構築に焦点を当てます。一方Webデザインコースは、FigmaやPhotoshopを使用してWebサイトのデザインデータの作成を練習します。
デザイナーがデザインデータを作成し、コーダー(Web制作者)がそのデザインを元にコードを書いて実装するので、どちらの道に進むかは重要な決断となります。デザインコースではコードを書きません。
詳しくはデイトラWeb制作コースとWebデザインコースの違いの記事にて説明しています。
デイトラのデメリットは?
デイトラのデメリットは就職・案件サポートが無いことと、個別メンターが存在しないことが挙げられます。しかし2024年よりアゲルキャリアと提携したり、コーディング実務検定の合格者が案件獲得で有利になる仕組みを構築しており、今後案件獲得がより行いやすくなる見込みです。
デイトラは追加料金がかかるの?
デイトラWeb制作コースに関しては追加料金は以下のケースで発生する可能性があります。
- 卒業課題の再レビュー依頼(初回不合格時)、7000円前後
- 一年間のメンターサポート期間が終わった後のサポート期間延長

私はレビューする側ですが、きちんとカリキュラムをこなしている人は9割ほど合格して卒業証書を発行しているので、焦らず取り組めば大丈夫かと思います(卒業は義務ではありません)
また毎日2時間程度時間が取れるなら、一年かからないカリキュラムです。
デイトラの受講者数は?
一番人気のデイトラWeb制作コースの受講者数だけでも累計2万人を超えていると推察されます。よってデイトラ全体で言えば5万人近い人がデイトラを受講中・または卒業済みとなります。
デイトラの社長は誰ですか?
デイトラの社長は大滝昇平(ショーヘー)さんです。30代の男性で、東京在住です。受講生からはショーヘーさんと呼ばれ、親しまれています。立命館の法学部を卒業後、自動車部品会社の営業職を経てエンジニアに転身し、その後2020年にデイトラを創業しました。
ちなみに私は2018年にショーヘーさんにプログラミングを教わっており、デイトラ創業期から関わらせていただいています。
ここまで読んでくれたあなたへ

こんな長い記事のこんな下部まで見てくれたあなたはとても学びに熱意のある方なのでしょう。
ヒートマップによると、ここまで読んでくださる方はわずか10%です。
10%のあなたにお伝えします。
実はこの記事の「Web制作コース」へのリンクはアフィリエイトリンクになっております。
アフィリエイトリンクからお申し込みしていただければ、私に幾らかキックバックが発生するものです。
しかしこの記事はアフィリエイト報酬欲しさに書いたものではありません。
この記事を書いたのは2020年4月14日、デイトラのアフィリエイトが始まったのは2021年7月23日、
一年以上無報酬で頻繁にアプデしてきました。それほど良いサービスであると思っているからです。
このブログは「それが知りたかった!」という情報、「過去の自分が知りたかった情報を発信する」という軸で運営しております。
なので、もし、
この記事はまあまあ良かったよ、
という方で、
デイトラちょっと検討してます
という方がいらっしゃれば、このサイトのリンクより「Web制作コース」に申し込んでいただけると、より一層情報発信に励む活力になりますので、
「より濃厚で役立つ情報の提供」という形でみなさまに貢献させていただきます。
以下にボタンリンクを置いておきますので、ぜひ!
Twitter(@samuraibrass)にリプを貰えれば、感謝&激励をさせていただきます!
\まずは無料体験からどうぞ!/
デイトラ申し込みから始め方までの流れ

手順1:デイトラ公式サイトにアクセスする
まずはデイトラで申しこみを行います。

手順2:利用規約とプライバシーポリシーに同意してアカウント登録する

手順3:コース選択をする
その後、受講したいコースを選択します。

手順4:支払い方法を選択する
その後「クレカ支払い」か「銀行振込払い」か選択します。
銀行振込まで対応しているオンラインスクールはほとんどないので、助かりますね!

手順5:決済をして購入完了!

支払い後は「申し込み完了メール」が来るので、Slackに参加できるのと、講座も受講できるようになります。
- 制作会社と仕事ができるレベルまでカバー
- Git,Gulp,Pugなど「一歩先のスキル」も網羅
- 中間課題と卒業課題はプロのレビュー付き
- 案件獲得や転職に効く、多様なポートフォリオを作成可能
- メンターに1年間いつでも質問可能!
- それでいて、業界最安級
\Web制作を”本気で”仕事にしたいあなたへ/
まずは独学で頑張りたいという人は
こちらの記事で完全独学のロードマップを紹介しています。デイトラに比べていばらの道ですが、完走できれば実案件まで取り組めるようになります。
デイトラその他のコースの記事まとめ↓
\デイトラ全コースレビューをしています/
コース名 | ![]() Web制作コース | ![]() Webアプリ開発コース | ![]() Webデザインコース | ![]() ShopifyEC構築コース | ![]() 動画編集コース | ![]() Pythonコース | ![]() Webマーケティングコース | ![]() ドローンコース | ![]() ECクリエイティブコース |
学習内容 | Webサイトの構築 | Rails,Reactでアプリ開発 | Webやアプリデザイン | Shopifyサイトの構築と 運用 | YouTubeや ショート動画編集 | Pythonや分析スキル | 広告やSEO LINEやレポーティング | ドローン空撮 点検業務や農業活用 | ECの総合サポート |
料金 | ¥129,800 | ¥119,800 | ¥119,800 | ¥79,800 | ¥99,800 | ¥89,800 | ¥109,800 | ¥99,800 | ¥99,800 |
卒業後の進路例 | Web制作会社に就職 フリーランスコーダー | Railsエンジニアとして 企業に就職 | フリーランスデザイナー デザイン会社に就職 | EC構築フリーランス Shopifyエキスパートの会社に就職 | YouTube,TikTokeの編集者 企業の動画広報担当 映像編集会社へ就職 | AI系企業への就職 自社商品の分析に利活用 | フリーランスで広告運用 マーケターとして就職 | ドローンパイロット (正社員や業務委託) | ECコンサルやEC企業インターン(紹介あり) |
解説記事リンク | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら | 解説記事はこちら |
公式サイト | Web制作コース | Webアプリ開発コース | Webデザインコース | ShopifyEC構築コース | 動画編集コース | Pythonコース | Webマーケティングコース | ドローンコース | ECクリエイティブコース |
HTML初心者からWordPress実案件レベルまでのコーディング演習課題を「専用ページ」にて公開しています。

- Figma,Photoshopデザインからのコーディング
- サーバーアップロードでサイト公開
- プロによる最大3回の表示確認特典
- レビュー返しは爆速
- 2024年にデザイン刷新!被らないポートフォリオ
「初級編」は初めてデザインからコーディングする方向け
「中級編」はJavaScriptやjQueryの練習
「上級編」はWordPressの実案件を模擬体験できるレベル感にしています。
中級者の方には高難易度課題を詰め合わせた「即戦力セット」も出しています。
全課題で「実務レベルの、プロの厳しいレビュー」を受けられるようにしています。
また、2024年には随時デザインの刷新をしており、完全リニューアル!!
他者と差をつけられるポートフォリオが準備できます!

制作会社も使用する専用レビューツールで分かりやすく添削していきます!
基本的に「まとめて購入」していただくとかなりお得になります↓

コーディングは書籍だけではなかなか実力がつかないので、実務レベルのレビューを受けて自身をつけたい人は是非挑戦してみてください!

\課題の購入はこちらから/
ご寄付を頂けると今後の更新の励みになります!