Web開発学習支援（プログラミング学習支援）

プログラミングの学習は、範囲を絞るのが難しく沢山の分野に渡るので どこから手を付けたら良いのか迷う方が沢山いらっしゃいます。 シリコンバレースーパーウエアでは、特にWeb開発にフォーカスして 何をどの順番で学習すれば良いのかを個別にサポートしています。

Web開発学習のロードマップ

シリコンバレースーパーウエアではWeb開発の基本ロードマップを 無料で提供しています。

プログラムを学習する上でプログラミング言語の詳細を網羅する事も 大切です。しかし、効率的に学習するには余り利用しない部分に 時間をかけるよりは、実際に開発に関わってWeb開発の概念を 身に着けるのが近道です。

学習の方針は就職を目指す場合と独立したフリーランスを目指す場合では 少し違っていますが基本的な方針は同じです。簡単な流れは

• HTML/CSSで簡単なWebページの記述ができる（分からない部分があってもOK）
• JavaScriptと基本のフレームワーク（ReactかVue）
• Firebaseとの連携（とりあえずは、ログイン機能とデータベース）
• 簡単なバックエンドの実装

まずは、この4点をカバーできると大抵のWebサービス・アプリは開発できます。

完全でなくても良いので、まずは最初の3項目を一通りやってみて、 何かを作ってみるというのが第一ステップです。

その後、バックエンドの簡単な実装を体験すれば簡単なサポートを経験者から 受ける事ができれば、実際のWeb開発は十分できます。 あとは、開発の経験を積み重ねれば、独り立ちは十分にできます。

Web開発の効率的な学習方法！

上の基本技術の学習を２～４週間やってみてください！ 本を購入して読んでもいいですし、最近では素晴らしいYouTubeのビデオも沢山あります。 まずは、「知識」としてのHTML・CSS・JavaScriptを可能な限り例題を交えながら みっちり勉強して身に着けてください。

知識をつける勉強は、まずは最初の4週間以内で区切りをつけてください。 次のステップは知識（＝知っている）から「出来る」に変える事がとても重要です。

勉強して知っている事でも、実際に開発を始めると思うように行かないのが普通です。 理由は簡単で知識は「点」だからです。勉強をしていると知識は増えて「点」が増えて行きます。 ある程度勉強すると、なんとなく出来る気になるのですが、やってみると「あれ！」となります。

実は、「できる」というのは、この「点」をつなげて「線」にするという事です。 実際に機能するものにするには、点と点の間を埋めないと上手くいきません。 細かい所が欠けていると、思うように動かないのがプログラムです。 しかし、このかけている所を見つけて解決するには、「実際にやらないとわからない」物です。

ただ、作ると言っても何を作ったら良いかわからない場合が多いですよね？

シリコンバレースーパーウエアでは、点と点をつなぐのに良い題材を提案して あなたと一緒に作ります！これがシリコンバレースーパーウエアの学習支援です。

幾つか練習で開発すると良い「題材」を紹介しますね！

お問合せフォーム

Webサイトで良く見つける、お問合せの為のフォームです。 シンプルですが、ゼロから自分で作ると初心者にはよい学習題材になります。

この題材のポイントは：

• お問合せの入力フォームの作成（HTML/CSSで書きます）
• 利用者の操作に合わせたイベント処理（この場合送信ボタンが押された場合の処理など）
• お問合せフォームの内容をデータベースに登録

まずは、HTMLファイルで実装する事から始めて、ReactかVueを使って同じものを作ると違いが良くわかります。

お問合せの内容は、Firebaseのデータベース（Cloud Firestore）を利用すると基本的なFirebaseのデータベースの使いかた が分かります。

お問合せの管理画面

お問合せのフォームが出来たら、次はお問合せの管理画面を作ってみます。

お問合せは「利用者なら誰でも送れる」が基本ですが、送られてくるお問合せの内容を見るのは「管理者」だけです。

お問合せの管理画面で必要な機能を考えるとこの題材のポイントは：

• 管理者を識別するためユーザー認証（ログイン）を行う
• データベースに登録されたお問合せ内容を読み出して表示する
• 処理の終わったお問合せ内容を「完了」扱いに変える
• 必要のなくなったお問合せをデータベースから削除する

この機能を作ると、Firebaseのデータの「読み込み」、「更新」、「削除」が使えるようになります。 また、ログイン機能も使えるようになります。

この最初の２つの題材を作ってみると、半分以上のWebサービスやアプリの開発で必要な事は「できる」ようになります！

オンライン決済を作ってみる！

3つ目のお勧めは「オンライン決済」です。オンラインで支払いの手続きができるようになると、 Webページで商品の販売も可能になります。

オンライン決済をゼロから自分で作るのは簡単ではありません。 しかし、外部のサービスを利用すると初心者でも簡単に実現できます。 お勧めのサービスは：

• Stripe
• PayPal

です。両方のサービスは、開発者向けのドキュメントもしっかりしていて、 初めての方でも簡単に実装できます。 場合によっては、バックエンドの処理も必要になります。

ポイントは、実装方法にもよりますが

• 外部サービスの取り込み方
• （場合によっては）バックエンドとのコミュニケーション
• バックエンドの処理

ここでバックエンドの処理まで実装すると、ほぼ90％位のWebサービスは開発できるはずです。

段階を追った実践的な制作を支援！

シリコンバレースーパーウエアの学習支援は作り方を教えるスタイルは取りません。 シリコンバレースーパーウエアの学習支援は受講者と「一緒に考える」というスタイルで提供しています。 開発者としてやっていく上で一番大切なのは「自分で考えて解決する」力を養う事です。

課題の答えは一つだけではなく、幾つもある場合が殆どです。状況に応じて一番良い解決策は何かを 考えて次につなげて行くことがとても重要です。一つの制作を手取り足取り教えてもらっても 大きな実力はなかなか身につきません。自分で考えて答えを見つける事で、開発者としての スキルが向上していきます。 シリコンバレースーパーウエアでは、会社勤務を通して多くの開発者を指導してきた経験を基に 考える力を育てる支援を提供しています。

多くの情報は無料で提供しています！

シリコンバレースーパーウエアでは、簡単な検索で見つけられるような情報は全て無料で提供しています。 シリコンバレースーパーウエアでは、利用者の方に検索に時間をかけるのではなく、「考える」時間を 大切にしてほしいと考えています。

大切なのはシリコンバレースーパーが提供している情報を使って何をするかです。 考える力を養う事で、いろいろな所から求められる「スーパーエンジニア」を目指してください！ シリコンバレースーパーウエアはそんなあなたを全力で支援します！