こんにちは！ソーシャルデータバンク株式会社・開発部のくすみです。 
<a href="https://qiita.com/advent-calendar/2024/sdb_blog" target="_blank" rel="nofollow noopener noreferrer">Social Databank Advent Calendar 2024</a> 23 日目の記事です！
本日は、普段の開発におけるコードリーディングで私が意識しているポイントについて書いていきたいと思います！
<h1 id="%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E9%87%8D%E8%A6%81%E6%80%A7" data-line="5" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E9%87%8D%E8%A6%81%E6%80%A7" aria-hidden="true"></a> コードリーディングの重要性</h1>
チーム開発では、他のメンバーが書いたコードを読む機会が避けられません。 
しかし、コードが複雑だったり記述の意図が不明瞭な場合、理解に多くの時間がかかります。 
その結果、大きなストレスを感じることもあるでしょう。
たとえば、以下のような状況に陥ることがあります：
<ul data-line="13" class="code-line">
<li data-line="13" class="code-line">初めて触れるコードに圧倒され、思考が停止する。</li>
<li data-line="14" class="code-line">コードを読む目的が曖昧なため、何を調べるべきかが分からない。</li>
<li data-line="15" class="code-line">ドキュメントやサポートが不足しており、手がかりが見つからない。</li>
<li data-line="16" class="code-line">未知の言語やフレームワークに対する不安。</li>
<li data-line="17" class="code-line">プログラム全体の流れが把握できないために、関数やクラスを行き来して頭が混乱し、結果として時間ばかりが浪費される、</li>
</ul>
ということがあったりします。
<h2 id="%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E5%AE%9A%E7%BE%A9%E3%81%A8%E3%82%B4%E3%83%BC%E3%83%AB" data-line="21" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E5%AE%9A%E7%BE%A9%E3%81%A8%E3%82%B4%E3%83%BC%E3%83%AB" aria-hidden="true"></a> コードリーディングの定義とゴール</h2>
そもそも「コードリーディング」とは一体何を指すのでしょうか？ 
私が考える定義は次の通りです。
コードリーディングとは、ソースコードの意味、すなわちプログラムの実行結果や現実世界での効果を想像できるようになること。
プログラムの挙動を正確に理解するには、コードの表面的な内容を読むだけでは不十分です。 
その背景にある意図や設計思想を汲み取りながら、コードの構造や動作を頭の中で再現する能力が求められます。
<h3 id="%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E5%9B%B0%E9%9B%A3%E3%81%AB%E3%81%99%E3%82%8B%E8%A6%81%E5%9B%A0" data-line="31" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E5%9B%B0%E9%9B%A3%E3%81%AB%E3%81%99%E3%82%8B%E8%A6%81%E5%9B%A0" aria-hidden="true"></a> コードリーディングを困難にする要因</h3>
コードリーディングが難しい理由には、以下のようなものがあります
情報の不可視性 
ソースコードからだけでは、背景にある仕様や設計意図を直接知ることができないため、推測が必要になる。
複雑な構造 
長い if 文や多階層のループ、頻繁な変数の状態変更があると、記憶しながら読むのが難しくなる。
未知の知識の多さ 
業務知識やフレームワークの特徴、暗黙のルールが分からないと、コードの目的や動作が見えにくい。
コードの文脈依存性 
自然言語と同様、プログラミング言語も文法と文脈（背景や周辺情報）の両方を理解しなければ、正確に読み解くことは難しい。
<h1 id="%E5%8A%B9%E7%8E%87%E7%9A%84%E3%81%AA%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E6%89%8B%E9%A0%86" data-line="47" class="code-line">
<a class="header-anchor-link" href="#%E5%8A%B9%E7%8E%87%E7%9A%84%E3%81%AA%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E6%89%8B%E9%A0%86" aria-hidden="true"></a> 効率的なコードリーディングの手順</h1>
<h3 id="%E9%9A%8E%E5%B1%A4%E7%9A%84%E3%81%AA%E3%82%A2%E3%83%97%E3%83%AD%E3%83%BC%E3%83%81" data-line="49" class="code-line">
<a class="header-anchor-link" href="#%E9%9A%8E%E5%B1%A4%E7%9A%84%E3%81%AA%E3%82%A2%E3%83%97%E3%83%AD%E3%83%BC%E3%83%81" aria-hidden="true"></a> 階層的なアプローチ</h3>
コードリーディングには、全体像から詳細へと段階的に進む「階層的なアプローチ」が有効です。
以下は具体的な手順の例です。
1. 業務知識・業務要件を把握する 
サービス(作成された PR)が解決しようとしている課題や目的を理解する。
2. プロジェクトルールを確認する 
コーディング規約やコメントスタイル、命名規則を把握。
3. 開発環境を整える 
使用する IDE やデバッグツールの設定を確認し、効率的にコードを追える環境を構築。
4. 設計パターンやデータ構造を理解する 
ファイル構成やクラスの役割を把握し、コードの全体像をつかむ。
5. ライブラリ・フレームワークを把握する 
使用されている技術スタックを学習。
6. 基本文法を確認する 
プログラム言語の基礎的な文法知識を確認。
7. ソースコードの詳細を読む 
必要な部分にフォーカスして処理内容を理解する。
<h1 id="%E9%9D%99%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%A8%E5%8B%95%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%AE%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91" data-line="76" class="code-line">
<a class="header-anchor-link" href="#%E9%9D%99%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%A8%E5%8B%95%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%AE%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91" aria-hidden="true"></a> 静的解析と動的解析の使い分け</h1>
コードを読み解く方法には、静的解析（目視でコードを読む）と動的解析（デバッガを用いて動作を追う）があります。
<h3 id="%E9%9D%99%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" data-line="80" class="code-line">
<a class="header-anchor-link" href="#%E9%9D%99%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" aria-hidden="true"></a> 静的解析のポイント</h3>
<ul data-line="82" class="code-line">
<li data-line="82" class="code-line">ソースコードの流れを予測しながら読む。</li>
<li data-line="83" class="code-line">メモや図を活用して整理する。</li>
<li data-line="84" class="code-line">大まかな全体像を掴むために役立つ。</li>
</ul>
<h3 id="%E5%8B%95%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" data-line="86" class="code-line">
<a class="header-anchor-link" href="#%E5%8B%95%E7%9A%84%E8%A7%A3%E6%9E%90%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" aria-hidden="true"></a> 動的解析のポイント</h3>
<ul data-line="88" class="code-line">
<li data-line="88" class="code-line">実際にコードを動かし、動作を確認。</li>
<li data-line="89" class="code-line">ステップ実行やブレークポイントを活用。</li>
<li data-line="90" class="code-line">予測が難しい部分や複雑な動作の検証に役立つ。</li>
</ul>
<h1 id="%E5%AE%9F%E9%9A%9B%E3%81%AE%E8%AA%B2%E9%A1%8C%E3%81%A8%E8%A7%A3%E6%B1%BA%E7%AD%96" data-line="92" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E9%9A%9B%E3%81%AE%E8%AA%B2%E9%A1%8C%E3%81%A8%E8%A7%A3%E6%B1%BA%E7%AD%96" aria-hidden="true"></a> 実際の課題と解決策</h1>
以下は、私が実践している具体的なアプローチです。
目的を明確にする 
「何を知りたいのか」を意識し、それに関連する箇所を重点的に読む。
メモを取る 
関数呼び出し関係やデータフローを図解することで、全体像が見えてくる。
関数名や変数名を手がかりとする 
適切な名前が付けられている場合、その意味を頼りに読み進める。
コードを改変して動作を確認する 
小さな変更を加えて結果を確認し、コードの意図を掴む。
ドキュメントや他者の助言を活用する 
仕様書や設計書を読み、必要であれば詳しいメンバーに質問。
<h1 id="%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E5%BF%83%E6%A7%8B%E3%81%88" data-line="111" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E5%BF%83%E6%A7%8B%E3%81%88" aria-hidden="true"></a> コードリーディングの心構え</h1>
最後に、コードリーディングにおいて私が心掛けていることを挙げます
完璧を求めない 
必要な箇所だけに集中し、全体を細かく読むことは避ける。
楽しむ姿勢を持つ 
コードの背景や意図を考えながら読むことで、新しい発見や使ったことのない書き方が見つかる。
改善点を見つける 
読みにくいコードに出会った場合、その改善方法を考えることもスキル向上に繋がる。
<h1 id="%E3%81%8A%E3%82%8F%E3%82%8A" data-line="124" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A" aria-hidden="true"></a> おわり</h1>
コードリーディングは、エンジニアにとって重要なスキルでありながら、多くの人が苦労する部分でもあります。 
しかし、適切な手順と心構えを持てば、読み解く力を着実に高めていくことができます。
皆さんもぜひ、自分に合った方法を見つけ、効率的なコードリーディングを目指してみてください！
<h2 id="%E5%8F%82%E8%80%83" data-line="131" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<iframe id="zenn-embedded__3c1c2a896af59" src="https://embed.zenn.studio/card#zenn-embedded__3c1c2a896af59" data-content="https%3A%2F%2Fboukenki.info%2Fsorce-code-oikata-yomikata-houhou-kotu-matome%2F" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://boukenki.info/sorce-code-oikata-yomikata-houhou-kotu-matome/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://boukenki.info/sorce-code-oikata-yomikata-houhou-kotu-matome/</a>

「コードリーディングが苦手」を克服するために知っておきたいこと

コードリーディングを困難にする要因

コードリーディングの定義とゴール

効率的なコードリーディングの手順

静的解析と動的解析の使い分け

Discussion