プログラミング初心者になぜアウトプットが大切か?順序も含めて考えてみた
三度目にしてやっと誰かに向けた記事になりそうです、マサです。
この記事を書こうと思ったときにちょうどタメになるこばやすさんのツイートを発見。
技術をインプットしてもアウトプットしなかったらただの自己満で終わっちゃう。インプットはあくまでもキッカケに過ぎない。だから、
— こばやす✍️Webデザイナー (@kobayas_s) 2020年1月6日
①覚えた事を実践してみる
②①で作ったものを一晩寝かす
③違和感を感じる所を修正
④人に見て貰う
⑤再挑戦を繰り返す
それで初めて自分の物になる。
今日はこのアウトプットの順序についてまとめます。
タイトルの通りですが、プログラミング初心者にとって成長する上で大事なこととは何でしょう?
寝る間も惜しんで勉強すること?
それとも、良質なスクールを探すこと?
確かにこれらが全く無駄とは言いませんが、ちょっと違いますよね。
プログラミングに限らずですが、
学んだことを即、アウトプットすること
これが一番大事であり、成長への近道だと言えます。
アウトプットの効果
そうは言っても実際根拠がなければ、
「勉強だけで手一杯だし、めんどくさいなぁ」
となってしまいます。人間は楽な方に流される生き物ですからね。
かくいう私もかなり面倒くさがりですが、この記事に目を通していただいているあなたに、
「少しでもメリットがあるよ!」と伝えるために、まずは実例をご紹介。
科学的な根拠がある
米パデュー大学のカーピック博士は『サイエンス』誌の2008年2月15日号で、「入力を繰り返すよりも、出力を繰り返すほうが、脳回路への情報の定着がよい」と報告しています。その理由は、4つのグループに言語を覚えてもらい1週間後テストを行った実験で、途中アウトプット(確認テスト)しながら覚えた2グループのほうが、覚える(インプット)ことに集中した残りの2グループよりもはるかに点数が良かったからです。
脳はアウトプットで記憶する! ひとりでできる『アウトプット勉強法』 - STUDY HACKER|これからの学びを考える、勉強法のハッキングメディア
この記事にもありますが、正直アウトプットが大事なんてことは私が言わずとも、昔からクラスの一人や二人、
ましてや先生なんかもうるさいくらい言っていたでしょう。(じゃあこんな記事書くなよとは言わないで)
「人の記憶は誰かに教えることで定着する」
これは私が学生のときに教えられたような気がする言葉ですが(?)、
学んだことを自分の解釈で誰かに伝えた時、記憶の定着が良かったことはありませんか?
中高で英語の単語を覚えたり、文法を覚えたり(インプット)したあと、
ペラペラに話せるようになりましたか?
実際に会話(アウトプット)してみないと定着しないのです。
プログラミングも言語です。英語と同じで、学んだことは何かしらの形で制作物として残さないと、
何となく理解した状態になったまま全く成長できません。
アウトプットのメリット
個人的にプログラミング初心者のうちに学習したことをアウトプットする最大のメリットは、
挫折しにくいことにあると考えています。
トップのツイートでもあったように、学んだことを形として残し、誰かに見せる
ここまでやって初めてアウトプットの完成です。
そして、インプット→アウトプットしているときは孤独との戦いです。
そんなときに役立つのがTwitterなどのSNSで、「いいね」の反応があると俄然モチベーションがあがります。
もちろん完成していなくても途中でもいいんです。
ただ、覚えたことを動画や画像に残してつぶやきまくる。
#今日の積み上げ
— マサ@WEB制作とブログを奮闘中 (@masa8wdg) 2019年11月18日
➡️スタンダードレイアウト2周目完了!
自力で模写コーディングできた!
index.htmlのみで下層ページは作ってないので、今度Bootstrap組み込んだらこのまま他ページ作ってみようかな😀
あと、デスクトップ録画って簡単便利ですね✨
さぁ2章目新しい所やるかー!#プログラミング初心者 pic.twitter.com/AWpriwFmGZ
私も、初めてアウトプットしたのはただの模写コーディングです。
そのツイートに少しでも「いいね」がついたときは嬉しくて、
「もっと色々作ってやるぞ」と燃えました。
あとは、Twitterなどに言えることは、独学しているときに途中でつぶやくことで、
ヒントをもらえることもあるということですね。
エラーの連続で「今日はもういいや、、」と意気消沈せずに済むかもしれません。
アウトプットの方法
アウトプットの順序
では、アウトプットを行うのに最適な順序とは何でしょう?
個人的に実践していて効果を感じたのは、
- Progateやドットインストール、参考書などで基礎をインプット
- サイト模写などで学んだことをコーディング(アウトプット)
- コーディングが5割進んだら成果をツイート
- 更に模写コーディング(アウトプット)
- 完成したサイトを動画や画像でいいのでツイート
- 更にこの過程で身についたことをポートフォリオなどで自作する(レベルをあげたアウトプット)
です。
途中経過の報告は各々好きなタイミングでいいとは思っています。
ただ、共通することは「ちょっと気が緩みそうだなぁ」と少しでも感じた時に発信する。
別にTwitterにこだわらずとも、フェイスブックやLINE、身近な友人でもいいです。
こうすることで、途中で中だるみせず、更にアウトプットへのモチベーションが保たれます。
アウトプットの具体的なやり方
「そうは言ってもどうやってアウトプットするのがいいの?」
となると思います。
これは私の考えるやり方なので参考程度としていただけるといいのですが、
順を追って説明しますと、
まず1つ目は、Progateやドットインストールで見本で作るサイトをノーヒントで作ってみることです。
まあ、Progateには道場というものがありますが、道場もイチからではないですよね。
私の場合は見本を元に、余白や画像や配置を変えたりしながら自作しました。
やっていると気づくのですが、「ここはこのコードが使えるな、、」といった
自分で考える作業時間が多くなってくるんです。
これが知識の定着にはかかせないんです!
そして、2つ目は「今の自分のレベルで作れそうなサイト」を調べ、ディベロッパーツールで検証し、
コードを直接見ないように、余白、色、サイズなど最低限だけ確認しつつ作り上げる。
(模写に向いているサイトのまとめや、ディベロッパーツールの使い方などはまた記事にしようと思います。)
ここまでやると、かなり知識として定着します!
3つ目は自分でやってて楽しかったことなので毎回はやらなくてもいいかと思います。
例えば、私の場合はカメラが趣味で膨大な量の写真があったので、
「HTML/CSSは結構身についたし、架空の写真サイトとか作ってみたら面白そうだなあ」
と思いつき、作りました。
自分の旅の記録をほぼHTML/CSSのみでコーディングしてみました!
— マサ@WEB制作とブログを奮闘中 (@masa8wdg) 2019年12月18日
皆様良かったら見てください!
・font→cabin sketch
・photo→過去に自分で撮った海外の写真
・gallery→Jqueryライブラリ少し使ってます#今日の積み上げ#プログラミング初心者#駆け出しエンジニアと繋がりたい#100DaysOfCode pic.twitter.com/zCH8hTz4I1
これを作ったときは知識が完全に身についていたとは言えませんでしたが、
完成まで根気よく続けることで本当に成長できたと感じています。
おわりに
以上が私が思う、アウトプットの大切さとその方法論です。
まとめると、
学んだことはアウトプットして、みんなに見てもらって更に成長につなげよう!
ということです。
教科書を読んだだけでテストで満点を
取れるようなヤツはいないんです。そんなことができるのはほんのひと握りの天才だけです。
あなたも私も凡人です。
さあ、どしどしアウトプットしましょう。
それでは。