【就活で有利】大学生がプログラミングインターン（バイト）で稼ぐまでの最短4ステップ

プログラミング　ロードマップ 学習方法
2020.10.14

【就活で有利】大学生がプログラミングインターン（バイト）で稼ぐまでの最短4ステップ

プログラミングを身につけてインターン（バイト）したいけど

まず何をどう進めていけばいいのか分かんな～い！

マサヤ
マサヤ
こんにちは！借金する大学生起業家のマサヤです！
 
今回は、俺がプログラミングをゼロから始めて未経験から
4か月でWeb系の自社開発企業３社の内定を頂いたので、その知見を惜しみなく公開したいと思います。
 

あざっす！！！

▼この記事を最後まで読めば▼

・文系、未経験でも就活でITエンジニアとして就職（インターン）できる
・プログラミングインターンで月収15万を超えれる！
・自分のスキルで稼げるので食いっぱぐれない！
・就活無双できる！
・借金を少しずつ返せます！w

3か月でプログラミングインターン就職できるロードマップ

プログラミング

マサヤ
マサヤ
まず断言！
プログラミングは80％の人が挫折します！
駆け出しハジメ

えーーーー！？

いきなり何でそんなこと言うのー？

 
これは過去の自分に言いたい言葉ですね。
安易にプログラミングをやれば稼げると思って参入しましたが学習開始から2回ほど挫折しました。
一緒に勉強していた仲間も消え去りました。
あなたには、こうなって欲しくないので「大切なマインド」（土台）のお話をしたいと思っています。
 

目標の言語化（3時間）

プログラミング

まずは、なぜプログラミングを始めたのか
プログラミングを使ってどのような生活を実現したいと考えているのかを定める必要があります。
いわゆる「目標の言語化」ですね。
マサヤ
マサヤ
マラソンにゴールが無ければ、どこかでリタイアして（歩いて）しまいますよね？
それと同じです。

なるほ

 
マサヤ
マサヤ
例えば、俺の場合
いざ企業に入ろうとした際に「どの企業に入ろうかな。。。」と迷走してしまった時期がありました。
まずは「ゴール」（プログラミングを使って実現したい理想の生活）を決めること（言語化）は、むっちゃ大事です。

うい！！

※注意※
将来的に、自分が何のエンジニアになりたいのか考えましょう！
（途中、変更可能。文系から理系に移転するようなイメージですね。）
フロント、バックエンド、Web制作、アプリ開発なのか。自分がどんなエンジニアになりたいのか明確にすることは重要です。
 
▼エンジニア目指す前に考えるべきこと▼

⑴あなたにとっての幸せとは
⑵半年後の目標は？
⑶2を叶えるために今やるべきことは？
⑷人生のゴールは？
┗理想の生活、友人関係、将来の人物像など

理想の企業を5つ厳選（１時間）

Webマーケティング

えー！？

まだ、そんな明確に決まってないよ！

マサヤ
マサヤ

大丈夫！

働いてみたい企業を3～5ほどピックアップしましょう！

▼人生変えるアクションプラン▼
Wantedly、ゼロワンインターン、Google検索を駆使してプログラミングの仕事
インターン、アルバイトを探してみましょう！

その企業を見て、インターンするために必要なスキル、理解しておくべき用語を並べましょう！
それを完全に理解した状態がゴール（採用される状態）です。
 
▽行きたい企業を5つほど選び条件によって点数化しましょう▽
企業優先順位
 

Progate（10日間）

プログラミング

HTML, CSS, JavaScript, jQuery, Sass

マサヤ
マサヤ

ここからいよいよ学習開始となります。

やっとか。。。

初めて扱う言語の学習は、現場のエンジニアでもProgateを使います。
1周で十分です。理由はゲーム感覚でプログラミングの感触を確かめてほしいからです。
分からなくても、「ふーんこんな感じなんだー。」で進めてみる。
それでも分からなかったら、答えを見てもOK！
（※ただし「なぜこうなるんだろう？」と考えるクセをつけること。
そうでなければ、JavaScript、jQueryで挫折します※）
無料版(HTML, CSSの中級）が終了するまで有料版へ投資するか検討しながら作業を進めてみて下さい。
⇒プログラミングを仕事にするかどうかの最初の見極め
 
Progateはこちら

【裏ルート】　スクールに通う（3か月）

プログラミング

ぶっちゃけると私はこの裏ルートを使いました（汗）
理由は以下のツイートに該当するからです。

はっきり言います！！！
 
10万円の自己投資を渋る人は何やっても上手くいきません！！
自分のようにプログラミングを数ヶ月勉強してみて人生が激変した人は多いです。
 
情報は揃っています。
後は、あなたが行動するだけ。
 
それをやらないのは目の前に宝くじで１億円換金できるのにやらないのと一緒で、稼ぐ（やる）気が無いのでは？と思ってしまいます。
 
『3ヶ月後に絶対稼いで元取ってやる』
という必死な気持ちが無ければ 何やっても成功しないと思います。
 
 
▼スクールに投資するメリット▼
3か月後には
・一生モノのスキルが身に付く
・就職に困らない
・10万円の費用を回収できる
 
 
✅比較
月10万円稼げるまで
・スクールに投資する（4ヶ月）
・独学で勉強する（8ヶ月）
 
言うなら時間を買っていると言えますよね。
 
マサヤ
マサヤ

プログラミングは人生を変えるスキルであることは間違いないです。

 
スクールには以下の2つの形式があります。
1．自宅で受講できるオンライン型
2．教室に通うオフライン型

✅現役プログラマーおススメのスクールはこちら
TechAcademy：20以上の豊富なコースから自分に合ったITスキルを学ぶ！
TECH::EXPERT：エンジニア転職、案件獲得できなければ全額返金保証あり！
DMM WEBCAMP：経済産業省が認定！エンジニア転職成功率98%超え！

ドットインストール（3日間）

プログラミング
自分が独学で勉強するならドットインストールを有効活用すると思います。
プログラミングは動画の方が学びやすいからです。
 
明日食べるご飯が危うい人以外は、ドットインストールの課金（月額1,080円）も推奨します。
質の高い講座を受講できる範囲が広がるからです。
 
自分はどちらかと言うとProgateよりもドットインストールが学びやすかったです。
人によって最適な学習方法は違うので、自分にあったスタイルで学びましょう。
 
✅注意点
以下のような学校の授業的な勉強法にならないようにしましょう。
おもしろみがないため挫折しやすく、成長が無いからです。

HTML・CSS（必須）

 

プログラミング

・初めてのHTMLコース

https://dotinstall.com/lessons/basic_html_v5

・初めてのCSSコース

https://dotinstall.com/lessons/basic_css_v5

ディベロッパーツール（必須）

ディベロッパーツール（別名：開発ツール）とは簡単に言うと
ウェブサイトがどうやってできているのかソースコードを見るためのツールです。
 
 
以下のボタンで開くことができます。
Mac: Cmd+Opt+I
Windows: Ctrl+Shift+I
 
Image from Gyazo
 
・ディベロッパーツール（必須）
　こちらが使い方の参考動画です。

https://www.youtube.com/watch?v=qmfIMa8eFlE

Bootstrap（推奨）

bootstrap-stack
初心者に扱いやすいフレームワーク（型みたいなもの）です。
HTML, CSSを爆速でコーティングするための言語だと思ってもらっていいと思います。
 
こちらは完璧に使いこなせなくても大丈夫なので
ググることができるぐらいの知識と問題解決能力は身につけておくことを推奨します。

Emmet（推奨）

こちらはHTML, CSSを爆速コーディングするための文法のようなものです。
 
例えるなら
英語も「Oh, my God!」のことを楽に素早くタイピングするために『OMG』と略したりしますよね？それと一緒だと思ってもらって結構です。

少ないコードで大量のコードを生成できるので効率よくコーディングできるようになります。
これに慣れると、コーディング速度が爆上がりします。

写経コーディング（５日）

プログラミング写経、模写コーディングのフェーズが『初心者〜中級者』のレベル感だと思っています。

最初やってみて『なんだこれは！！！わけわからん！』となると思いますが
根気強くやれば徐々に理解できると思います。

ここで現場のJavaScriptやjQueryとご対面すると思われますが
無理に全部を理解しようとせずに、必要に応じてググって少しずつ理解すればいいと思います。

✅手順
①VScode（エディター）をダウンロード

実際にプログラムを記述する場所になります。
こちらからダウンロードできると思います。

ついでに
Live Serverをインストールしておきましょう。
これをインストールするだけで作業効率が上がるので必須ですね。

Live Serverのインストールはこちら

»Visual Studio Codeインストール・公式ページ


②下のYouTubeを参考にしながらコーディングする

・こちらの学習動画が神過ぎるので
　学習はこれ1本で十分だと思います。

https://www.youtube.com/watch?v=RBLkXAG4QTM

▼必須のツール▼
≪インストール方法≫
『以下の用語』＋『インストール』でググれば
chromeに備え付けられるため写経する際に作業効率が爆上がりします。
 
▼模写コーディングに必須▼
・ディベロッパーツール（神）
・Flex Box（便利）
・Image Downloader（神）
・Color Pick Eyedropper（神）

模写コーディング（１週間）

Webマーケティング

ここが2つ目の挫折ポイントです。
今までインプット重視の学習からアウトプット重視への移行となります。
 
ポケモンでいうならマサラタウンを今出たところです（まだマサラタウンかい！w）
 
巣立ちのような気持ちで挑みましょう！
挫折すると思いますがYouTubeで「模写コーディング」と調べて
 
それを模写すれば動画であるため多少の挫折は防げるはずです。
 
あなたならやれるはずです！！
マサヤ
マサヤ

俺は挫折しました。笑

模写コーディングで最初に見るべきおすすめの動画はこちらです。

⇒https://www.youtube.com/watch?v=RBLkXAG4QTM

模写コーディングのゴールとしては、お手本のサイトをディベロッパーツールで探索しながら
組み立てることです。
 
最初の内は、ピクセルパーフェクト（ミリ単位を狂わずに模写すること）は難しいと思いますが
徐々にできるようになってくるので安心して進めてください。

ポートフォリオ2つ制作(６週間)

サービス企画、開発

この作業が一番の挫折ポイントですね。
 
（ちなみに俺は、ここでプログラミングと3週間の倦怠期を迎えていました。
解決方法はこちらの記事に書いています。）
 
1つのポートフォリオにつき１サービス機能で十分です。
参考記事
⇒こちらの記事が参考になります。
 
▼面接で重要視される点▼
・「誰に向けた」「何のニーズ（問題解決）」を満たすサービスなのか
・firebase（バックエンド側の役割をになってくれるサービス）との連携
 
マサヤ
マサヤ

これができれば、他の応募者に比べ頭一つ抜きんでることが可能です。

Git hubでポートフォリオサイトをWeb上に公開（2日）

プログラミング
現場では重要視されるが、応募する際に軽視しがちなのが、このポートフォリオ公開作業です。
 
Git hubを用いて自分のWebサービスを全世界に公開すること。
自分の作品を閲覧できるURLを作成するまでがゴール。
 
Git hubを用いるのは現場では必須スキルとなりますのでここで習得しておきましょう。
こちらの動画が一番分かりやすいです。
⇒https://www.youtube.com/watch?v=kftqAritHyc

インターンに応募する（２週間）

ポートフォリオ　面接
インターンを探す方法はいくつかありますが、個人的に上手くいったのが
以下の2つになります。
 
  • Wantedlyのプロフィールを充実させつつ応募する。
  • TwitterのDM、企業のHPから直接「お問い合わせ」に応募するのもアリ（誰もやらないので競争率を下げつつ本気度をアピールできます。）
 
この方法を実践する際のコツはポートフォリオも一緒に送ることで実力アピールになります。
 
・並行して企業が個別に記載している必須スキルの勉強を進めて面接官と会話しましょう！
 
プログラミングは今のところ専門職に該当するため、専門用語が多く、初心者はエンジニアの言うことが「宇宙語」に聞こえてしまう現象に悩まされます。
 
面接で最低限の受け答えができるように「理解できない用語」が無いように
あらかじめ予習しておきましょう。
 
⇒こちらの動画が参考になります。
https://www.youtube.com/watch?v=z-xsLQbXnV4&list=PLHWso22a9U0og3mJyiCEjdS4XWIxgq979&index=11
 
長くなりましたが、
この記事のステップで進めば、迷いなく最短最速でエンジニアとして
就職、転職、インターン、バイトとして働くことが可能です！
 
マサヤ
マサヤ
あなたの幸せを祈っています！！
じゃあまたね！
 
 

コメント