kazzyfrog

webエンジニア/個人開発者/コーヒーとカエル愛好家🐸
プログラミング学習のコツや、日々の開発の記録を投稿🌿
React 学習サービス・メンター @b13ocom

[kazzyfrog @kazzyfrog]

AIが、ジュニアエンジニアの経験を積む機会を、少しずつ奪っている。

その一方で、できる開発者はAIで多くの仕事をこなしている印象。

だから https://t.co/pjzEod8ruh で、
React×AI駆動の開発プロジェクトを立ち上げるつもりです。
まずは小規模にスタートするので、興味がある方はDMください！

ぜひ、React×AI駆動の共同プロジェクトに加わって、 実際の開発経験をポートフォリオに追加してください🫐🌿

[kazzyfrog @kazzyfrog]

少し前の時代は、
「ググる能力」が、エンジニアの重要スキルと言われていた

今の時代は、
「何でもChatGPTに聞けばいい」わけでもないし、
「全部ググる」のも効率が悪い。

ChatGPTが得意なこと：

・コードのデバッグ（エラー文を投げる）
・「これってどういう意味？」という概念の要約
・ボイラープレート（定型文）の生成

Google検索が得意なこと：

・最新のライブラリの仕様（ChatGPTは情報が古いことも）
・特定の個人が書いた、深い知見の記事
・1次ソース（公式ドキュメント）の確認

一般論的な「答え」はChatGPTに聞き、
「信頼性」はGoogleで裏取る。

このハイブリッド使いができるようになると、 キャッチアップスピードが爆上がりする印象🐸

[kazzyfrog @kazzyfrog]

独学で一人で書き続けてた時、
自分のコードが適切なのか確認できなかった。

共同開発を始めて、変わった5つの瞬間：

１. 初めてレビューをもらった日
「ここ、もっとシンプルに書けるよ」
3ヶ月間ずっと見えていなかった視点が、一言で入ってきた。

２. 「なぜ？」と問われた瞬間
説明しようとして初めて、自分が理解していないことに気づいた。

３. 誰かのコードを読んだ日
書き方がこんなに違うのかと思った。同じ動作でも、読みやすさが全然違う。

４. PRがマージされた瞬間
自分のコードがリポジトリに入った。達成感が、次を書く理由になった。

５. 同じエラーが出なくなった日
1回指摘された場所は、次から自分で直せるようになっていた。

一人では気づけなかったことが、人が入ると見える🐸

[kazzyfrog @kazzyfrog]

動いたのに、なぜ動くのかを説明できなかった。

3ヶ月間、コードを書き続けていた。
エラーは直した。
機能は追加した。
でも「なぜこう書いたの？」と聞かれたら、答えられなかった。

「動けばOK」の繰り返しで、
理解したつもりが積み上がっていただけだった。

共同開発でPRを出すようになって、変わった。

「なぜこの変数名にしたか」
「なぜここでこの処理を使ったか」

1回問われるたびに、言語化せざるを得なくなる。
そしてその言語化が、翌週の自分のコードに生きる。

「動く」は出発点で、ゴールじゃない。
AI 時代は特に、
「なぜ動くか」を説明できて初めて、本当に理解したことになる説🐸

[kazzyfrog @kazzyfrog]

@j_tech_service ですよね👍

[kazzyfrog @kazzyfrog]

独学プログラマが、陥りがちな落とし穴の１つが、「無課金主義」。

基本無料のものだけでなんとかしようと、
非効率な方法やエラーで、多くの時間格闘することになる...

正直自分も以前は、こういう無意識なケチが身に付いていた。
でも、発想の転換ができた。

数日〜数週間、
場合によってはそれ以上の期間の
「自力で頑張る」作業を楽できるなら、お金で買った方が良いことは多い。

・開発効率が上がるIDEやエディタ
・学習速度を爆上げするAI課金
・経験のためのサーバー/独自ドメイン費

ここへの投資は「消費」じゃなくて、
将来の自分のための「投資」。

「時間を金で買う」感覚を持てると、
成長スピードは一気に加速する！

個人的には、
新しいことを学ぶ「０→1 の段階」はしっかり目に課金してみるのが、おすすめ🐸

[kazzyfrog @kazzyfrog]

チュートリアルを卒業した後、
エディタの前で止まっていた。

「次に何をすればいいか」がわからない。
調べても出てこない。
正解がどこにあるのかも、わからない。

これは「実力不足」じゃなくて、
独学だと「次の一手」が見えにくい、という構造の問題だと思う。

誰かと話しながら次を決められると、
動き出しはずっと早くなる。

独学の次のステップで詰まっている人に、
b13o が選択肢になれたら嬉しいです。

興味ある人は、気軽にご連絡ください🙌
https://t.co/9tGS318cUL

[kazzyfrog @kazzyfrog]

アプリを作り切れる人と、
そうじゃない人の、違い。

完成させる人の共通点：

① 「作りたいもの」より「小さく作れるもの」を選ぶ
最初から大きく作ろうとすると完成しない。

② 「完璧な設計」より「動く最低限」を先に作る
完璧にしてから公開、はほぼ公開されない。

③ 詰まったら24時間以内に誰かに聞く
一人で詰まり続けると、やる気から消える。

④ 「完成」の定義を決めておく
「あとこれだけ」が増え続けるのを防ぐ。

⑤ 作り終わったら次に持ち越す前に公開する
完成の達成感を積み重ねることで、次が続く。

完成させる技術は、コードじゃなくて
「やめない設計」の部分🐸

[kazzyfrog @kazzyfrog]

プログラミング初学者時代、
書籍を見て、言われた通りコードを書いて
「自分、プログラミングできるようになったかも！」
と錯覚している時があった。

いざ白紙のエディタを前にすると、1行も書けない。
いわゆる「チュートリアル地獄」。

抜け出す方法はただ一つ。
「チュートリアルから一歩外れて、オリジナルに作り始めること」

不完全でも、バグだらけでもいい。
１つの機能追加や、カスタマイズで十分。

「自分の意思で書いた1行」は、
チュートリアルの100倍の価値がある。

なので早めに「正解のない世界」へ飛び込むのが大事！🐸

[kazzyfrog @kazzyfrog]

個人開発も、ポートフォリオでも、
完成しない、が続いていた。
理由は怖さだった。

「公開したら批判されるかも」
「まだ完成じゃない気がする」
「もう少し整えてから」

こうやって、ずっと手元に置いていた。

でも、手元にある間は何も起きない。
フィードバックもない。
改善するきっかけもない。

「動くゴミでいい」と決めた日から変わった。

汚いコードでも、デザインが微妙でも、
まず公開する。

使われてみて初めてわかることがある。
誰かに届いてみて初めて面白くなることがある。

頭でわかっていても意外とできないけど
完成を待つより、
公開を先にする方が、大切🐸

[kazzyfrog @kazzyfrog]

多くのプログラマーや、
個人開発者が経験している、：

「3ヶ月以上かけたアプリが誰にも使われなかった」
「１週間かけて書いた記事が読まれない」
「めっちゃこだわったけど公開できない」

ここまでは、正直あるあるだと思う。
ただ、この先は、人によって大きく違っていて、

・やって満足したり、向いてなかったと思う人
・問題点を認識し、改善して再挑戦できる人

に分かれる。
前者は挫折しやすい。
後者は最終的に成功する印象。

結局、最初っから天才ムーブでガンガン出来る人はほぼいなくて、何度も改善して再挑戦できるかどうか、なんだろうな

諦めないっていうのは、すごく重要な素質🐸

[kazzyfrog @kazzyfrog]

@rinsmash 自由に作るとか、オリジナルを考えるというのが、ポイントですね👍

[kazzyfrog @kazzyfrog]

プログラミング初学者時代、
書籍を見て、言われた通りコードを書いて
「自分、プログラミングできるようになったかも！」
と錯覚している時があった。

いざ白紙のエディタを前にすると、1行も書けない。
いわゆる「チュートリアル地獄」。

抜け出す方法はただ一つ。
「チュートリアルから一歩外れて、オリジナルに作り始めること」

不完全でも、バグだらけでもいい。
１つの機能追加や、カスタマイズで十分。

「自分の意思で書いた1行」は、
チュートリアルの100倍の価値がある。

なので早めに「正解のない世界」へ飛び込むのが大事！🐸

[kazzyfrog @kazzyfrog]

@tateyama_it ですよね！！

[kazzyfrog @kazzyfrog]

「また教材を買っていた。」

新しい本を開くたびに、
「今度こそ最後までやりきる」と思っていた。

でも結局、途中で止まる。
また積む。

何度か繰り返してから気づいた。
足りなかったのは教材じゃなかった。

「これ、あってる？」を聞ける相手が、いなかった。

React / Next.js を学んでいて、
独学が止まりがちな人は、コミュニティのぞいてみてください🫐🌿
https://t.co/qwxX2FOw0t

[kazzyfrog @kazzyfrog]

習慣を続ける仕組み、
いかに意志力に頼らないようにするかが鍵

3ステップで設計するとこうなる：

① 最小単位を決める
「30分やる」じゃなく「ファイルを開く」だけでいい。
存在確認ができればOK。

② 場所をトリガーにする
「カフェに入ったら開く」「コーヒーを飲みながら開く」
行動ではなく、場所・状況に紐づける。

③ できなかった日はリセットにしない
1日空いても、また次の日にやるだけ。
途切れても終わりじゃない。

習慣は意志の問題じゃなく、
設計の問題なんだよね🐸

[kazzyfrog @kazzyfrog]

「また明日から」を、100以上繰り返していた。

毎回、本気で思っていた。
「明日から絶対やる」

で、明日になると、
「今日は疲れたから明後日から」

このループを何度も。

続かない原因を「意志力の弱さ」だと思っていたけど、
違った。

「できなかった日＝リセット」という設計が問題だった。

変えたのはこれだけ：
・できなかった日は「ただの1日」と決める
・翌日、また5分だけやる

完璧にやろうとする習慣ほど早く崩れる。
崩れても続けられる設計が、唯一続く方法なのかも🐸

[kazzyfrog @kazzyfrog]

チュートリアルが終わった後、
「次に何を作ればいいか」で止まる人向けに作ったサイトがある。

React / Next.js のロードマップに沿って、
デザイン仕様のあるお題に、実際に取り組めるサービス。

「動かして、確かめる」を繰り返せるので、
写経より手応えがある印象🐸

https://t.co/A0mAML9SVS

[kazzyfrog @kazzyfrog]

一人で作っていた頃、
誰かに見せる機会がなかった。

動いても、「あ、動いた」で終わり。
誰も知らない。
自分しか見ていない。

そのうち「これでいいのか」がわからなくなった。

初めてPRにコメントがついた日のこと、
今でも覚えてる。

「ここ、こう書いた方が読みやすいよ」

シンプルに、誰かが自分のコードを読んでくれた。
それだけで、また書きたくなった。

続けるのに「すごい理由」はいらなくて、
「誰かに見てもらえた/一緒に作る感覚」だけで十分だったりする🐸

[kazzyfrog @kazzyfrog]

プログラミング学習における、
「コストと理解」の関係の話。

学生時代、一夜漬けで詰め込んだ知識は、
試験が終わると、きれいに消える。

AIで学習をサクサク進めても、
同じことが起きる。
速く進んでいるのに、理解が全然追いついてない状態。

人間の理解ってたぶん、
食べ物の咀嚼に近くて、
時間や労力というコストを、どうしても省略できない。

だから「AIがあるから楽できる」は、半分だけ正解。
本当に楽できるのは、しっかり基礎を積んだ人だけ。

なんか近道のように見えて、遠回りになってしまうんだよね🐸

[kazzyfrog @kazzyfrog]

以前書いた、
React 入門〜のロードマップ記事も、
良ければご参考くださいー👀

https://t.co/ObZiag19O2

[kazzyfrog @kazzyfrog]

React の、基礎概念7選

この辺を固めておくと、
その先のHooks や、各種ライブラリの理解もスムーズになる印象🐸

👇1/n