iSaraの事前学習。プログラミングは４０日でどこまできるのか報告します【学習のコツもあり】

2019年11月10日

URLをコピーしました！

こんにちは。カトー（@hisayosky）です。

けん子

プログラミングの学習って１ヶ月でどのくらい進むものなのかしら。

自分ではがんばってると思うんだけど不安。。。

もっとがんばったほうがいいの？

という疑問に答えます。

ぼくは現在ノマドエンジニア養成講座「iSara」の3期に参加中で、バンコクに滞在しています。

iSaraの過程は３つにわかれています。

基礎知識を学ぶ「事前学習」
実践的スキルを学ぶ「バンコク合宿」
案件獲得をめざず「フォロー期間」

第１段階の事前学習では約40日間、プログラミングを勉強します。

ぼくの場合は、

プログラミング経験ゼロ
１日３～６時間学習
わからないことはチャットで聞けるが基本自力で解決

という条件でプログラミング学習を開始しました。

その結果、４０日間でレスポンシブ対応のランディングページが作れるようになりました。

ランディングページというのはiSaraのページのように縦につらつらとつながっているサイトですね。

自分ではすげえと思いましたが、ぶっちゃけiSara3期の受講者の中では進んでいないほうでした。

なので結論としては、１ヶ月でプログラミング学習がどこまで進むのかという目安はありません。

「どこまで進んだか」に目安をおくと人と比べて消耗しますので、「学習時間に何時間費やせたか」にフォーカスするのがオススメです。

今回はプログラミング学習が１ヶ月でどのくらい進むのか、ぼくが実際やってきた学習方法も含めて解説します。

ではいってみましょう。

iSaraでのプログラミングの学習過程

あくまでiSara3期の場合ですが、学習の進め方を紹介します。

基本的なコードの書き方を覚えたら、あとはひたすら自分の能力よりちょっと上のページを模写するという感じですね。

①Progate

オンラインのプログラミング教材。ゲーム感覚で学習できるので挫折しにくいのがいいですね。

「HTML&CSS」の上級編までを3回、続いて道場編の上級まで1回やりました。

②ローカル環境の構築

ローカル環境って何？と思いますよね。

インターネットがつながっていないPCの中だと思ってください。

ローカル環境でプログラミングをするにはテキストエディタが必要ですので、SublimeTextを導入して設定しました。

ローカル環境ではどこにファイルが保存されているのかが重要でして、おかしなところにあるとファイルがあってもコードが機能しません。

この段階ではそんなことを学びました。

③ローカル環境でサイトの構成を学ぶ

中身の入っていない四角だけが並んだページを作ります。

ヘッダー、メインコンテンツ、フッターという大まかな構成があります。

振り返ってみると、ページの構成を作れるようになるのがこの段階の目的でしたね。

④実際にあるサイトをコピーする

画像をお手本にサイトをコピーします。

画像がお手本なのでレスポンシブがどうなるのかはわかりません。自分で考えていい感じに整えます。

初期のプログラミング学習で押さえておきたいコツ

さらっと書きましたが、ここまでくるのに200時間くらいかかっています。

ぼくの場合はあまりにも学習が進まなかったので、４０日で事前学習レベル５までコンプリートした同じ3期のトモキさん@bitKangaroo3 に学習のコツを聞いてみました（ちなみにカトーはレベル３まででした）。

コツその１　ボックスモデルを意識する

その③つづき
「ボックスモデル」
この単語をどれだけの人がちゃんと重要視したか？
もちろん単語は調べれば出てきますが、スルーしてしまうか、じっくり考えられるかが分かれ道。
基底にこれを置いておかないと、その上に積み上げていく知識がとても不安定なものになります。#isara3rd

— トモキ (@bitKangaroo3) July 9, 2018

HTML&CSS学習初心者へのTips;
過去ツイートで「ボックスモデル」を概念と言いましたが、最小単位と捕らえてもいいかもしれない。
要素を追加した瞬間にそこには幅も高さも無い箱ができあがる。
箱に文字や画像を入れるとそれだけの空間を持つ。
その箱を装飾し、並べ、入れ子にする世界。#isara3rd

— トモキ (@bitKangaroo3) July 11, 2018

トモキさんは「一番基礎になる概念は何か？」を考えながら学習する習慣がある人で、ブログラミングでは「ボックスモデルが重要」と考えました。

ページを見てもそこに箱はないわけでして、見えない箱を具体的にイメージできれば何をすればいいかわかりますよね。

ゆえに「ボックスモデル」なわけです。

#isara3rd の事前学習では講師にチャットでいつでも分からないことを聞けるのが魅力
しかし僕はほとんど聞かなかった
質問文を書いては送信せず消去を繰り返していた
質問するのがダメなんじゃない
質問をしようとする行為には意味がある
分からないことが言語化できた時点でその問題は99%解決している

— トモキ (@bitKangaroo3) July 11, 2018

「わからないことを言語化できれば問題は自分で解決できる」は、じつはマナブさん@manabubannai も同じことを言っていました（飲み会で聞いた）。

誰かに質問を送るつもりでわからないことをテキスト化すると、何がわからないのか、どんな言葉でググれば答えが出てきそうなのかがわかってきます。

わからないことを質問文にしてみるのはオススメです。本当に誰かに聞いてもいいですしね。