ReactNative のアップグレード作業が （意外に）楽しかった話

Transcript

1. 0 ReactNative のアップグレード作業が （意外に）楽しかった話 2025-08-28 第129回NearMe技術勉強会 @turutosiya
2. 1 ReactNative のアップグレード作業が（意外に）楽しかった話 • ⾃⼰紹介 津留敏哉 ◦ @turutosiya ◦ 1980年佐賀県嬉野市うまれ ◦ 熊本県⽴済々黌⾼等学校卒業 ◦ 早稲⽥⼤学政治経済学部中退 ◦ ベースを弾きます（エレキ）🎸 ◦ ６⼈家族（私妻娘娘息⼦娘） ◦ システムエンジニア２５年⽬ ◦ 株式会社Ｄ＆Ｓ代表取締役
3. 2 ReactNative のアップグレード作業が（意外に）楽しかった話 • なぜ楽しかったのか →「そこに Claude Code が居たから」 • 私の Claude Code のキャプチャ
4. 3 ReactNative のアップグレード作業が（意外に）楽しかった話 • NearMe User App の ReactNative を 0.68 から 0.74 にアップグレードしました • そもそもは... Facebook ログインを修正したかった
5. 4 ReactNative のアップグレード作業が（意外に）楽しかった話 • そもそもは... Facebook ログインを修正したかった ◦ 「FBSDK をアップグレードすれば治るかな？」 ▪ FBSDK をアップグレードしたがうまく動かず... • RNScreen でランタイムエラーが発⽣している ◦ RNScreen をアップグレードしたい ▪ それには • ReactNative ⾃体をアップグレードしないといけない ◦ さらにそのためには ▪ Gradle もアップグレードしないといけない …
6. 5 ReactNative のアップグレード作業が（意外に）楽しかった話 • 垣間⾒た「ReactNative の 闇」
7. 6 ReactNative のアップグレード作業が（意外に）楽しかった話 • ⾏き先不明で無限の修正が必要に⾒えるこの作業を楽しく⾏いたい ◦ → Claude Code の出番
8. 7 ReactNative のアップグレード作業が（意外に）楽しかった話 • 勝⼿に始まる アップグレード作業
9. 8 ReactNative のアップグレード作業が（意外に）楽しかった話 • 終わりました！的に 報告してくれます。が....
10. 9 ReactNative のアップグレード作業が（意外に）楽しかった話 • そんな簡単な訳ない <= ⾃分⾃⾝でビルドしてみようとするとエラー
11. 10 ReactNative のアップグレード作業が（意外に）楽しかった話 • エラーを、Claude Code と対話しながら解決していく
12. 11 ReactNative のアップグレード作業が（意外に）楽しかった話 • 注意点 ◦ 機密情報が流出しない様に ◦ 破壊的変更が AI に勝⼿に実施されないように
13. 12 ReactNative のアップグレード作業が（意外に）楽しかった話 • AI が無かった時代.. ◦ コードリーティング ▪ → プロジェクトがどういう構造なのか、何が使われているのかを理解する ◦ Google, Stack Overflow, Community, Forum ▪ → ベストプラクティスや既知のバグをネットで検索 ◦ 試⾏錯誤を繰り返す ▪ → 修正してみて、動くかどうか確認する
14. 13 • 今までは。。。 ◦ それぞれを読み解いていくのに、 とにかく時間がかかった ReactNative のアップグレード作業が（意外に）楽しかった話
15. 14 ReactNative のアップグレード作業が（意外に）楽しかった話 • Claude Code が無かった時代.. ◦ コードリーティング ▪ → Serena ◦ Google, Stack Overflow, Community, Forum ▪ → Context 7 ◦ 試⾏錯誤を繰り返す ▪ → Claude Code
16. 15 ReactNative のアップグレード作業が（意外に）楽しかった話 • Serena：https://github.com/oraios/serena “Serena provides essential semantic code retrieval and editing tools that are akin to an IDE's capabilities, extracting code entities at the symbol level and exploiting relational structure. When combined with an existing coding agent, these tools greatly enhance (token) efficiency.” じっくり読みたい：   Serena MCPはClaude Codeを救うのか？   https://blog.lai.so/serena/
17. 16 ReactNative のアップグレード作業が（意外に）楽しかった話 • Context 7：https://github.com/upstash/context7 “Context7 MCP pulls up-to-date, version-specific documentation and code examples straight from the source — and places them directly into your prompt.” 学んでいきたい：   Context7 MCPで実現する最新ドキュメント参照術   https://zenn.dev/spacemarket/articles/21c4df0b7795f9
18. 17 Thank you