デイトラ

【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア7年目】

【徹底レビュー】デイトラWeb制作コースが2021年web制作始めるのに一番おすすめな話【実際にやってみた】
本ページにはプロモーションが含まれています。

デイトラは業界一コスパよくWebスキルを即戦力レベルまであげられるスクールですが、その中でも「Web制作コース」は一番の人気コースになっています。

私は現在はフリーランスコーダーをしつつ、複数のWeb制作会社でコーディングや新卒教育、品質管理業務・レビューなどを行っています。デイトラ全コース受講した上でこの記事を書いています。

最近はWeb制作を学べるスクールが多く、

まさひろくん
まさひろくん
ちゃんと実務までこなせるレベルになれる所に通いたい…怪しいスクールじゃない…?
ありさちゃん
ありさちゃん
転職希望だけど、使えるポートフォリオが用意できるか不安
ようこちゃん
ようこちゃん
デイトラってそもそも何?デイトラの評判は聞くけど、具体的な内容を知りたい

こんな悩みに現役フリーランスエンジニアの私が答えていきます。

しょーご

過去にデイトラ生に仕事をお願いしたこともありますよ!

この記事ではデイトラのWeb制作コースについて徹底レビューを行っていきます。

Web制作コースを「3周」して追加コンテンツも全部追いながら日々この記事をアプデしています。

私は現在はコーディングをメインにお仕事をしており、200件近くの案件をこなした経験があります。駆け出しからフリーランス独立される方も計50人以上は直接指導してきているため、この記事の内容にはかなり自信があります。

しょーご

ちなみに私もWeb制作のスクール出身のフリーランスエンジニアなので、現場とスクールの両方に精通しています。

このブログは「駆け出し期の自分が欲しかった情報」を提供するために真剣に行っており、その視点で本当におすすめできるか真剣に検討しています。

その上でWeb制作コースを現在もしっかり見続けています。

また、記事の後半で自分の「web制作学習に関する考え」も述べているので、最後までご覧いただけると納得感が強いかなと思います。

しょーご

デイトラは全コース制覇済みなので、どこよりも詳しく内容を解説します!

ちなみにデイトラ、全コース合わせて2025年時点20000人以上が利用しています。すごいっすね…

本記事は最新情報に準拠するため頻繁に更新しております(2025/01/02更新

Web制作コースの課題一覧
デイトラ
【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】
デイトラ
デイトラWeb制作コース
デイトラWeb制作コース
【初級編】カフェサイト
中級編 めざましアプリ「OHA!」のLP
中級編 最終課題LP
【中級編】アクセサリーブランドサイト
【中級編】追加課題②表参道カフェ風 LP
【中級編】Phoroshopからのコーディング課題
【上級編】Snow Monkey課題①料理教室のデモサイト
【上級編】Snow Monkey課題②ゲストハウスサイト
【上級編】Snow Monkey課題③LP
卒業制作①カフェサイト
卒業制作②人材会社サイト
卒業制作③歯科医院サイト
previous arrow
next arrow
 
Shadow

しょーご

この記事の著者
しょーご@samurabrass

このブログ「しょーごログ」の運営者。本業でエンジニアとしてサイト制作やシステム開発を数年行っており、ブログとYouTubeで情報発信を行っている。駆け出しエンジニアのコーディング課題添削も行う

Web制作コースの概要
  • 制作会社と仕事ができるレベルまでカバー
  • 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クリエイティブコース
目次
  1. デイトラ2025年割引セール開始!!
  2. 動画でもデイトラの要点を全力解説しています!!
  3. デイトラとは?
  4. デイトラWeb制作コースの内容・カリキュラム
  5. デイトラWeb制作コース受講生のリアルな口コミ
  6. デイトラWeb制作コースとは
  7. デイトラWeb制作コースの案件獲得・転職実績
  8. デイトラWeb制作コースを無料体験する方法
  9. デイトラWeb制作コースの内容の全体感
  10. ❶デイトラweb制作コース初級編の内容
  11. ❷デイトラweb制作コース中級編の内容
  12. ❸デイトラweb制作コース上級編の内容
  13. ❹デイトラweb制作コース実務編の内容
  14. デイトラのデメリット
  15. 稼げてるデイトラ卒業生はいるの?
  16. web制作独学は挫折率が高い話
  17. デイトラ専用コミュニティで制作チームも組める!
  18. デイトラWeb制作コースに関するよくある質問
  19. ここまで読んでくれたあなたへ
  20. デイトラ申し込みから始め方までの流れ
  21. まずは独学で頑張りたいという人は
  22. デイトラその他のコースの記事まとめ↓

デイトラ2025年割引セール開始!!

デイトラ2025年割引セール

デイトラでは全コースを対象に1ヶ月間のみの1万円引きキャンペーンを開催中です!ただでさえコスパ最高なデイトラがより一層安く受講できます。

キャンペーン詳細

■キャンペーン対象期間

2025年1月1日〜2025年1月31日

■内容

デイトラ全コース対象 各コース1万円引き!

※1人で複数コース受講した場合も各コース1万円引きになります。

※注意事項※

  • キャンペーン期間中、他のクーポン・キャンペーンとは併用できません
  • 募集制で不定期に開催されるコース(例:営業支援コース等)は対象外となります
  • リスキリングコースはセールの対象外となります

キャンペーンは毎年開催されていますが、年内はこれが最後の可能性があります。ぜひ忘れないうちにこのタイミングで受講開始されることを強くおすすめします。

動画でもデイトラの要点を全力解説しています!!

動画の9:34の部分からWeb制作コースの解説をしています。

デイトラとは?

デイトラ

デイトラは“未経験でも・迷わず・楽しく”学べるオンラインスクールです。

圧倒的なコストパフォーマンスと未経験でも楽しく学べるステップ形式が特徴で、動画を中心としたわかりやすい教材、勉強する内容に迷わない一日一題形式のカリキュラム、そして丁寧なフィードバックの場を揃えています。

今回紹介するのはその中でも「Web制作コース」になります。

デイトラの中核を担うコースです。

デイトラは全コースレビューしているので、他のコースも気になる方は以下の記事を見てみてください。受講生へのインタビューもあります。

しょーご

あとで他のコースで気になるものがあっても、この記事を見てもらえれば全てわかります。

デイトラWeb制作コースの内容・カリキュラム

現役エンジニアから見た視点だと…?

【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】

私はWebエンジニア歴6年目ですが、Web制作コースの内容・カリキュラムはあらゆるWeb制作スクールの中でも最も実践的かつ分かりやすいです。

特に卒業制作のサイト制作は実案件レベルだし、そのままポートフォリオとして活用できるのでかなり案件獲得や転職が容易になると思います。

卒業制作の一つ「歯科医院『みなみ歯科クリニック』」

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

ブライダルプランナーのポータルLP』💍
女性向けサイトの制作実績として最適
ブライダルプランナーのポータルLP』 女性向けサイトの制作実績として最適

また、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制作コース公式

https://www.daily-trial.com/web_site

無料動画が複数あり/

Web制作コースで学ぶのは

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • PHP
  • WordPress

といったweb制作で必須のスキルになります。

しょーご

業界最先端に準拠しているので、最近ではSTUDIOといったNoCodeツールのカリキュラムも揃ってきていて学べる幅が広くなっています。

【デイトラWeb制作コースの特徴】
制作会社と仕事ができるレベルまでカバー
Git,Gulp,Pugなど「一歩先のスキル」も網羅
中間課題と卒業課題はプロのレビュー付き
多様なポートフォリオを作成可能
メンターに1年間いつでも質問可能!
それでいて、業界最安級

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

デイトラ安い 値段 価格

まずは料金ですが、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制作コース

オンラインスクールだとよく横のつながりがなくて「一緒に頑張る仲間」みたいなものをなかなか作れず継続学習が難しいんですが、

デイトラはそういったものも提供しているということですね。

デイトラweb制作コース講座内容

講座内容は

  • 初級編約30日(HTML,CSS,Bootstrap)
  • 中級編約30日(JavaScript,jQuery,Sass)
  • 上級編約30日(PHP,WordPress)
  • 実務編約30日(Git,Gulp,Pug,CSS設計)

計120日間

で、かなりのボリュームがあります。

しょーご
しょーご
最近はアプデに伴ってコンテンツが増えてきて、100日分以上ありますね笑

無料動画が複数あり/

プロレベルまで一直線で学べる

最後に待ち構えている「Web制作コース実務編」の内容は、現場のプロレベルまでいけるレベル感です。ここまでこなせれば、即戦力でしょう。

デイトラ Web制作コース
しょーご

ここまで現場に求められている内容と合致したカリキュラムは他のWeb制作スクールではみたことがありません…!!

プロのレビューが受けられる

中級課題と卒業課題では、メンター陣からレビューを受けることができます。

プロからレビューを受ける経験はとても大事です。

自分では大丈夫と思っているものでも、プロ視点だとバシバシ指摘が入ります。

それを現場に出る前に練習できる価値は大きいです。

しょーご

現場では初稿提出前に表示のセルフチェックを行うのですが、それも練習することができますよ。

デイトラのサポート期間

デイトラ Web制作コース カリキュラム 内容

そしてサポート期間ですが、なんと1年間サポートを受けられます

サポートというのは、

デイトラの学習カリキュラム上でわからないところを質問できる

ということですね。

なので、購入後すぐに取り組めなくても、一年かけて好きな時に取り組めるということになります。

またこのカリキュラムの130日というのは

「カリキュラムを完走するのに必要な日にち」

であって、「130日経過したら学習コンテンツが見られらくなる」わけではないので、安心していいかと思います。

デイトラWeb制作コースは就職もフリーランス独立もいける

Web制作コースでは学習を通じて

  • 良質なポートフォリオが揃う
  • 営業の基本を無料で学べる
  • 企業が求める、即戦力レベルのスキルが身につく

このことから、卒業後は就職でもフリーランスでも戦うことができます。

しょーご

私もそうですが、基本的には「コーダー」「マークアップエンジニア」などの職種名で働くことが多いです。

デイトラは大半が動画講座

デイトラWeb制作コース

デイトラは大半が動画講座です。テキストだと難しいところも、動画だと一緒に手を動かせて乗り越えやすいです。

しょーご

特に後半のWordPressはテキストだけだと理解しにくいですが、デイトラは丁寧な動画講座なので、あらゆるスクールの中でトップクラスに分かりやすいです!!

デイトラWeb制作コースとデザインコースは何が違う?

こちらの記事でまとめていますので、ご確認ください。

結構違うので、慎重に決めてください!

デイトラWeb制作コースの案件獲得・転職実績

2024年もたくさんの方がWeb制作コースで実績を出されました。30代後半でも成果を出されているのが分かります。

【報告】Web制作/開発会社に就職決まりました。35歳、異業界転職ということもあり苦労しましたが、結果として、一番行きたいと思える会社に決まりました。まずはコーダーとして、いずれはエンジニアかディレクターとしてステップアップできるように頑張ります。  #デイトラ
6月から開始した30代後半未経験でのITエンジニアの転職活動ですが、とあるWEB制作会社さまより内定をいただけました!
まだまだ勉強不足で不安はありますが、自分で決めたことが間違っていなかったことを信じて今後も努力していきます。
(まず急いで転居先と引越準備しないと…)  #WEB制作 #デイトラ

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

初案件と業務委託先決まりました🎉
怒涛の展開でびっくりですが、まずは最初の案件をちゃんとこなして信頼していただけるよう頑張ります!!
#デイトラ  #デイトラコミュニティ
この度、ココナラでコーディング業務を受注し、本日無事納品いたしました🍀  web制作を始めて、約1年6ヶ月でやっと0→1達成いたしました🫨✨  頑張った自分、支えてくれた妻
そして、#デイトラコミュニティ ・Twitterで繋がっていただいた皆様のおかげです🤲本当にありがとうございます!  #デイトラ

最強のWeb制作スクールデイトラはこちらから/

デイトラWeb制作コースを無料体験する方法

デイトラ無料体験の方法

手順1:デイトラ公式サイトにアクセスする

まずはデイトラから「無料で講座を体験する」のボタンを押してください。

デイトラ 無料体験方法

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

その後、デイトラに登録してください(お金はコースを購入しない限り、かかりません)

デイトラ申し込み ログイン

手順3:Web制作コースを選択する

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

無料動画が複数あり/

しょーご
しょーご
いよいよここからコースの具体的内容を見ていきます。

しょーご

ここから内容の説明に入ります。

デイトラWeb制作コースの内容の全体感

Web制作コース」の内容は、以下の通りです。

  1. 初級 〜副業で月5万を稼げるレベルになろう〜
  2. 中級 〜企業と仕事できるコーディング力をつけよう〜
  3. 上級 〜WordPressの基礎を学んで実務可能なスキルをつけよう〜
  4. 実務 〜実務に役立つよりハイレベルなスキルを身につけよう〜

これらの内容を順番に解説していきます。

❶デイトラweb制作コース初級編の内容

デイトラWeb制作コース

まずは初級編です。

まず初級編では「副業で月5万稼げるレベル」を目指します。

HTML,CSSの基礎を動画で分かりやすく

デイトラ Web制作コース

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

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

Web制作コースより抜粋
しょーご

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

デイトラ Web制作コース カリキュラム
Web制作コースより

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

デイトラ Web制作コース

これは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を使ったコードスニペットの自作方法も学びます。

デイトラ Web制作コース
一応モザイクをかけてますが、自分の管理方法と全く一緒でしたw

その他に、VSCodeでの「ユーザースニペット」の登録も学びます。

具体例があったほうが分かりやすいかと思うので、ここでは大量に紹介されている中で一部をご紹介します。

例えばHTMLなら、picと入力するだけで、以下のコードが生成されますし、

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

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

VSCodeのjsonファイルで定義する必要があるので、あなたが未設定の場合、今試してみても使えないと思います。

定義方法やその他大量のスニペット例に関しては、是非Web制作コースで!

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

デイトラ Web制作コース カリキュラム 内容

Web制作コース初級編二週目、三週目では主に「JavaScript」「jQuery」を学びます。

JavaScriptとjQueryとは?

JavaScript:Webサイトに動きをつけるプログラミング言語
jQuery:JavaScriptを簡単に書けるようにしたもの

ここでは様々なWeb制作で用いるパーツを作っていきますが、例えば以下のようなアコーディオンも作成していきます。

しょーご

HTML,CSSだけだと表面を作ってるだけですが、JavaScriptを使えば、「クリックして開閉する」という「動き・機能」をつけられるようになります。

また、最初に作ったサイトに動きをつけていく課題もあります。

デイトラ Web制作コース カリキュラム 内容
Web制作コースより

Web制作で最もおすすめなスクール!!/

SassでCSSをより便利に書く!!

デイトラ Web制作コース カリキュラム 内容

ここでは、「SassとCSS設計」について学び、先程のカフェサイトのCSSをSassで再構築していきます。

Sassとは?

SassはCSSをより便利にした言語です。

基本的にSassを用いていない案件のほうが今では圧倒的に少ないので、ここで学びます。

初級編ラスト 自分だけのポートフォリオサイトを作成しよう

デイトラ カリキュラム 内容

そして初級の最終週はポートフォリオサイト作りに入ります。

ポートフォリオサイトとは?

仕事を獲得する際に、自分の経歴や過去実績、料金などをまとめておくサイト。営業などで使用する。

デイトラ初級編は「副業で月5万稼げる」を目標にしていますが、実際Web制作を仕事にすると以下の作業が発生します。

  • サーバー契約
  • ドメイン契約
  • サーバー・ドメインの紐付け
  • FTPを利用してポートフォリオ公開
  • 内部SEO、OGP、Fivicon設定

仕事でやることはコーディングだけではないのです!

しかし、ポートフォリオサイト作成を通じてこの一連の業務を全て経験できるので、このタイミングで学ぶのだと思います。

まずは動画のとおりにサイトを制作しつつ、SassとjQueryを復習します。

デイトラ カリキュラム 内容

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

デイトラ カリキュラム 内容
しょーご

私もポートフォリオ公開を通じてWebサイトの公開方法を学びました。

しょーご

ここまで初級の段階で、Web制作の大まかな範囲を学習することができました!

Web制作で最もおすすめなスクール!!/

Web制作コース公式サイト

https://www.daily-trial.com/web_site

❷デイトラweb制作コース中級編の内容

デイトラWeb制作コース

次に「Web制作コース中級編です。

中級編で目指す「企業と仕事ができる」というのは、「web制作会社の案件にも対応できる」ということになります。

また、クラウドソーシングのHTML,CSS,JavaScriptの案件にも十分対応できるレベルになります。

AIを使ったコーディングで爆速化する!【2024/01更新】

Web制作コース

ここではAIを使ったコーディングを、「Github Copilot」「Cursor」を利用して学んでいきます。

コードを書きながらリアルタイムでコードを提案してくれたり・・・

Web制作コース

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

Web制作コース
しょーご

とはいえ、最後に正しいか確認するのは人間です。正しいコーディングスキルを引き続き学んでいきましょうね。

デザインカンプからのコーディングを学ぶ【2023/10更新!】

【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】

ここからデザインカンプからのコーディングを本格的に学んで行きます。

ここで作っていくのは、「めざましアプリ「OHA!」のLPです。

デザインカンプからのコーディングはとても重要になります。

実案件では制作会社やデザイナーさんからデザインデータをFigma,PSD,AI,XDの形式でもらうことがほとんどなのですが、

ここからの素材の書き出しや値の取得などが必要になってくるからです。

デイトラでは無料で使用できるFigmaからの値の書き出しを練習することができます

徹底したピクセルパーフェクトの教え

カリキュラムの中では、課題のセクション毎に拡張機能「PerfectPixel」を用いて、ピクセルパーフェクトを行います。

ピクセルパーフェクトとは?

デザインカンプと1px単位違わずコーディングすること

これはプロなら当然の心構えなので、ここで実案件レベルのスキルにキャッチアップしていきます。

【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】
PerfectPixelで合わせるとズレズレなのが分かる、恐ろしい拡張機能

Figma for VS Codeの導入【2024/01追加】

Figma for VS Codeは拡張機能です。

これが便利なのは、なんとVSCode上でデザインデータを展開できるだけでなく、要素を選択すると、それに必要なコードを自動で提案してくれる所です。

Web制作コース
Web制作コース
しょーご

これによって、Figmaからのコーディングが爆速化します!!

jQuery.JSの実践も行う

【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】

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

しょーご

動画で丁寧に解説してくれるので、挫折しにくい作りになっていますね!

無料動画が複数あり/

デイトラ中級編最終課題【2023/10更新】

【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】

2023年10月にアップデートされた中級最終課題「インスタ旅行キャンペーンのLP制作」を行います。

これはヒントなしで、完全に自分で一からコーディングする課題になります!!

しょーご

これは実案件レベルなので、かなり難しいイメージです。

しかし、これが「ピクセルパーフェクトで」コーディングできるなら、既に実案件は問題ないとも言えます。

表示確認をしています

デイトラWeb制作コース
確認を行う現役Webフリーランスたち

コーディングしたものは「完全無料」にて私含めた現役コーダーがレビューを行っております。

また、「セルフチェック項目」も同時に配布しており、セルフチェックを徹底する訓練をここでは積んでもらっています(ここは私達レビュアーで相談して決めました)

これでコーディング品質の保ち方が身につきます。

しょーご
しょーご
これなにげに貴重だと思うのですよね。作ったままで終わりだと実は崩れてるとか気づきにくいので。

無料動画が複数あり/

❸デイトラweb制作コース上級編の内容

デイトラ上級編

ここまででHTML,Sass,jQuery,JavaScriptを使用したコーディングは行えるようになりました。

ここからはいよいよ「Web制作コース」上級編、WordPressの勉強に入ってきます。

WordPressがつかえれば、毎月20万以上安定して稼げるスキルは手に入ります。

しょーご

WordPressを用いたサイト制作はかなり多いです。

根拠として、よく「全世界のサイトの1/3はWordPressでできている」と言われるのですが、

https://news.mynavi.jp/techplus/article/20220803-2415031/

この画像からも分かる通り、2023年で、もはや43%にまで増加していますので、

WordPress一強体制は、今後10年は揺るがないかなと思います。

\実務レベルのWordPressスキルを身につける/

デイトラ上級編1週目

WordPressはPHPで作られているので、上級編ではまず「PHPの基礎」を学んでいくのですが、ここの動画も神的にわかりやすく、声が出ました

デイトラ wordpress

特にオブジェクト指向のところですね。

WordPressって基本的にPHPのクラスの集まりなので、インスタンスを作成してプロパティやメソッドを呼び出して活用するんですが、

その内部の動きを知るのに、オブジェクト指向の知識が必要になるんですね。

このオブジェクト指向というのがまた曲者で、多くのプログラミング学習サイトでも「結局わからん!」となってしまうのですが、

デイトラ上級編の解説は僕がこれまで見てきた「オブジェクト指向」の解説の中で、一番わかりやすかったです。

特に、「ECサイトを作ろう」というワクワクさせるようなタイトルなのがいいですね!

実際にクラスを作ってショッピングカートもどきを作るのですが、非常に楽しかったです。

しょーご
しょーご
ここは解説が難しく、なあなあにされやすい部分なので、ありがたい!

DAY8 2021.09追加コンテンツ WordPressの基本概念を理解しよう!

WordPressを構築する前に、WordPressに関わる技術や仕組みについて全体的な概要を理解するパートになります。

デイトラ Web制作コース
WordPressの仕組みを学べる
  • Webの仕組み
  • WordPressの土台となる技術
  • 管理画面とデータベースの関係
  • テーマの役割

などを学ぶことで、この後の開発を行いやすくします。

デイトラ上級編2週目以降〜

PHPの基礎を終えた後はいよいよWordPressに入り、このようなメディア、ブログ型のサイトを作っていきます。

しょーご

HTML,CSSはすでに用意されているので、上級では主にWordPress化していく作業を行います。

デイトラweb制作コース

とにかく実案件で頻出のポイントを意識した作りになっているので、この教材をこなすことで、実案件に必要な「自走能力」を鍛え上げることができます。

難しいWordPressも動画コンテンツでわかりやすく!

WordPressは理解するのが結構難しいですが、Web制作コースでは全編動画でとても丁寧に解説してくれているので、とても分かりやすくなりました!

しょーご

ここまでで基本的なWordPressサイトは自作できるようになります!

カスタム3兄弟を使いこなそう① – カスタム投稿・カスタムタクソノミー編

2020/12/13日に追加されたカリキュラムです。

ちなみに「カスタム3兄弟」とは、以下のWordPressを拡張するために使われる3つの便利機能からつけられた名前のことです。

  1. カスタム投稿
  2. カスタムタクソノミー
  3. カスタムフィールド

今回のレッスンでは、セットで使われることの多い「カスタム投稿」と「カスタムタクソノミー」の2つに理解を深めていきます。

このレッスンでは、カスタム投稿『制作実績』を追加し、ブログとは別で、制作を担当したホームページの一覧を投稿・表示できるようにしていきます。

デイトラweb制作コース カスタム投稿
制作実績一覧ページ
デイトラweb制作コース カスタム投稿 制作実績詳細ページ
制作実績詳細ページ

しょーご
しょーご
実務だと「製品別一覧ページ」とか「お客様の声一覧」とか、明確にブログ・おしらせと切り分けたい場合に使われることが多いね

無料動画が複数あり/

カスタム3兄弟を使いこなそう② – カスタムフィールド編

3兄弟の最後、カスタムフィールドについて学んでいきます。

カスタムフィールドもWordPress制作では頻出の機能になります。

デイトラ web制作 カスタムフィールド
カスタムフィールド

カスタムフィールドを使えば、指定した部分を管理画面から簡単に更新することが可能になります。

非エンジニアでも文章や画像の更新が簡単に行える点で優れていますね。

しょーご
しょーご
個人的にはWordPressで一番好きな機能です

サイトの表示速度を上げよう&セキュリティ対策をしよう

2021/11/25に追加されたこのパートでは、「WordPressプラグインを使用してサイトを軽量化する手法」「WordPressプラグインでサイトを守る手法」を学んでいきます。

なぜサイトの軽量化が大事なのか

Googleはページの検索順位を決める一つの要因として「表示速度」を気にしています。

Web制作コースで紹介しているPageSpeed Insightsが一番メジャーですが、ページの総合評価を点数で表してくれます。

また、私も最近は仕事やこのブログでサイトの軽量化に取り組んでいるので、非常に重要なスキルとなります。

ちなみに、サイト改善の個人的おすすめツールは「Yellow Lab Tools」です。

ボトルネック箇所が非常に分かりやすく、改善施策が立てやすいです。

WordPressのセキュリティについて

Web制作コースではプラグインを使用した

  • 二段階認証
  • ログインURLの変更
  • 画像認証
  • 自動バックアップ
  • スパムメール対策

これらを学んでいきます。

しょーご

WordPressは結構攻撃にさらされます。友人のサイトもマルウェアにやられました。

プラグインが良く狙われるので、頻繁な更新をセットで行いたいですね(保守で請け負うのもあり)

しょーご

ちなみに私が実務を行う際は、画像認証とログインURLの変更を行うとともに、強固なパスワードを設定してもらうようにしています。

スパムメールは対策しないと結構来るため、対策を行っています。

デイトラ卒業制作

2021年8月31日に卒業制作が刷新され、新たに3つ追加されました!

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

全て0からWordPress化まで行うものです。

デイトラWeb制作コース 卒業制作 カフェサイト
架空カフェサイト
デイトラWeb制作コース
人材会社サイト
デイトラWeb制作コース
歯科医院サイト

目安として、コーディング〜WordPress化まで2週間以内に終わらせられたら実案件でも十分通用するレベルで、遅くても1ヶ月以内を目指そうという感じです。

いずれも「実践を想定したデザイン・仕様」になっています。

使用プラグイン一例
  • Advanced Custom Fields
  • Custom Post Type UI
  • Contact Form 7
  • SEO SIMPLE PACK
  • Breadcrumb NavXT

実務で頻出のプラグインを使用します。

最強のポートフォリオが揃う

この最終課題も実績搭載可能なので、デイトラの卒業課題を持ってポートフォリオも即戦力レベルであることを証明できるものが揃うことになります。

実装要件を鑑みるに、こちらのコーディングまで完走された方は実力的に即戦力なので、

web制作会社に転職を考えられている方などは特に完走しておくと、かなり破壊力抜群なんじゃないかなと思います。

表示確認を行います

デイトラWeb制作コース
私含む確認を行う現役Web制作フリーランスたち

ポートフォリオとしてバリバリ使用していくもので表示崩れをしていたら、営業の返信率が大幅に下がります。

卒業制作も完全無料で表示確認依頼を出すことができます。

しょーご
しょーご
私が発注者なら、綺麗にこれらをコーディングしたものをポートフォリオとして提出してくれたら、安心して案件頼めますね。

無料動画が複数あり/

❹デイトラweb制作コース実務編の内容

デイトラWeb制作コース

ブロックエディタでサイトを作る

2020/6/21に追加されたコンテンツになります。これまでコードを書いて自作テーマを作ってきましたが、コードを書かなくてもブロックエディタ対応テーマでサイトは作れます。

自分で案件を取ってくるタイプの人はこちらの手法を身につけられると、売り上げが爆上がりします。

Lightningでサイト作成

デイトラ
美味しそう(@ ̄ρ ̄@)

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

デイトラ
ブロックエディタにまだ慣れなくても、動画で一緒に進めていくことができます!

また、お問い合わせフォームのスパム対策やGPLの解説もいいですね。WordPressテーマって実はテーマの全てのファイルが著作権フリーなわけではなく、

PHPファイル以外流用禁止だったりするので、そこを間違えて自分のライセンスで案件で使ったりすると、

訴訟ものなんですよね。

自分もここはブログに書いていますが、重要です、GPLの理解。

Snow Monkeyでゲストハウスサイト作成

デイトラ
まーたオシャンな…やる気あがっちゃうやろがい!!

Snow Monkeyというテーマでサイトを組み上げていきます。
このテーマ、ブロックを拡張する専用プラグイン「Snow Monkey Blocks」「Snow Monkey Editor」を利用して

このようなページを組んでいきます。

魔法のようにあっという間に上記オシャンサイトが組み上がってしまいます。驚きですね(@ ̄ρ ̄@)

小話として、コロナ禍に置いては、「とにかく早く安く」のニーズが爆上がりしています。Ligさんでも新しくテンプレートプランを作ったほどです。

こういったブロックエディターでスピード納品するニーズもまた高いということですね。まさに今身につけて損しないスキルだなと思います。

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

デイトラ

自分で一から作ってみます。最後に答え合わせの動画があるという感じです。

簡単なLPならSnow Monkeyで組み上げることもできるのがよくわかります。

この背景のウネウネ波が一番どうするんやという感じだと思うのですが、これなんとSnow Monkeyだとエディタで秒で実装できます

凄すぎますね笑

オリジナルサイトを作ってみよう

このパートは自分でオリジナルのサイトをテーマ+ブロックエディタで作っていきます。

以下は自分が作ったオリジナルサイトになります(自分が運営しています)

https://tromboneclub.site/

新潟大学管弦楽団トロンボーンクラブ

自分で調べてSnow Monkeyでできることをググっていく過程で、やはり成長しているのを感じました。

個人的には周りの身近な人から営業をかけたりして、実際に案件として取り組めると一番いいですね。

無料動画が複数あり/

7日間で仕事を受けるためのマインドや基礎知識を学ぼう

追加コンテンツになります。

デイトラWEB制作コースのメンターであり、ご自身で営業会社も経営されているしんじさん(https://twitter.com/shinji_fourps)が、

営業する上で大切なマインドから、提案時に気をつけるべきポイント、やってしまいがちな失敗例などを解説しています。

しょーご
しょーご
所謂「営業のプロ」による講義になります。なんと全部で「180分の動画講義」になります笑

  1. 1日目:なぜ営業を学ぶのか
  2. 2日目:営業に重要な5つのマインド
  3. 3日目:営業における4つのアクション
  4. 4日目:法人営業攻略マニュアル
  5. 5日目:営業でやってはいけない注意事項15選
  6. 6日目:営業初心者からの疑問に答えるQ&A
  7. 7日目:長く活躍し続けるために大切な3つのこと

しょーご
しょーご
営業マンにそのまま渡しても立派な研修資料になるほどの濃いコンテンツでした!クリエイターは営業苦手・重きをおいてない方が多いですが、営業が最も仮説検証能力が必要とされる、高度に知的な職種と言われています。
しょーご
しょーご
最近は悪質な営業活動を行う方も多いですが、この動画群の内容を実践された方は、かえって相手に「感謝される」ぐらいの威力があると思いました。
しょーご
しょーご
特に、「営業でやってはいけない注意事項15選」なんかはかなり具体性があって、「へぇ〜」と思うはずです。
しょーご
しょーご
自分も、「あ、やべ、これできてなかったわ」とか「へぇ〜そうなのか!」という気付きが非常に多くありました(実は営業苦手)

ちなみに、最近のWeb制作の営業周りの問題に関しては私も所見を述べています。

エンドクライアントに響く提案とは?中小企業向け営業の基礎を解説【追加コンテンツ】

2021年7月の追加コンテンツです。

企業向けに営業なんてしたことがない」という方向けに

  1. エンドクライアントに向けた営業の重要性
  2. 中小企業は何を求めているのか
  3. 営業時に持っておくといい関連知識
  4. 具体的なアポイントの取り方

などが紹介されています。

エンド営業とは?

制作会社などの中間会社を挟まず、直接webサイトを欲しているクライアントに営業すること

下請けの対極な感じ。

解説は、Web営業に特化したスクール『WSSクラス』代表のそうたさん(@sota_web15)です。

そうたさんは「web制作会社を10年経営」されていた経験を持っています。

しょーご
しょーご
50分ほどの動画講義になります。

動画コンテンツは3つ。

  1. 中小企業向けのエンド営業の重要性と大切にするべきポイント【Web制作のビジネスモデルとは】
  2. エンドクライアントへのアポイントの取り方
  3. 実践!アポイント〜公開までの流れ
個人的参考になったポイント
  • 制作だけじゃない、制作後の「アップセル」「クロスセル」などから本番
  • 仕事をもらえるアカウントや某アプリでの営業(質が良い)
  • 紹介案件は最強(これ分かる)色んな業界の友人がいれば最強そう

しょーご
しょーご
前半のしんじさんの営業で「営業の基礎」を学んでもらって、そうたさんの講座で「具体的エンド営業の手法」を学んで実践していけるようにするという感じです。
しょーご
しょーご
Web制作とはサイトを作ることである」と思っている人は、この講座を見れば考え方が変わるかなと思います。それはほんの一部分ですからね。

無料動画が複数あり/

デイトラWeb制作コース公式

https://www.daily-trial.com/web_site

NoCodeでサイトを作ってみよう:STUDIO編

このパートではSTUDIOを学んでいきます。

まさひろくん

なぜWeb制作を学んでいるのにNoCodeツールなの?

と思われるかもですが、最近ではSTUDIOで制作する制作会社も出てきているぐらいなので、ツールとして学んでおくのは重要です。

しょーご

私が知る限りSTUDIO公認で学べるスクールはあまりないです。

#デイトラ からのお知らせ📮
Web制作コース実務編に『STUDIOを使ったNoCode制作』を追加しました🎉✨
先日Webデザインコースにも追加された、STUDIOさん公認のカリキュラムです!!
今後クライアントに最適な提案をするには、ノーコードツールの知識も必ずいる。この機会にぜひ学んでみてください👍

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

デイトラ STUDIO
作成するポートフォリオサイト
デイトラ STUDIO
ブログ機能の作成方法
しょーご

NoCodeツールは癖があるのと、できることできないことを把握しておくだけでも提案がかなりしやすくなるので、コーディング主体の人も学んでおくといいです!

1ランク上に行くための発展スキル:コーディング編

Git / Github / Sourcetreeを使ってバージョン管理

デイトラWeb制作コース Git

2021年12月27日に追加されたコンテンツになります。

学べる内容
  1. Soucetreeをインストールしよう
  2. Gitの概要とリポジトリ作成からコミットまで
  3. ブランチとマージ
  4. リポジトリの種類とGithubの役割
  5. Githubでリモートリポジトリを作成しよう
  6. ローカルリポジトリとリモートリポジトリをSSHキーで接続しよう
  7. プルしてみよう
  8. プルリクエストでレビュー依頼する
  9. コンフリクトを起こした場合の対応方法
  10. クローンでローカルリポジトリを作成してみる

Gitを用いた基本的な開発は充分に身につく内容かと思います。

予言:あなたは現場で必ず失敗します

Gitについてはどんなに学習していても、現場で必ずやらかします。

特にチーム開発でブランチ運用などが複雑だと途端に混乱するのは仕方のないことです(経験者談)

しかし、基礎を学んでおくことでその後のリカバリーがしやすかったり、そもそもの失敗率を減らすことができます。

提案:卒業制作をGit管理してみては?

Gitは自分で手を動かすことが一番大切です。

ちょうどWeb制作コースの卒業課題は膨大な分量があるので、私個人としては

Gitを学習→卒業制作で実践

この流れを勧めたいです。セクションを作る毎にプルリク出してマージを行う、一人Gitは私もよく行います。

しょーご

これから購入される方は、この順序を覚えてもらえたらと思います。

Gulpを使ってみよう&Pugで効率的にコーディングしよう

デイトラWeb制作コース

GulpとPugはWeb制作の実務最前線ではよく使われるものですが、かんたんにまとめてみます。

Gulp:コーディング作業の自動化

Pug:HTMLを超簡単にかける言語

Gulpは例えば以下のことが全自動で可能です。

  • Sassのコンパイル
  • CSSやJavaScriptファイルの圧縮
  • HTMLの整形
  • ブラウザのリロード
  • EJSやPugのコンパイル

特に、Web制作コースのGulpの良いなぁと思った部分を羅列します。

  • 実サイトの導入例をWeb制作コースの中級編、上級編WordPressサイトへの導入パートがある(WordPressとGulpの組み合わせは貴重)
  • そもそも動画解説がネット上にはほとんどないので、貴重

他の教材と比べて頭一つ抜けていますね。

Pugについては以下のことが可能です。

  • headerやfooterなど共有パーツに分割できる
  • ページ用のテンプレートを用意しておける
  • 変数やループの処理を使える

また省略記法で書けるので、単純にHTMLで書くより早くて楽というメリットもあります。

pug記法の例

Web制作会社でも採用しているケースは多かったりするので、基本的な使い方はぜひ抑えておきましょう。

GulpとPugはセットで

Pugはそのままではブラウザが認識できないので、HTMLにコンパイルをする必要があります。

それを通常gulp-pugで自動化するので、両者はセットなのです。

GulpもPugも「避けられない」

まさひろくん

まあ便利そうだけど、難しそうだし、自分は使わないからいいや〜

しょーご

いや、勉強はしておいたほうがいいよ、僕もそうだったんだけど、入ったプロジェクトでPugが使われていて、普通にパニクってGitの履歴をぐちゃぐちゃにした記憶があるので(泣)

\最新スキルをデイトラで学ぶ/

CSS設計を学ぶ

続いてCSS設計を学んでいきます。ここでは主に一番メジャーである「BEM」と「FLOCSS」を使えるようにしていきます。

正直現場によって採用されている設計は千差万別ですが、CSS設計の根本的な考え方である、

CSS設計4大原則
  1. 予測しやすい
  2. 再利用しやすい
  3. 保守しやすい
  4. 拡張しやすい

そして

  1. コンポーネント
  2. レイヤー

これらを体得すれば、どんな現場でもある程度対応することができ、このコースではしっかり身につけることができます。

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

一部にモザイクをかけています。
しょーご

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

デイトラのデメリット

デイトラのデメリット

ここまで「Web制作コース」のいいところを紹介してきました。

多分褒めてばっかりだったので

怪しむ人
怪しむ人
「こいつきな臭いな」

と思われたかもしれません。

疑わしいと思った方は、実際の利用者の声を#デイトラでtwitterで検索するとわかるので、検索してみるといいかなと思います。

あくまで中立的な立場で記事を書いているので、デメリットというか、注意点もいくつか上げていきます。

デメリット①自学できない人には厳しいかも?

デイトラは基本的に「自分で学習して、わからない部分はメンターに質問」なので、やらずに怒ってくれる人、尻叩き役がいません。

なので、自分で学習をする習慣を身につける必要があります。

しょーご

買って満足しちゃうタイプの人は要注意ですね!

デメリット②就職転職保証ではない

よく転職斡旋したり保証するスクールがありますが、「Web制作コース」はそういったものは一切ありません。

メンターへの質問も基本的には技術的な面になるので、転職サポートを全面的に得られるサービスではないです。

就職先の斡旋などが無い代わりに、安価な価格を実現しているみたいです。

転職支援コースと営業アドバンスコースで支援

ただ、ずっと「支援がほしい!」という声はあったようで、ついに

卒業生向けのアドバンスコースで「転職支援コース」がでました。

デイトラで学んだスキルで転職まで対策できます!

デメリット③ポートフォリオ課題が他とかぶる…かも

受講生が多いので、どうしても実際に営業する際にスクール課題として他の生徒と被ってしまうことがあります。

ただ2021年8月中に複数の卒業課題がリリースされ、自由課題も追加されているので、その点は解消されました。

デメリット④難しい・・・

「デイトラ 挫折」とか「デイトラ 後悔」という検索キーワードが上位に来ていますが、ぶっちゃけデイトラ「Web制作コース」は中々難しいと思いますね・・・

しかし、簡単なカリキュラムでは実務に太刀打ちできないので、「Web制作コース」ぐらいの難易度は現役エンジニア的にはほしいと感じます。

よって、むしろ私は難しいのはメリットだと思いますね。

しょーご

とはいえ挫折する人もいるかと思うので、具体的な乗り越え方は以下の記事でアドバイスしています👇

(私はデイトラ全コース完走している現役エンジニアなので笑)

無料動画が複数あり/

稼げてるデイトラ卒業生はいるの?

ゆうすけくん
ゆうすけくん
まあ色んなメリット・デメリットあるのはわかったんですけど…
ありさちゃん
ありさちゃん
実際に稼げてる卒業生っているんですか?

そんなあなたに向けて、めちゃくちゃ稼げてる卒業生にインタビューをしてきました!

デイトラ受講開始から一年で月160万を受注したりょーさんに徹底インタビューしています!

しょーご

詳しくは以下の記事にて!!

web制作独学は挫折率が高い話

デイトラで結果を出して欲しい

ここまで「Web制作コース」がweb制作学習にオススメである所以をお話ししてきたんですが、ここからちょっとデイトラからずれて、

僕が個人的にweb制作学習で大切だと思っていることについてお話しさせていただきます。

「web制作フリーランスとして初案件を獲得するまでにやったこと」という記事でも述べているんですが、

残酷な事実として、「Web制作は9割の人が挫折する」ということがあります。特に独学の場合ですね。

駆け出しの方
駆け出しの方
「web制作の学習を始めました!」

っていう声はTwitter上でもたくさん見かけると思うんですが、

仕事を受注して継続してお仕事できている人は本当に一握りです。

ここでお聞きしたいんですが、

みなさん、何のためにweb制作を学習されてますか?

おそらく大半の方は、「仕事にしたい」か「自分の会社のビジネスで活用したい」だと思います。

だとすると、

「学習フェーズ」と「実務フェーズ」という「2つの大きな壁」を超えないといけないんです。

そして、「実務フェーズ」の方が難易度は高くなります。

学習と違って実務は与えられるものでなく、自分で掴みにいくものだからですね。当然営業とかしないといけません。

なのでこの「学習フェーズ」を早めに終わらせて、さっと「実務フェーズ」に入ることが大切になります。

私が紹介したデイトラは

学習フェーズ」を「最も効率よく乗り越える手段

として紹介しました。

別にここの「学習フェーズ」を独力で終わらせられる人であれば、スクールや有料サービスを使う必要はないと思います。

でも現実は孤独な戦いが待っています。

私が今発信をしているのは最初にも述べたとおり、「過去の駆け出し期の自分を救うため」です。

駆け出し期がどれだけ「先が見えず不安になるか」私はよくわかります。

初学者の方にちゃんとおすすめできるようなコンテンツかどうか、このレビューを行う前に私はめちゃくちゃ内容を精査しましたし、

実務経験者の視点から、フラットに見れたと思います。

何が何でも私は絶対にweb制作を仕事にする

そんな強い気持ちを持った人は、ぜひ今回紹介した「Web制作コース」を活用して、結果を出して欲しいなと思います。

しょーご

この記事がきっかけで人生が変わったときは、是非ご連絡いただけると、嬉しく思います!

\まずは無料体験からどうぞ!/

デイトラ専用コミュニティで制作チームも組める!

専用のコミュニティのサポートもあり!

デイトラコミュニティ

デイトラでは各コースとは別に、別途有償にはなりますが「デイトラコミュニティ」というサポートを行っています。

デイトラコミュニティは、デイトラ生専用の会員制コミュニティです。

デイトラコミュニティの特典
  1. 業界トップランナーによるオンラインセミナー受け放題
  2. 案件獲得した卒業生から「案件獲得した方法」を聞ける
  3. 自分にないスキルを持ったチームメイトとタッグを組める
  4. 1人の学習を楽しくする「オンライン自習室」
  5. 月末はみんなで楽しもう!「オンライン打ち上げ」
  6. デイトラ運営陣による質問会や限定配信
  7. リアルで友達づくり!オフラインイベント!

などなど、盛りだくさんとなっており、コミュニティ生で制作チームを作って案件を回している例も多いです。

今月から #デイトラ コミュニティ限定で『メンターさんにZoom質問できる』制度がはじまりました🎉  チャットでは説明しづらい質問や、学習後のお悩み相談など、普通にMENTAなどで頼んだら1時間5000円以上してもおかしくない面々に直接質問できます✨  参加はSlack『運営からのお知らせ』からどうぞ

\デイトラコミュニティの詳細はこちらから/

デイトラ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)にリプを貰えれば、感謝&激励をさせていただきます!

\まずは無料体験からどうぞ!/

しょーご
しょーご
Twitterで記事をシェアいただけますと、こちらで毎日エゴサしているので、感想などいただければ嬉しく思います(>ω<)

デイトラ申し込みから始め方までの流れ

デイトラの始め方

手順1:デイトラ公式サイトにアクセスする

まずはデイトラで申しこみを行います。

デイトラ 無料体験方法

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

デイトラ申し込み ログイン

手順3:コース選択をする

その後、受講したいコースを選択します。

デイトラ 始め方

手順4:支払い方法を選択する

その後「クレカ支払い」か「銀行振込払い」か選択します。

しょーご

銀行振込まで対応しているオンラインスクールはほとんどないので、助かりますね!

デイトラ 始め方

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

デイトラ申し込み ログイン

支払い後は「申し込み完了メール」が来るので、Slackに参加できるのと、講座も受講できるようになります。

Web制作コースの概要
  • 制作会社と仕事ができるレベルまでカバー
  • 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実案件レベルまでのコーディング演習課題を「専用ページ」にて公開しています。

デザインカンプからのコーディング練習課題【オリジナルポートフォリオを準備できるようになりました】
  1. Figma,Photoshopデザインからのコーディング
  2. サーバーアップロードでサイト公開
  3. プロによる最大3回の表示確認特典
  4. レビュー返しは爆速
  5. 2024年にデザイン刷新!被らないポートフォリオ

初級編」は初めてデザインからコーディングする方向け
中級編」はJavaScriptやjQueryの練習
上級編」はWordPressの実案件を模擬体験できるレベル感にしています。

中級者の方には高難易度課題を詰め合わせた「即戦力セット」も出しています。

全課題で「実務レベルの、プロの厳しいレビュー」を受けられるようにしています。

また、2024年には随時デザインの刷新をしており、完全リニューアル!!

他者と差をつけられるポートフォリオが準備できます!

コーディング課題 中級 中級Ex
しょーご

制作会社も使用する専用レビューツールで分かりやすく添削していきます!

基本的に「まとめて購入」していただくとかなりお得になります↓

コーディング課題
まとめて購入

全部盛りこちらから
中級以上こちらから
即戦力編こちらから

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

しょーごログ-コーディング課題のレビュー
レビューの様子

\課題の購入はこちらから/

応援して頂ける方へ

ご寄付を頂けると今後の更新の励みになります!

🍺 ビールをプレゼントする

あなたに是非読んでほしい記事です!
});