プログラミングスクールに通いたいけど「具体的にどのような生活をするのかイメージがつかない」と感じることはありませんか？
スクールの公式サイトやランディングページのみで入学後どのように学習が進むのか、受講後どのように成長できるのかイメージすることはとても難しいと思います。
この記事ではZeroPlus Gateを受講したときのライフログを紹介します。読み終えた後にはZeroPlus Gateを受講する際のイメージを鮮明にできますので、ぜひ最後まで目を通してみてくださいね！
この記事の監修：
中野 玄稀（なかの げんき）
- ZeroPlus Gateメンター
フリーランスWebディレクターを2年、Web系企業の代表を3年経験したのちに、株式会社TOMAPに学習メンターとして参画。豊富な経験から得た知見とWeb業界の明暗を余すことなく伝える正直な面談と、手厚い学習サポートが受講者に好評。
ZeroPlus Gateで学べるのはWeb制作のスキルです。Web制作を学ぶ上でどのような技術が必要になるか知りたい方は、こちらの記事に目を通しておくのがおすすめです。
こちらの記事をあわせてお読みいただくことで、独立したWeb制作者になるために必要な技術を知ることができます。
無料で30日間、Web制作が学べる『ZeroPlus Gate』
プログラミングに関する質問をエンジニアへ、し放題のサービス！
- 正しいコードの書き方が身につく
- 50本以上の動画教材でサイト制作を学べる
- 30日間に4回の学習サポート面談がある
- わからないことはSlackでエンジニアに質問し放題
目次
ZeroPlus Gateの学習スケジュール
ZeroPlus Gateは30日間でWebサイトが作れるようになる、完全無料のプログラミングスクールです。50種類の動画教材を利用して自分のペースでプログラミングを学ぶことができます。
受講後にはWeb制作の全体像を理解したうえで、デザインデータからWebサイトをコーディングすることができるようになります。コーディングとはHTMLやCSSといった言語を記述して、ブラウザ上にWebサイトを構築する技術のことです。
動画教材以外に、ZeroPlus Gateで受けられるサポートには以下の2つがあります。
- 回数無制限の質問サービス
- 週一度の専属メンターとの面談
質問サービスでは、学習中に出てきた疑問を現役エンジニアに、都度質問できます。質問回数は無制限です。さらにキャリアについての悩みを相談できる専属メンターと一緒にロードマップを作ることもできます。そのため将来の姿を具体的にイメージできるようになっています。
それではZeroPlus Gateを受講した際の学習スケジュールを、1週間ごとに見ていきましょう！
ZeroPlus Gate1週間目 - コーディングの準備
ZeroPlus Gateを受講開始したかけだしさん。新しい一歩を踏み出し、気合いはバッチリです！
1週間目はコーディングの学習準備と、WordPressについて学びます。
コーディング学習準備
コーディングを始めるための準備として、3つのツールの使用方法を学びます。
- Google Chrome：Webブラウザ。実際にコーディングしたサイトを表示させるために使用する。
- Visual Studio Code：エディター。ソースコードを書く際に使用する。
- Adobe XD：デザインツール。Webサイトのデザインを作成するために使用する。
Adobe XDで作成したデザインをもとにして、Visual Studio Codeを使ってコードを書いていきます。コードが書けたらGoogle ChromeへWebサイトを表示させ、もとのデザインと違いはないか確認します。
この工程を繰り返しながら、Webサイトを作り上げていくのがコーディングの流れです。
WordPress編
WordPress編ではWordPressの導入とテーマのカスタマイズについて学びます。
WordPressとは少ないコードでWebサイトを作成できるツールのことです。WordPressを使用することで、特別な知識がない人でも簡単に更新できるブログのようなWebサイトが作れます。たとえば将来、お客様から「ブログ機能を持つWebサイトを作りたい」という要望があった場合に使用するのがWordPressです。
動画教材を見ながら、下のようなWordPressで作成されたサイトを実際にWeb上へ公開します。
Webサイトをサーバーにアップするためには、以下の4つの手順が必要です。
- レンタルサーバーの契約
- サーバーにWordPressのインストール
- FTPソフトを使ってWeb上に公開
- サイトを修正して更新
用語解説：サーバー
テキストや画像などWebサイトの情報が保存されているコンピューターのこと。Webサイトを閲覧したいユーザーのリクエストに応じて情報を提供する役割を持つ。
用語解説：レンタルサーバー
Webサイトを公開したいユーザーへ、サーバーを貸し出すサービス。
用語解説：FTPソフト
自分のパソコン（クライアント）とサーバーの間で、データをやり取りする際に用いるソフトウェア。
初回学習面談
ZeroPlus Gateでは週に一度、専属のメンターと学習進捗の共有やキャリア相談などを行っています。
初回面談の内容は以下のとおりです。
- 自己紹介
- 学習進捗の確認
- 次週の目標設定
自己紹介のあと、翌週の学習計画を一緒に立てます。かけだしさんの翌週の目標は「HTML/CSSの入門編・初級編」の教材を完了させることに決まりました。
ZeroPlus Gate2週間目 - HTML/CSS入門
受講2週間目から、いよいよ実際にHTMLとCSSのソースコードを書いていきます。
ここでHTMLとCSSについて簡単に解説します。
- HTML：テキストや画像などWebサイトの構造を作成するための言語
- CSS：HTMLで作成した要素のスタイルを変更するために用いる言語
これらの言語は厳密にいうとプログラミング言語ではありません。正確にはHTMLは「マークアップ言語」、CSSは「スタイルシート言語」と呼びます。
HTML/CSS入門編
HTML/CSS入門編ではデザインデータをもとに、コードを書いて簡単なプロフィールページを作成します。
- デザインデータをもとにしたコーディング方法
- ショートカットキーやEmmet（省略記法）を使った効率的なコーディング
- HTMLでよく使われるタグ
- HTMLに対してCSSを指定する方法
- CSSでよく使われるプロパティ
配布教材は下のようなプロフィールサイトです。
デザインと作成するWebサイトの見た目が一致するように、動画を見ながらコーディングを進めます。
入門編ではHTMLでテキストや画像などの要素を作成し、CSSでスタイルを変更するといった「コーディングの基礎」を身につけていきます。自分のコードがブラウザ上のサイトへ反映されていく感覚をぜひ味わってみてください。
HTML/CSS初級編
HTML/CSS初級編でも引き続き、Webサイトをコーディングします。
- 「CSSセレクタ」の概念
- CSSモジュール「flexbox」の使いかた
- 擬似クラス
- HTMLにおける表の作りかた
初級編では、下のように入門編よりもレベルアップしたWebサイトをコーディングします。
入門編のサイトは画像やテキストが全て縦に並んでいました。一方で初級編で制作するサイトは、写真とテキストが横並びに配置されており、少し難易度が高くなっています。
横並びのレイアウトが作れる「flexbox」や、要素にマウスカーソルを乗せたときのように特定の状態に限ってスタイルを適用させる「擬似クラス」などの技術を使って、横並びのデザインをコーディングしていきましょう。これらはWebサイトを制作するうえで欠かせない技術です。
2回目学習面談
かけだしさんの2回目の面談では、プログラミングをどのように活かしていくのか、将来のキャリアについてカウンセリングが始まりました。
2回目の面談では、以下のような内容について話していくことが多いです。
- キャリアの相談・将来設計
- 学習進捗の確認
ZeroPlus Gate3週間目 - HTML/CSS中級
3週目はHTML/CSS中級編の教材に取り組み、コーディングスキルをより高めていきます。
HTML/CSS中級編
HTML/CSS中級編ではZeroPlus Gateのカリキュラムの中で最も難易度の高い、本格的なWebサイトのコーディングを行います。
- 擬似要素
- positionプロパティ
- transformプロパティ
- 複数ページのあるWebサイトをコーディングする方法
中級編では下のように4ページのWebサイトを作成します。
中級編で学ぶのは要素の位置を指定する「positionプロパティ」や、装飾をつける際に使用する「擬似要素」などの技術です。要素の位置を自分で調整しながら、より複雑なレイアウトのサイトを作っていきます。
3回目学習面談
- 学習進捗の確認
- キャリアを達成するための具体的な手段について
3回目の面談では現状の不安要素を確認し、解決方法を一緒に考えていきます。かけだしさんも、面談を通して今後の目標がより明確になってきたようです。
ZeroPlus Gate4週間目 - JavaScript基礎
最終週はプログラミング言語「JavaScript」について学びます。
JavaScript編
ZeroPlus GateではJavaScriptの基礎を学習します。
- HTMLファイルへJavaScriptファイルを読み込む方法
- 文字列や数値、四則演算
- 変数や定数
- if文の実行
JavaScript編ではコンソール機能を使用し、変数やif文などJavaScriptの基礎を学んでいきます。コンソールとはエディターに入力した値をブラウザ側に出力して結果を確認できる、ブラウザの便利な機能です。
JavaScriptを使いこなせれば、Webサイトに動きや変化をつけることもできます。
4回目学習面談
- ZeroPlus Gateを受講してみての振り返り
- これからの展望
メンターと共に30日間を振り返っていきます。全体を通して、疑問や不安があれば相談して解消していきましょう。またZeroPlus Gateでの学びを今後どう活かしていくか言語化して、進むべき道を明確にするお手伝いもします。
まとめ
この記事では「ZeroPlus Gate」の受講を検討中の方に向けて、入学後のロードマップを紹介しました。
ZeroPlus Gateは30日間無料でWebサイトをコーディングする技術を学べます。また専属のメンターとの面談を通して、今後のキャリアについて具体的にビジョンを持つこともできます。
ZeroPlus Gateへ参加して、新たな挑戦の第一歩を踏み出しましょう！
プログラミング学習でこのような経験はありませんか？
- 目標に向けて何を学べば良いかわからない
- 調べても解決策が見つからない
- 現場レベルのスキルが身につくのか不安
これらの悩みは、学習環境を整えることで全て解決することができます。
ZeroPlus Gateでは、30日間無料で最適な学習環境を提供しています。
- なんでも相談できる専属メンター
- いつでも技術相談ができるプロ講師
- 元IT企業CTO監修のカリキュラム
条件なしでこのレベルの環境を無料で提供しているのはZeroPlus Gateだけです。
ただし、無料サービスの提供には参加者の数に制限があります。
少しでも興味がある方は、以下のリンクからサービスの詳細をご覧ください。
