（連載）いざプログラミングスクールに入会、HTML／CSSは身についた？DMM WEBCAMP SKILLS受講レポート

学習目標時間を設定し、学習スタート！

前回の記事で、プログラミングスクールDMM WEBCAMP SKILLSへの入会を決めたライター。さっそく専用フォームから必要事項を入力し、申し込みます。

DMM WEBCAMPは受講開始日が毎週月曜と決められており（今後変更になるかも）、私は6月7日開始を選択。受講期間スタートが楽しみです！

そして、なんやかんやと忙しく過ごしているうちに、ついに受講開始日がやって来ました。ダッシュボードにログインし、曜日ごとの学習目標時間を設定します。

私の場合、平日は仕事や学業があるので1時間程度が現実的。一方で土日は比較的時間が取れるかな？と考え、5時間ずつにしました。

これで必要な準備は完了。いよいよ学習を進めていきます。

「コンピュータの仕組み」からのんびり学べる

DMM WEBCAMPの学習は、テキストを読み進めながら手を動かす形で進んでいきます。

プログラミングスクールの学習スタイルはいろいろあり、対面授業を受けられるところもあれば、動画教材やライブ配信で学ぶスクールも。でも、私にはこのテキスト型が一番しっくりきました。なお、カリキュラムの冒頭には、「コンピュータについて学ぼう」という、基礎知識パートが設けられています。

「そもそも、コンピュータって何？」レベルからスタートしてくれるので、まったくの初心者さんや、「パソコンはどうにも苦手だけど、やらざるを得ない！」という方にも優しい仕様だなと思いました。

それぞれの章末には小テストと、理解度のチェックボックスが設けられています。

テキスト形式は、スムーズに進められる一方で、「はいはい、なるほどね〜」と流し読みしてしまうリスクもあります。こうした仕掛けがあることで、「おっとっと、理解できていなかった」と立ち止まることができ、独学よりも注意深く学習できるなと感じました。

いざHTML／CSSでのWebサイト制作に挑戦、メリットとデメリットは？

DMM WEBCAMPでの学習フローに慣れたところで、いよいよWebサイト制作に入っていきます。

DMM WEBCAMP SKILLSのカリキュラム前半（HTML／CSS）はこのような流れになっています。

Webの仕組みを学ぼう

• ブラウザとWebサイト
• Webが表示されるまでの流れ
• プロトコル

HTML・CSSを学ぼう

• 学習の準備をしよう
• HTML・CSSの概要を理解しよう
• HTML・CSSの基本書式を学ぼう
• Webページの構造を理解しよう
• Webページの枠組みを作ろう
• ヘッダーとフッターを作ろう
• メインビジュアルを作ろう
• メイン部分を作ろう

一般に「Webサイトを作る」というと、サーバーやドメインを契約してWrodPressを導入し、テーマを適用して……みたいな流れをイメージする人も多いと思うのですが、DMM WEBCAMP SKILLSの学習内容は、イチからWebサイトを構築するような内容になっている様子。

これにはメリット／デメリットの双方があると思っていて、

メリット

• 「そもそも、Webサイトってどうやって動いているんだ？」という根っこの部分がわかる
• ゆくゆくはWebデザインを学びたい人が、基礎的なスキルを身につけるのに役立つ

デメリット

• 「明日、すぐにサイトが欲しい！」みたいなニーズには遠いかも
  （ただし、無料の追加Tipsで便利なWebサイト制作ツール等の紹介もあったので、まったくカバーできないわけではありません）

この感覚を文章にたとえると……

「いずれはいい論文を書きたいな」という時間軸であれば、言葉の使い方や論理構成といった、ごく基本のところから学んでおいたほうが結果的に近道です。

一方で、「一週間後までに論文を出さなきゃ！」みたいな状況であれば、「とにかく使えるテンプレートをちょうだい！」という気持ちになると思うんですよね。

私の場合は前者（ゆっくりでもいいから、基礎的なところを理解しておきたい）だったので満足できましたが、「1ヶ月後までにサイトが必要！」みたいな状況の方にはちょっと合わないかもしれないなと感じました。

一歩ずつ進むから戸惑いが少ない

さて、本題に戻り、学習の様子をレポートしていきましょう。

DMM WEBCAMPでのコーディングにはVisual Studio Code（略してVSCode）を使います。「ぐええ、英語やん」と思いつつインストールし、もろもろの設定を完了。

面白いなと思ったのが、「自動保存」を有効にするなど、学習のモチベーションを下げない工夫を教えてくれること。設定ができたら、いよいよHTML／CSSを実際に書いていきます。

学習を進めると、最終的にはこういうサイトができるのだとか。

本当に私にできるの？と不安でしたが、各ステップの説明がかなり丁寧で、無理なく進んでいくため、サクサクと学習を進めることができました。

HTMLの構造を理解したら、次は見た目（CSS）もデザインしていきます。

DMM WEBCAMPではもちろん、各コードを自分で書く必要がありますし、ときには……そうなんです。学習の各所で、受講生がサボらないように気合の一言！

小さな工夫ではありますが、あるのとないのとでは気持ちの持ちようがずいぶん違うので、ありがたいことだなあと思いました。（こっそりコピペしていたので……！）

と、このあたりで、モチベ維持の面談が

そんなこんなで学習を進めていると、入学後の初回面談の日がやってきました。

なんでも、受講生の心が折れないよう、メンタリング目的の面談を定期的に実施してくださるのだとか。所定の方法で予約を取り、オンラインで対応してもらいました。と、おおよそこのような流れで面談は終了。まるで漫画に出てくる長老のごとく、「お前はこの先、さらなる強大な敵に出会うだろう」と予告されたのが意外でしたが……なお、質問対応についても、だいたい同じ流れで申し込み、オンラインで答えていただく形式でした。

ただ、私個人に関して言えば、HTML／CSSに関してはサクサク進められたのと、家族にエンジニアがいたため、質問利用は1回のみ（非常にスムーズに対応していただけました）。

そしてラスボス、課題提出にチャレンジ！

ライフコーチさんに励まされた結果、なんとか学習もひと段落。ついに「課題提出」のときがやってきました。

課題は、見本のサイトに指定のブロック（内容）を付け加えるもので、これまでの学習内容の総決算。

分かっていたようで分かっていなかったさまざまな概念が、群れをなして襲いかかってきます。

こうしてセリフにするとスムーズに試行錯誤している印象ですが、実際のところは「キェ〜ッ」とか言いながら悪戦苦闘。既習範囲をぐるぐる回っても解決せず……家族にたしなめられつつ、順番に問題を解決する私。っていうか、やっぱり本職のエンジニアは違うんだなと……。「問題を1つずつ解決する」流れに慣れているんだなと思い知らされます。（私は家族に頼りましたが、これと同じような流れでメンターに見てもらえば、課題を解決していけると思います。）

ピィピィ言いながら3時間ほど格闘し……無事に課題を提出完了！

提出した課題には、翌日、メンターさんよりフィードバックのコメントが。こうして、無事にHTML／CSS編を終わらせることができました。

次回で完結！Rubyでプログラミング基礎にチャレンジ

そんなこんなでカリキュラム前半を終えたライター。今回の課題のファイルを使えば、今すぐにでも簡単なポートフォリオサイトが今すぐ作れてしまうわけで、「よしよし」という感じ。

何より、根気強く取り組んだことで、コンピュータが「わけのわからんもの」から「頑張れば意図通りの動きをしてくれるもの」に変わったのが大きな収穫だと感じました。

というわけで、次回は連載の完結編。Rubyを使ったプログラミング基礎に挑みます。

記念すべき1回目記事と、完結編はこちらからどうぞ！

ゼロからプログラミングを学べる！DMM WEBCAMP SKILLSへの申し込みはこちら