for biginer

1. エラーの原因が分からない？

2. よっしゃreactでプログラムが書けるようになってき
たし、
ここらで一つ簡単なアプリでも作って公開するか！！
じゃあ、電卓アプリでも作ってherokuに公開す
るぞ！！
よし！herokuに登録も済んだし、heroku側でのアプ
リの立ち上げも済んだ！！なんかgithubから直接デプ
ロイできるみたいだし、github使ってみよう！！

3. まて！！
ん？なんだ？？
ちょっと待て！！
声が聞こえるぞ！！

4. 貴様初心者だろう？
うわっ！ねこがPCいじっとる！！
初心者だけどそれがどうかしたんか？
忠告しておく！いきなり難しいことをするな！！
え？俺がやろうとしていること難しんか？

5. ネット同じことをやっている記事があったか？
いや、同じのは見つからなかったけど似たことをし
た記事ならあるし参考にすればいけるだろ！！
甘い！！砂糖の塊より甘い！！
PCてのはな！ヴァージョン違い一つで動いたり動かなかっ
たりのシビアな世界なんだぞ！おまけに人によっては「パ
ソコンが勝手に…」が起きちゃうブラックボックスだ！

6. 貴様は自分のPCの中身隅々まで把握してるんだな？
いいえ…
reactやherokuの仕組み隅々まで理解してるんだな？
いいえ…
だったら最初ぐらい記事の通りにやりんしゃい！！

7. 記事の通りにやりました…
全然難しくなかったです…
それが大事なんよ！簡単なことを積み上げる！
それにもしエラーが起きてもテラテイルなんかに質問
しやすいやろ？「Macでこの記事の通りにやったらこ
んなエラーが出ました∼」て！
そうか。失敗したときにもいいんか！
そういうこと！何事も簡単に簡単に！

8. よし！環境構築済んだし早速コードを書こう！！
待て！
え？まだ何か？
コード書く前に、ビルドしたファイル
をデプロイしなさい！！

9. なんで？reactのマークくるくるなんて誰も面白くない
でしょ？
そうじゃないぞおっさん。もし仮にコード書いてデプ
ロイでエラーが出た場合、自分のコードが原因なのか
別の問題があったのか分からなくなるだろう？
？？？

10. もし、ビルドしてすぐにデプロイしたのなら、エラー
が出てもデプロイのやり方が不味かったのか、そもそ
もreactに対応出来ていないのかに問題が絞られる。
reactに対応してないのなら記事が多く出回っている
はずだし、デプロイのやり方がまずいのならばデプロ
イの記事を探せばいいだろう。
なるほど！そこまで慎重にやるのか
大事やぞ！！問題のスコープは最小限にな！

11. デプロイ上手くいったのに、アプリ画面でエラーが
でとる😰
ほらな！とりあえずデプロイしといてよかったろ！
コード書いてたら調べること増えてたぞ！

12. 記事探したらありました。ビルドパックが必要
なんですね。
じゃあその記事の通りもう１回やってみよう！
出来た！1個1個確認してやるの大事なんだな。

13. 今回の記事はreactやherokuの使い方を教えたいので
はなく、単純な作業でも1個1個確認しながらやるこ
との大切さを伝えたかったのです。
しかし、初心者だとどこで切って確認を入れればい
いのかイメージがつかないと思ったので私の失敗を
具体例としてあげました。
reactやherokuを知らない人はイメージしにくい部分
が多かったかと思いますが、他の言語でもこの考え
方は同じだと思うので参考になればと思います。