30DAYSトライアル

【30DAYSトライアル】に挑戦 DAY17 これまでを振り返ってみれば学びに学んでた

こんにちは、ポンコツエンジニアのはやです。今回は、30DAYSトライアルのDAY17です。DAY17は復習回でした。これまで爆速で色々な知識を詰め込んできましたが、それを振り返ることにより、忘れていた部分を思い出すこと、そして、自分がわずか2週間ほどでどれだけのことを学んだのかを知りましょう。

 

DAY1〜DAY7 Progate HTML&CSS

DAY1〜DAY7では、Progateを用いてHTMLとCSSの知識をつけていきました。

DAY1 Progate HTML&CSS 初級1~4章
DAY2 Progate HTML&CSS 初級5~7章
DAY3 Progate HTML&CSS 中級1~3章
DAY4 Progate HTML&CSS 中級4~7章
DAY5 Progate HTML&CSS 上級 全て
DAY6 Progate HTML&CSS 初級&中級道場
DAY7 Progate HTML&CSS 上級道場

WEB制作において知っておかなければならないもっとも重要な知識HTML&CSS、その基礎作りが1〜7でした。僕は以前に何度かProgateをやっていたので、そこまで苦しめられることも、時間をかけることもありませんでした。初めての方で、DAY17までやって来られている方は本当に尊敬します。

Progateでは、初級でシンプルなWEBページを、中級でCSSをうまく作ってボタンの動きなど初級よりデザインにこだわったWEBページを作りました。そして、上級では、WEBページをスマホでも違和感なくみられるように、メディアクエリを使ってレスポンシブなデザイン仕上げました。

初めて、プログラミングと触れ合った人には、中身の濃い1週間だったのではないでしょうか。しかし、次の週はもっと濃かったようです。

 

DAY8~DAY16 環境構築+BootstrapでLP作成

DAY8 エディタをインストール+プラグイン追加
DAY9 ショートカットを覚える+ファイルパスを理解する
DAY10 Chrome検証機能+LiveServerインストール
DAY11 ドットインストールでBootstrap入門
DAY12 ドットインストールでBootstrap入門
DAY13 ドットインストールでBootstrap入門 + YoutubeでLP作成①
DAY14 LP作成①
DAY15 LP作成②
DAY16 LP作成②

2週目でHTMLとCSSだけとはいえ、プログラミングの環境ができてしまいました。

Progateだけでは遭遇することのないエラーなどに悩まされ2~3時間ほど解決しないことなどもあったかもしれません。エラーは必ず遭遇します。どうやって解決するかを学べたでしょうか。

僕自身まだまだ勉強の身ですが、自分なりにどうしてエラーが発生しており、それをどうすれば解決できるのか仮説を立てるのはうまくなってきました。エラーだけでなく、スタイルが思うように当たらないときなどにも、こういう仮説を立てる力は有効です。そんな僕が思うエラーがおきた際に考えることは、

①どんなエラーがおきているのかをチェック

②そのエラーが発生しそうなエリアをチェック

③それでもわからなければググる

④それでもダメなら詳しい人に聞く(それか一晩寝ます!)

①ができた時点で世の中の6〜7割のエラーは解決していると言えると思います。エラーを見るだけで、自分のうっかりミスがすぐに発見できます。

①で大体見当はついたけど、自分ではエラーが発生する要因がない場合があります。これが一番やっかいです。なかなか見つかりません。それもそのはず、自分では完璧にできており、問題がないと考えているのですから、コードをしっかり読むことが難しいのです。(人の間違いは見つけられるけど、自分の間違いはなかなか見付け出せないのと同じです)

③それでもダメならぐぐりましょう。決してはじめにググってはいけません。エンジニアを目指す人や、WEB制作で稼ぐ人は今後もプログラミングと触れ合うはずです。一度きりの関係ならまだしも、今後長く出会う可能性のあるエラーぐらいは、自分で対処できるようになりましょう。(エラーのたびにググるのは時間の無駄ですし、ググったからって必ず解決できるわけではありません。自分で解決できる力を少しでも養っておくべきです)

④どうしてもだめなら誰かにききましょう。そのエラーで時間を取られすぎるものもったいない話です。誰かを頼り次には解決できるよう解決の道筋などを知りましょう。

2つのLPを作成

少し話がそれてしまいました。この16日間の振り返りにもどります。Chromeの検証機能の存在をしり、その後Bootstrapに手を出します。

10日目にBootstrapって早すぎるません?僕の気のせいですか。すごい進歩です。そして、その学んだものを用いてLPまで作成してしまったではありませんか。動画をみながらとはいえ、仕事終わりや、学校帰りに1時間の英語の動画をみて、コーディングもすることは大変です。本当にお疲れ様でした!!!

そんなこんなでLPが2つ完成!(しかもLPの中身を変えれば、あなたの成果物に)

それがここ16日間のまとめです。本当にお疲れ様でした&読んでいただきありがとうございました。