<h2 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h2>
<p data-line="2" class="code-line">AIエージェントの時代が到来し、プログラミング初心者でも見ず知らずの言語を扱えるようになりました。<br>
ChatGPTやClaude、Copilotなどのツールを使えば、文法を理解していなくても、なんとなくの感覚（vibe coding）で実用的なアプリケーションを作ることができる時代です。<br>
つまり、初心者でも、アイデア次第で多くの人に使われるようなアプリケーションを開発できるのです。</p>
<p data-line="6" class="code-line">したがって、vibe codingの時代では、実用性が重視されます。<br>
誰も使わないToDoアプリを作って満足している場合ではありません。</p>
<p data-line="9" class="code-line">しかし、そんな便利な時代だからこそ、初心者の学習方法も見直す必要があります。<br>
アプリケーションに需要が求められるなら、<strong>学習でも需要があること</strong>をしましょう。</p>
<p data-line="12" class="code-line">そして、実はその学習方法は初心者にしかできない特別なものなのです。</p>
<h2 id="%E5%88%9D%E5%BF%83%E8%80%85%E3%81%A0%E3%81%8B%E3%82%89%E3%81%93%E3%81%9D%E3%81%A7%E3%81%8D%E3%82%8B%E5%88%9D%E8%A6%8B%E5%AE%9F%E6%B3%81" data-line="14" class="code-line">
<a class="header-anchor-link" href="#%E5%88%9D%E5%BF%83%E8%80%85%E3%81%A0%E3%81%8B%E3%82%89%E3%81%93%E3%81%9D%E3%81%A7%E3%81%8D%E3%82%8B%E5%88%9D%E8%A6%8B%E5%AE%9F%E6%B3%81" aria-hidden="true"></a> 初心者だからこそできる初見実況</h2>
<p data-line="16" class="code-line">実況動画や海外の反応動画で、初見の反応を見るのが好きな人は多いでしょう。<br>
あの「初めて見る驚き」や「リアルタイムの感想」には独特の価値があります。</p>
<p data-line="19" class="code-line">実は、これと同じことがプログラミング学習でもできるのです。<br>
<strong>学習の実況</strong>を始めてみませんか？</p>
<h2 id="%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B" data-line="22" class="code-line">
<a class="header-anchor-link" href="#%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B" aria-hidden="true"></a> 学習実況とは何か</h2>
<p data-line="24" class="code-line">学習実況とは、学習の様子を<strong>リアルタイム</strong>に記録に残すことです。<br>
具体的には以下のステップで進めます。</p>
<h3 id="1.-%E5%AD%A6%E7%BF%92%E7%9B%AE%E6%A8%99%E3%82%92%E6%B1%BA%E3%82%81%E3%82%8B" data-line="27" class="code-line">
<a class="header-anchor-link" href="#1.-%E5%AD%A6%E7%BF%92%E7%9B%AE%E6%A8%99%E3%82%92%E6%B1%BA%E3%82%81%E3%82%8B" aria-hidden="true"></a> 1. 学習目標を決める</h3>
<p data-line="29" class="code-line">まず、明確な学習目標を設定します。<br>
例えば、</p>
<ul data-line="32" class="code-line">
<li data-line="32" class="code-line">Next.jsでフルスタックアプリケーションを作る</li>
<li data-line="33" class="code-line">RustでCLIアプリケーションを作る</li>
<li data-line="34" class="code-line">Arch Linuxをインストールする</li>
<li data-line="35" class="code-line">Vimの設定をカスタマイズする</li>
</ul>
<p data-line="37" class="code-line">などです。</p>
<h3 id="2.-%E9%80%B2%E6%8D%97%E3%81%A8%E5%AD%A6%E3%81%B3%E3%82%92%E9%80%90%E4%B8%80%E8%A8%98%E9%8C%B2%E3%81%99%E3%82%8B" data-line="39" class="code-line">
<a class="header-anchor-link" href="#2.-%E9%80%B2%E6%8D%97%E3%81%A8%E5%AD%A6%E3%81%B3%E3%82%92%E9%80%90%E4%B8%80%E8%A8%98%E9%8C%B2%E3%81%99%E3%82%8B" aria-hidden="true"></a> 2. 進捗と学びを逐一記録する</h3>
<p data-line="41" class="code-line">学習を進めながら、進捗と学んだことを記録していきます。<br>
記録場所は、Zennのスクラップがおすすめです。<br>
そして、以下の3つの要素について記録することを特に意識してみましょう。</p>
<ul data-line="45" class="code-line">
<li data-line="45" class="code-line">What
<ul data-line="46" class="code-line">
<li data-line="46" class="code-line">何につまづいたか
<ul data-line="47" class="code-line">
<li data-line="47" class="code-line">どんなエラーが出たか</li>
<li data-line="48" class="code-line">どこで理解が止まったか</li>
</ul>
</li>
</ul>
</li>
<li data-line="49" class="code-line">How
<ul data-line="50" class="code-line">
<li data-line="50" class="code-line">どのように調べたか
<ul data-line="51" class="code-line">
<li data-line="51" class="code-line">どのようにググったか</li>
<li data-line="52" class="code-line">どのようにAIに聞いたか</li>
<li data-line="53" class="code-line">どのドキュメントを参照したか</li>
</ul>
</li>
<li data-line="54" class="code-line">どのように解決したか
<ul data-line="55" class="code-line">
<li data-line="55" class="code-line">どのようなコードになったか</li>
<li data-line="56" class="code-line">どのような手順で進めたか</li>
</ul>
</li>
</ul>
</li>
<li data-line="57" class="code-line">Why
<ul data-line="58" class="code-line">
<li data-line="58" class="code-line">何故つまづいたのか
<ul data-line="59" class="code-line">
<li data-line="59" class="code-line">解決前と後で何が違ったか</li>
<li data-line="60" class="code-line">なぜそのエラーが発生したのか</li>
<li data-line="61" class="code-line">なぜその方法で解決できたのか</li>
<li data-line="62" class="code-line">自分はどのような思考だったのか</li>
</ul>
</li>
</ul>
</li>
</ul>
<h2 id="%E3%81%AA%E3%81%9C%E5%88%9D%E5%BF%83%E8%80%85%E3%81%AE%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%81%AB%E4%BE%A1%E5%80%A4%E3%81%8C%E3%81%82%E3%82%8B%E3%81%AE%E3%81%8B" data-line="64" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AA%E3%81%9C%E5%88%9D%E5%BF%83%E8%80%85%E3%81%AE%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%81%AB%E4%BE%A1%E5%80%A4%E3%81%8C%E3%81%82%E3%82%8B%E3%81%AE%E3%81%8B" aria-hidden="true"></a> なぜ初心者の学習実況に価値があるのか</h2>
<p data-line="66" class="code-line">学習実況は、<strong>初心者にしか書けない</strong>コンテンツです。</p>
<ol data-line="68" class="code-line">
<li data-line="68" class="code-line">
<strong>フレッシュな視点</strong>: 経験者にとっては当たり前のことでも、初心者には新鮮な発見</li>
<li data-line="69" class="code-line">
<strong>リアルなつまづきポイント</strong>: 実際に初心者がハマるポイントが生々しく記録される</li>
<li data-line="70" class="code-line">
<strong>同じレベルの人への価値</strong>: 同じような初心者が同じ問題で困ったときの解決策になる</li>
</ol>
<h2 id="%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%81%AE%E5%8A%B9%E6%9E%9C" data-line="72" class="code-line">
<a class="header-anchor-link" href="#%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%81%AE%E5%8A%B9%E6%9E%9C" aria-hidden="true"></a> 学習実況の効果</h2>
<p data-line="74" class="code-line">この方法には以下のような効果があります。</p>
<ul data-line="76" class="code-line">
<li data-line="76" class="code-line">
<strong>記憶の定着</strong>: 書くことで学習内容が記憶に定着しやすくなる</li>
<li data-line="77" class="code-line">
<strong>問題解決能力の向上</strong>: つまづきから解決までのプロセスを意識化できる</li>
<li data-line="78" class="code-line">
<strong>他者への貢献</strong>: あなたの記録が他の初心者の助けになる</li>
<li data-line="79" class="code-line">
<strong>成長の実感</strong>: 過去の記録を見返すことで成長を実感できる</li>
</ul>
<h2 id="%E5%AE%9F%E4%BE%8B" data-line="81" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E4%BE%8B" aria-hidden="true"></a> 実例</h2>
<p data-line="83" class="code-line">私は以前、Nixの入門をしたときに実際に実況を行いました。</p>
<p data-line="85" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a409694cfe69f" src="https://embed.zenn.studio/card#zenn-embedded__a409694cfe69f" data-content="https%3A%2F%2Fzenn.dev%2Fairrnot1106%2Fscraps%2F20e6a33574229f" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/airrnot1106/scraps/20e6a33574229f" style="display:none" target="_blank">https://zenn.dev/airrnot1106/scraps/20e6a33574229f</a></p>
<p data-line="87" class="code-line">このときはWhyについてあまり整理できていませんでしたが、記録を行ったことで、似たような事例に遭遇した際に効率よく解決することができました。</p>
<p data-line="89" class="code-line">また、地味に読まれているようで、他の方がNixに入門した際の参考文献に挙げられているのを複数件観測しました。</p>
<p data-line="91" class="code-line">このように、リアルタイムで学習の様子を残しておくことで、自分のためにも他に人のためにもなるのです。</p>
<p data-line="93" class="code-line">まさに、実用的で需要なある学習ですね。</p>
<h2 id="%E3%81%95%E3%81%82%E3%80%81%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%82%92%E5%A7%8B%E3%82%81%E3%82%88%E3%81%86" data-line="95" class="code-line">
<a class="header-anchor-link" href="#%E3%81%95%E3%81%82%E3%80%81%E5%AD%A6%E7%BF%92%E5%AE%9F%E6%B3%81%E3%82%92%E5%A7%8B%E3%82%81%E3%82%88%E3%81%86" aria-hidden="true"></a> さあ、学習実況を始めよう</h2>
<p data-line="97" class="code-line">AIに頼ることも大切ですが、自分の学習プロセスを意識的に記録することで、より効率的に成長できます。あなたの初見の反応やつまづきは、誰かにとって価値のある情報になるのです。</p>
<p data-line="99" class="code-line">今日から、学習の実況を始めてみませんか？</p>


初心者は実況しろ

初心者だからこそできる初見実況

なぜ初心者の学習実況に価値があるのか

Discussion