ZeroPlus Gateについて

\ シェア /

FacBook
Twitter
LINE
はてブ
PPocket
ZeroPlus Media > キャリア > プログラミング学習 > メンターと一緒に走る30日間。ZeroPlus Gateではこんなことやります

メンターと一緒に走る30日間。ZeroPlus Gateではこんなことやります

キャリア

2022/06/15

2024/01/11

メンターと一緒に走る30日間。ZeroPlus Gateではこんなことやります記事サムネイル

プログラミングスクールに通いたいけど「具体的にどのような生活をするのかイメージがつかない」と感じることはありませんか?

スクールの公式サイトやランディングページのみで入学後どのように学習が進むのか、受講後どのように成長できるのかイメージすることはとても難しいと思います。

この記事ではZeroPlus Gateを受講したときのライフログを紹介します。読み終えた後にはZeroPlus Gateを受講する際のイメージを鮮明にできますので、ぜひ最後まで目を通してみてくださいね!

この記事の執筆者・監修者の経歴
  • 現役フリーランスエンジニア
  • フリーランス特化型プログラミングスクールの講師
  • 累計2000人以上を輩出したプログラミングスクールの運営者

    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を受講開始したかけだしさん。新しい一歩を踏み出し、気合いはバッチリです!

    かけだしさん
    かけだしさん
    やってみたかったプログラミング!30日間がんばるぞ!

    1週間目はコーディングの学習準備と、WordPressについて学びます。

     

    コーディング学習準備

    コーディングを始めるための準備として、3つのツールの使用方法を学びます。

    1. Google Chrome:Webブラウザ。実際にコーディングしたサイトを表示させるために使用する。
    2. Visual Studio Code:エディター。ソースコードを書く際に使用する。
    3. Adobe XD:デザインツール。Webサイトのデザインを作成するために使用する。

    Adobe XDで作成したデザインをもとにして、Visual Studio Codeを使ってコードを書いていきます。コードが書けたらGoogle ChromeへWebサイトを表示させ、もとのデザインと違いはないか確認します。

    この工程を繰り返しながら、Webサイトを作り上げていくのがコーディングの流れです。

    かけだしさん
    かけだしさん
    実際にエディターを操作しているとエンジニアになったみたい。

    コーディングの準備ができましたね。30日間一緒に頑張っていきましょう!
    ZeroPlus塾長
    ZeroPlus塾長

     

    WordPress編

    WordPress編ではWordPressの導入とテーマのカスタマイズについて学びます。

    WordPressとは少ないコードでWebサイトを作成できるツールのことです。WordPressを使用することで、特別な知識がない人でも簡単に更新できるブログのようなWebサイトが作れます。たとえば将来、お客様から「ブログ機能を持つWebサイトを作りたい」という要望があった場合に使用するのがWordPressです。

    動画教材を見ながら、下のようなWordPressで作成されたサイトを実際にWeb上へ公開します。

    Webサイトをサーバーにアップするためには、以下の4つの手順が必要です。

    1. レンタルサーバーの契約
    2. サーバーにWordPressのインストール
    3. FTPソフトを使ってWeb上に公開
    4. サイトを修正して更新

     

    用語解説:サーバー

    テキストや画像などWebサイトの情報が保存されているコンピューターのこと。Webサイトを閲覧したいユーザーのリクエストに応じて情報を提供する役割を持つ。

     

    用語解説:レンタルサーバー

    Webサイトを公開したいユーザーへ、サーバーを貸し出すサービス。

     

    用語解説:FTPソフト

    自分のパソコン(クライアント)とサーバーの間で、データをやり取りする際に用いるソフトウェア。

     

    かけだしさん
    かけだしさん
    これってプログラミングじゃないような?何をやっているのかまだつかめないな……
    WordPress編の内容はプログラミングと異なりますが、Web制作エンジニアを目指す上で押さえておくべき内容です。たとえば自分で作成したWebサイトを公開する際には、この知識とスキルが必要になります。
    ZeroPlus塾長
    ZeroPlus塾長

     

    初回学習面談

    ZeroPlus Gateでは週に一度、専属のメンターと学習進捗の共有やキャリア相談などを行っています。

    初回面談の内容は以下のとおりです。

    • 自己紹介
    • 学習進捗の確認
    • 次週の目標設定

    自己紹介のあと、翌週の学習計画を一緒に立てます。かけだしさんの翌週の目標は「HTML/CSSの入門編・初級編」の教材を完了させることに決まりました。

    かけだしさん
    かけだしさん
    メンターさんが気さくな感じで話しやすかった!立てた目標を達成できるようにがんばろう!
    初回面談では相談しやすい環境を作るために、生徒様とメンターが関係値を築くことを何より大切にしています。
    ZeroPlus塾長
    ZeroPlus塾長

    1週間目モチベーショングラフ

    Web業界で働くために必須!?「IT技術の基礎」が身につく

    ZeroPlus Gateの詳しいサービス内容を見る

    費用が一切かからないサービスです!

     

    ZeroPlus Gate2週間目 - HTML/CSS入門

    受講2週間目から、いよいよ実際にHTMLとCSSのソースコードを書いていきます。

    ここでHTMLとCSSについて簡単に解説します。

    • HTML:テキストや画像などWebサイトの構造を作成するための言語
    • CSS:HTMLで作成した要素のスタイルを変更するために用いる言語

    これらの言語は厳密にいうとプログラミング言語ではありません。正確にはHTMLは「マークアップ言語」、CSSは「スタイルシート言語」と呼びます。

     

    HTML/CSS入門編

    HTML/CSS入門編ではデザインデータをもとに、コードを書いて簡単なプロフィールページを作成します。

    HTML/CSS入門編で学べる内容
    • デザインデータをもとにしたコーディング方法
    • ショートカットキーやEmmet(省略記法)を使った効率的なコーディング
    • HTMLでよく使われるタグ
    • HTMLに対してCSSを指定する方法
    • CSSでよく使われるプロパティ

    配布教材は下のようなプロフィールサイトです。

    デザインと作成するWebサイトの見た目が一致するように、動画を見ながらコーディングを進めます。

    入門編ではHTMLでテキストや画像などの要素を作成し、CSSでスタイルを変更するといった「コーディングの基礎」を身につけていきます。自分のコードがブラウザ上のサイトへ反映されていく感覚をぜひ味わってみてください。

    かけだしさん
    かけだしさん
    自分のコードがWebサイトに反映されてうれしい!……けど覚えることが多くて大変。。
    HTMLのタグやCSSのプロパティなど、たくさんの要素が出てくるので全て覚えられるか不安な気持ちになりますよね。ですが、プログラミング学習で暗記は必要ありません!わからないことはその都度調べて解決すればOKです。
    ZeroPlus塾長
    ZeroPlus塾長

     

    HTML/CSS初級編

    HTML/CSS初級編でも引き続き、Webサイトをコーディングします。

    初級編で学べる内容
    • 「CSSセレクタ」の概念
    • CSSモジュール「flexbox」の使いかた
    • 擬似クラス
    • HTMLにおける表の作りかた

    初級編では、下のように入門編よりもレベルアップしたWebサイトをコーディングします。

    入門編のサイトは画像やテキストが全て縦に並んでいました。一方で初級編で制作するサイトは、写真とテキストが横並びに配置されており、少し難易度が高くなっています。

    横並びのレイアウトが作れる「flexbox」や、要素にマウスカーソルを乗せたときのように特定の状態に限ってスタイルを適用させる「擬似クラス」などの技術を使って、横並びのデザインをコーディングしていきましょう。これらはWebサイトを制作するうえで欠かせない技術です。

     

    かけだしさん
    かけだしさん
    Webサイトの作り方が理解できてきた!けど、flexboxが少し難しい...。
    初級編では使用頻度の高いflexboxを学びます。flexboxは難しい内容を含みますが、理解すると作成できるレイアウトの幅が大きく広がりますよ。
    ZeroPlus塾長
    ZeroPlus塾長

     

    2回目学習面談

    かけだしさんの2回目の面談では、プログラミングをどのように活かしていくのか、将来のキャリアについてカウンセリングが始まりました

    2回目の面談では、以下のような内容について話していくことが多いです。

    • キャリアの相談・将来設計
    • 学習進捗の確認
    かけだしさん
    かけだしさん
    親身になって将来の相談に乗ってもらったので、自分は何がやりたいのか考えるいい機会になったな。
    メンター陣は、就活や転職などそれぞれに得意分野があります。あなたの属性に合ったメンターが面談を担当させていただきますので、ぜひキャリアのお悩みをご相談ください。
    ZeroPlus塾長
    ZeroPlus塾長

    ZeroPlusgate50教材の動画

    2週間目モチベーショングラフ

    いつでもどこでも学べる、50種類の動画教材

    ZeroPlus Gateの詳しいサービス内容を見る

    あなたのペースで学習できます

     

    ZeroPlus Gate3週間目 - HTML/CSS中級

    3週目はHTML/CSS中級編の教材に取り組み、コーディングスキルをより高めていきます。

     

    HTML/CSS中級編

    HTML/CSS中級編ではZeroPlus Gateのカリキュラムの中で最も難易度の高い、本格的なWebサイトのコーディングを行います。

    中級編で学べる内容
    • 擬似要素
    • positionプロパティ
    • transformプロパティ
    • 複数ページのあるWebサイトをコーディングする方法

    中級編では下のように4ページのWebサイトを作成します。

     

    tyukyu

    中級編で学ぶのは要素の位置を指定する「positionプロパティ」や、装飾をつける際に使用する「擬似要素」などの技術です。要素の位置を自分で調整しながら、より複雑なレイアウトのサイトを作っていきます。

    かけだしさん
    かけだしさん
    ん〜…positionがうまくきかない。質問してみようかな?
    中級編に取り組むと、理解が難しい部分がたくさん出てきます。受講期間中はSlackを使って無制限で質問ができます。どんどん活用してください!
    ZeroPlus塾長
    ZeroPlus塾長

     

    3回目学習面談

    • 学習進捗の確認
    • キャリアを達成するための具体的な手段について

    3回目の面談では現状の不安要素を確認し、解決方法を一緒に考えていきます。かけだしさんも、面談を通して今後の目標がより明確になってきたようです。

    かけだしさん
    かけだしさん
    Webサイト制作を学んで副業を始めたい。収入源を増やして安定した生活を送りたい!
    面談を通して自分の思い描く姿が明確になってきましたね。カリキュラム修了まであと一息です。がんばりましょう!
    ZeroPlus塾長
    ZeroPlus塾長

    3週間目モチベーショングラフ

     

    現役のエンジニアに質問し放題

    ZeroPlus Gateの内容を見る

    あなたのお部屋に無料でプロに相談し放題の環境を

     

     

    ZeroPlus Gate4週間目 - JavaScript基礎

    最終週はプログラミング言語「JavaScript」について学びます。

     

    JavaScript編

    ZeroPlus GateではJavaScriptの基礎を学習します。

    JavaScript編で学べる内容
    • HTMLファイルへJavaScriptファイルを読み込む方法
    • 文字列や数値、四則演算
    • 変数や定数
    • if文の実行

    JavaScript編ではコンソール機能を使用し、変数やif文などJavaScriptの基礎を学んでいきます。コンソールとはエディターに入力した値をブラウザ側に出力して結果を確認できる、ブラウザの便利な機能です。

    JavaScriptを使いこなせれば、Webサイトに動きや変化をつけることもできます。

    かけだしさん
    かけだしさん
    JavaScriptを初めて触ってみた!やっぱり難しいな。もっと勉強して、かっこいいWebサイトを作れるようになりたい!
    ZeroPlus Gateのカリキュラムでは、JavaScriptの学習は基礎的な部分のみに留まります。しかし、ここで扱う内容はJavaScriptやほかのプログラミング言語を扱ううえで、欠かすことのできないものです。JavaScript編の内容をマスターして、今後の学習にも活かしてみてください!
    ZeroPlus塾長
    ZeroPlus塾長

     

    4回目学習面談

    • ZeroPlus Gateを受講してみての振り返り
    • これからの展望

    メンターと共に30日間を振り返っていきます。全体を通して、疑問や不安があれば相談して解消していきましょう。またZeroPlus Gateでの学びを今後どう活かしていくか言語化して、進むべき道を明確にするお手伝いもします。

    かけだしさん
    かけだしさん
    充実した30日間になりました!最初は右も左もわからなかったのが、自分ひとりでWebサイトを作れるようになるまで成長できたのが感慨深いです。ZeroPlus Gateで学んだことを活かして今後も頑張ります!
    ZeroPlus Gateの修了おめでとうございます!学んだことをベースにして、技術をさらに磨いていってくださいね。
    ZeroPlus塾長
    ZeroPlus塾長

    4週間目モチベーショングラフ

    あなただけの成功ロードマップを専属メンターと作ろう!

    ZeroPlus Gateのサービス内容を見る

    もうプログラミング学習であなたを迷わせません!

     

    まとめ

    この記事では「ZeroPlus Gate」の受講を検討中の方に向けて、入学後のロードマップを紹介しました。

    ZeroPlus Gateは30日間無料でWebサイトをコーディングする技術を学べます。また専属のメンターとの面談を通して、今後のキャリアについて具体的にビジョンを持つこともできます。

    ZeroPlus Gateへ参加して、新たな挑戦の第一歩を踏み出しましょう!

    ZeroPlus Gateについて

    プログラミング学習でこのような経験はありませんか?

    1. 目標に向けて何を学べば良いかわからない
    2. 調べても解決策が見つからない
    3. 現場レベルのスキルが身につくのか不安

    これらの悩みは、学習環境を整えることで全て解決することができます。

    ZeroPlus Gateでは、30日間無料で最適な学習環境を提供しています。

    1. なんでも相談できる専属メンター
    2. いつでも技術相談ができるプロ講師
    3. 元IT企業CTO監修のカリキュラム

    条件なしでこのレベルの環境を無料で提供しているのはZeroPlus Gateだけです。
    ただし、無料サービスの提供には参加者の数に制限があります。

    少しでも興味がある方は、以下のリンクからサービスの詳細をご覧ください。

    今すぐZeroPlus Gateの詳細を見る

    メールマガジンバナー

    \ 学んだことをSNSでシェアしよう /

    この記事の執筆者

    ZeroPlus Media変種部

    ZeroPlus Media編集部

    ZeroPlusは、「フリーランス特化型プログラミングスクール」です。ZeroPlus Mediaでは、フリーランスとして活躍する際に役立つ有益なプログラミングやWeb制作に関する情報を発信しています。

    質問について

    ZeroPlus Media読者限定で質問対応をおこなっています。以下の2つの方法で質問を受け付けています。

    選べる2つの質問方法

    1

    Google Foam(テキスト)で質問

    mail

    フォーム送信

    メールで解答

    formで質問
    2

    Google meet(オンラインmtg)で質問

    meet

    日時選択

    メールを受け取る

    メールからmtgに参加

    meetで質問
    ZeroPlus Gateについて

    あなたの目的に合わせた2つのサービス

    あなたの目的に合わせたZeroPlusの2つのサービス
    基礎からフリーランスレベルまで本質的な学びを提供しています

    完全無料!30日間で学びきれる
    プログラミンスクールZeroPlus Gate

    • お金をかけずに、学習を進めたい
    • Webサイトを作れるようになりたい
    • メンターや講師に質問しながら学習したい

    詳しくはこちらから

    フリーランス特化型
    プログラミングスクール ZeroPlus

    • プログラミング学習で悩んでいる
    • 仲間と一緒に学習したい
    • フリーランスとしての総合的な力を養いたい

    詳しくはこちらから