プログラミングを学ぶということ

さとりゅー師匠にプログラミングを学び始めて1ヶ月半。人生で初めてウェブサービスを作る過程で、プログラミングをやるってこういうことやぞ、っていう体験をしたので共有させてください

ことの発端

　　「XPを体感したいので、プログラミングを教えて下さい」（キリっ
って無理を言って、さとりゅーさんにプログラミングを学び始めました。とはいえ、10年はプロダクトコードを書いてないよって言う状態。そして、ウェブサービスなんて、まったく？？？？？の状態での声がけでした。（ホント、リスクしか無い粗悪案件をさとりゅーさんが引き受けてくれたのが全くの謎：褒めてます！！）

紆余曲折あって

　なんとか独力でウェブサービスを構築しました。ホントに鼻くそみたいなプログラムですが、さとりゅーさんはめっちゃ喜んでくれました！

　もう、僕の方が「XPを教えて下さい」とか「ペアプロ体感したい」とか、色々いいながらも、僕自身がプログラミングに夢中になってしまって一人でが～～～っとコードを書いていたんですが、、、
　一緒に出来高を喜んでくれて、GitHubでコード共有してほしいとか言ってくれて、何かこれ、一緒に作っている感覚じゃない？？そもそもが最初に体感したいって言っていたXPの感覚に近いんじゃない？？って思って、さすがさとりゅーさん、XPを体現しとる！！
　これって、XPのプラクティスを使わずにXPができている状態を伝えようとしてないか？？と、ふと思って、最高じゃん！！と思ったのでNOTEに整理しとこうと思って書きました。

このサービスを作るのにやったこと

　ここ1ヶ月半で学んで、このサービスを作るためにやったことを備忘録として書いておきます。正直言うと、この辺は本を読んで6年位自分でトライしていましたが、全くできない領域でした。それが、1ヶ月半でここまで出来るとは夢にも思ってなかったです。すごい
　※なにぶん素人なので記載に間違いあってもご了承ください

node.jsをインストール
express genetratorでPJを作成（テンプレートエンジンはpug）
index.js更新（ルーティングのロジックを更新）
pugでHTML記載を更新（body更新したり、formを作ったり、色々）
javascriptを更新（フロントエンド用にごにょごにょ）
wordcloudのライブラリを組み込み（事前にライブラリを調査済み）
=== ここで、1度目の動作確認 ===

不具合対応（jQueryを読み込んでいなかったので、pugにscriptタグ追記）
表示動作を確認（htmlのformをbuttonのsubmitを起点にdivに表示）
divの表示サイズ不具合を発見
ブラウザの検証機能を使ってデバッグ（divのheight指定漏れを修正）
style.cssを更新（divのheightを指定。%指定するもうまくいかずpx指定）
=== ここで、2度目の動作確認 ===

wordcloudのライブラリ読み込みが上手くいかないので一旦直書き
inputで入力された情報をwordcloudのライブラリに渡して表示
=== ここで、3度目の動作確認 （完了！！）===
ここまで90分くらい！！最高じゃん

githubのリポジトリ作成
githubにadd,commit, masterにpush
=== ここで、さとりゅーさんに連絡！！===