コーディングチュートリアルのメモを取り、実際に学習する方法

何が起こっているのでしょうか？それは能力の錯覚が働いているのです。他の誰かが問題を解決するのを受動的に見ていると、脳がパターンを認識するため、生産的に感じます。しかし、認識は理解と同じではありません。情報は身近に感じられますが、短期記憶から、実際に何かを構築するために必要な種類の深く、使える知識にジャンプすることはありません。ビデオ学習には保持の問題があります — 人々は見ますが、覚えていません。

#「ただメモを取る」アプローチの問題点

さて、受動的な視聴は終わりです。論理的な次のステップは、メモを取り始めることですよね？これは、ほとんどの人が壁にぶつかるところです。なぜなら、ペースの速いコーディングチュートリアル中に手動でメモを取ることは、不格好で、非生産的な混乱だからです。

ワークフローは通常、次のように崩壊します。

• 絶え間ない一時停止: 概念を書き留めたり、コードスニペットを入力したりするために30秒ごとに一時停止を押しているため、集中力とフローが完全に粉々になります。
• 散在するスクリーンショット: 重要なコードブロックの写真を撮りますが、それらはランダムなデスクトップフォルダに終わり、そのコードがなぜ重要なのかを説明するメモとはまったく切り離されています。スクリーンショットはメモとの関連性なく散在してしまいます。
• 失われたコンテキスト: 後でメモを見返すと、コードの行や不可解な箇条書きが表示されます。ビデオからの視覚的なコンテキストがなければ、それは無意味です。トランスクリプトでは、図、画面上のコード、およびデモンストレーションが欠落しています。

この不器用なプロセスは、学習を雑用に変えます。実際の概念を把握するよりも、ツールと戦う時間の方が長くなります。これは、非常に多くの意欲的な開発者が落胆してあきらめる大きな理由です。

受動的な学習は、他の誰かがウェイトを持ち上げるのを見ているようなものです。テクニックは理解できますが、自分自身で筋肉を構築しているわけではありません。強くなるためには、レップを行う必要があります。

#見ることと行うことの間のギャップを埋める

実際にコーディングを学ぶには、概念を見てからそれを自分で適用するまでのギャップを埋めるシステムが必要です。目標は、情報を非常に効率的にキャプチャして、本当に重要な唯一の部分、つまりコードを書いて問題を解決するために精神的なエネルギーを節約できるようにすることです。

ここで専用ツールがゲームを変えます。HoverNotes は、あなたと一緒にビデオを見て、AIノートを生成し、Markdownとして直接ファイルシステムに保存するChrome拡張機能です。常に一時停止する代わりに、AIがメモ取りを処理できるため、理解に集中できます。散在するスクリーンショットをやりくりする代わりに、メモの適切な場所に埋め込まれたタイムスタンプ付きの画像を取得できます。

トランスクリプトのみを解析するツールとは異なり、HoverNotesはビデオを見て、実際に画面に表示されているものをキャプチャします。この単純なシフトにより、コンテンツを再視聴する時間を大幅に削減できます。チュートリアルを再視聴することの隠れたコストについては、記事で詳しく知ることができます。重要なのは、学習を能動的なプロセスにすることです。

#コーディングチュートリアルで効果的なメモを取る方法

「チュートリアル地獄」に閉じ込められたことがあるなら、その気持ちはわかります。抜け出す方法は、「より良い」チュートリアルを見つけることではありません。それらをどのように使用するかを変えることです。目標は、受動的な視聴者であることをやめ、能動的な学習者になることです。

まず、小さな完全なプロジェクトを構築するチュートリアルを選びます。孤立した概念だけをカバーするものは避けてください。プロジェクトはコンテキストとゴールラインを与えてくれ、モチベーションを維持するために不可欠です。

#視聴してから実行するメソッド

一行ずつコーディングする代わりに、これを試してみてください。キーボードに触れずにビデオの5〜10分の塊を見てください。ただ見てください。あなたの唯一の仕事は、何をそしてなぜを理解することです。

そのセグメントが終わったら、ビデオを一時停止し、コードエディタに切り替えて、記憶からその部分を構築してみてください。ここで本当の学習が起こります。あなたは脳に情報を思い出させて適用するように強制しているのであって、ただオウム返しにしているのではありません。

この意図的な想起と適用の行為が知識を定着させるものです。それは、外国語のフレーズを認識することと、実際にそれを話すことができることの違いです。

あなたは必ず行き詰まります。それは良い兆候です。それは、あなたが現在の理解の限界を見つけたことを意味します。そうなったときは、すぐに再生ボタンを押したいという衝動と戦ってください。あなたの最初の動きは、メモを参照することであるべきです。

#メモはあなたの最初の防衛線です

ここで、効率的なメモ取りがあなたのスーパーパワーになります。HoverNotesのようなツールをビデオと一緒に実行すると、面倒な作業はツールが処理してくれるので、コンセプトに集中できます。「実行」フェーズで必然的に行き詰まったとき、これらの整理されたメモがあなたのライフラインになります。

• 概念を確認する: AIが生成した要約から始めて、高レベルの目標について記憶をリフレッシュします。
• コードを見る: コードブロックのタイムスタンプ付きスクリーンショットを確認します。単純なタイプミスですか？セミコロンを忘れましたか？
• 正確にジャンプバックする: それでもわからない場合は、スクリーンショットのタイムスタンプを1回クリックするだけで、ビデオのその正確な瞬間に戻ります。これは外科的なレビューであり、目的のない再視聴ではありません。

このワークフローは、メモを静的なトランスクリプトから、インタラクティブな学習パートナーに変えます。このアプローチの詳細については、効果的なチュートリアルノートの取り方に関するガイドをご覧ください。

#本当に重要なことをキャプチャする

プログラミングのチュートリアルは非常に視覚的です。テキストのトランスクリプトだけでは、コード、図、およびターミナルの出力が欠落しています。

だからこそ、ビデオの特定の領域を切り取る機能が非常に強力なのです。HoverNotesのようなツールを使えば、「必要なコードスニペットや図だけを切り取ることができます。フレーム全体をキャプチャする必要はありません」。これらの視覚的なアンカーは、数日後または数週間後にメモに戻ってきたときに非常に貴重です。

AIがなくても、手動でタイムスタンプ付きのスクリーンショットが撮れる集中モードを提供するツールを使用するだけでも、大幅なアップグレードになります。ビデオを片側に、メモをもう一方に配置し、広告や煩わしい推奨事項を取り除きます。

#長期的な想起のためのパーソナルコードライブラリの構築

チュートリアルを終えることは、スタートラインに立ったにすぎません。本当の勝利は、その1回限りのレッスンを、将来のすべてのプロジェクトで頼りにできる、永続的で検索可能な知識ベースに変えることです。これにより、同じビデオを何度も見返すループから抜け出すことができます。

メモをランダムなドキュメントに散らかすのではなく、パーソナルコードライブラリを構築する必要があります。ソリューションとコードスニペットのための中央ハブと考えてください。3か月後に同様の問題で行き詰まったとき、答えはブラウザの履歴に埋もれているのではなく、ライブラリにあるべきです。

この戦略は、メモが本当にあなたのものである場合に特に強力です。HoverNotesのようなツールを使用して、メモをローカルファーストのMarkdown（.md）ファイルとして保存すると、あなたの知識はどこかの会社のクラウドサービスに閉じ込められることはありません。あなたはファイルを所有しています。移動、バックアップ、grep — それらはただのMarkdownです。これは、ローカルファーストのツールとデータの所有を重視する学習者にとって重要です。

#メモから検索可能なシステムへ

便利なライブラリは、すべて整理に関するものです。メモをフォルダに放り込むだけでは、混乱を招くだけです。知識を構造化することで、プレッシャーにさらされているときに必要なものを見つけることができます。

作成時にメモにタグを付ける習慣をつけましょう。

• 言語別: #python、#javascript、#sqlなどのタグを使用します。
• 概念別: #api、#loop、#authentication、#css-flexboxなどの中心的なアイデアにタグを追加します。
• プロジェクト別: メモが特定のビルドに関連付けられている場合は、#portfolio-siteのように適宜タグを付けます。

ローカルのMarkdownファイルを管理するのに最適なObsidianのようなツールで、よく整理された知識ベースがどのように見えるかを垣間見ることができます。 この種の構造は、メモを受動的な記録から、すでに解決済みのソリューションの能動的でクエリ可能なデータベースに変換します。

#視覚的なコンテキストと検索の力

優れたコードライブラリには、テキスト以上のものが含まれています。コードに意味を与えた視覚的なコンテキストが含まれています。メモにコード、図、またはターミナル出力のタイムスタンプ付きスクリーンショットを埋め込むと、「何を」の背後にある重要な「なぜ」を保持できます。

最も強力なメモは、理解の瞬間にあなたを連れ戻すことができるものです。ビデオの正確な秒にジャンプするクリック可能なスクリーンショットは、究極の想起ツールです。

このシステムは、よく知られた問題に直面したときに真価を発揮します。漠然としたGoogle検索の代わりに、自分のメモで#apiを検索すると、視覚的なリマインダー付きの正確なコードスニペットがすぐに見つかります。このプロセスは時間を節約するだけでなく、学んだことを強化します。このワークフローについてさらに詳しく知りたい場合は、チュートリアルから再利用可能な知識ベースを構築する方法に関するガイドをご覧ください。

Obsidianを学習に使用している場合、HoverNotesはメモを直接ボールトに保存するため、このプロセス全体がシームレスになります。また、Notionユーザーの場合は、メモをNotionにきれいにコピーできます。目標は、すべてのチュートリアルがあなたの個人的なプログラミング百科事典に、永続的で検索可能なブロックをもう1つ追加するシステムを構築することです。

#コーディングを学ぶ際に避けるべきよくある間違い

プログラミングを学ぶ最良の方法を知ることは、避けるべき一般的な罠を知ることも意味します。多くの初心者は、同じいくつかのでつまずきます。それらを避けることは、選択する学習方法と同じくらい重要です。

最大のハードルの1つは、一度に多くの言語を学ぼうとすることです。この「ショットガン」アプローチは、多くの分野で浅い知識につながるだけで、どの分野でも習熟には至りません。あなたの目標に合った1つの言語を選び、習熟するまでそれに固執してください。

もう1つの古典的な間違いは、理解よりも暗記を目指すことです。すべての関数や構文ルールを暗記する必要はまったくありません。そのためにドキュメントがあり、すべてのプロの開発者が毎日それを使用しています。代わりに、ループ、条件、データ構造などのコアコンセプトを把握することに集中し、必要なものを見つけるためにドキュメントを読むスキルを練習してください。

#柔軟なアプローチを見つける

1つの学習スタイルに固執することも、あなたの足を引っ張る可能性があります。スタンフォード大学の研究によると、行動の柔軟性がコーディングの成功の重要な予測因子であることが明らかになりました。系統的な「計画」から実験的な「いじくり回し」へとアプローチを切り替えることができた学生は、大幅に良い成績を収めました。適応性があることはスーパーパワーです。

この適応性は、助けを求める方法にも当てはまります。非常に多くの学習者が、助けを求めるのが早すぎるか、長すぎるかのどちらかです。良い中間点は**「20分ルール」です。バグや問題に20分**間自分で取り組みます。それでも完全に行き詰まっている場合は、そのとき助けを求めたり、答えを探したりする時間です。これにより、何時間も空回りすることなく、回復力が構築されます。

最も効果的な学習者は、実験し、間違いを犯し、何かがうまくいかないときに戦略を適応させることを恐れません。進歩はめったに直線ではありません。

最終的に、コーディングを学ぶことはマラソンであり、スプリントではありません。これらのよくあるエラーを回避することで、勢いを維持し、長持ちする強固な基盤を構築できます。

コーディング固有のエラー以外にも、一般的な学習の課題に対処することも賢明です。10 Common Study Mistakes And How To Avoid Themに関するこの記事は、始めるのに最適な場所です。また、チュートリアルで見たものを適用するのに苦労している場合は、チュートリアルコードを実際のプロジェクトで機能させる方法に関するガイドも、そのギャップを埋めるのに役立ちます。

AIがなくても、HoverNotesの集中モードとタイムスタンプ付きスクリーンショットは、集中力を維持する価値があります。無料で試すことができます—クレジットカードは不要で、20分間のAIクレジットが利用可能です。詳細はhttps://hovernotes.ioをご覧ください。