<h1 id="%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<a class="header-anchor-link" href="#%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> この記事について</h1>
プログラミングする際には必ずと言っていいほど、エラーやツールの使い方について検索すると思います。しかし、検索すると言っても「 どういう単語を使えばいいか分からない 」、「 サイトから必要な情報を見つけられない 」など、検索に困ったことのある人は結構いると思います。
この記事では、筆者がやっている検索テクニックを少しだけご紹介したいと思います。 
あくまで筆者の解決方法なので、必ず解決できるようになるわけではありませんが、参考になるとは思います。
もし間違いや、他のテクニックを知っているい人が居ましたら、コメントで教えて頂けると嬉しいです 🙏
<h1 id="%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-1-%3A-%E3%82%A8%E3%83%A9%E3%83%BC%E6%96%87%E3%82%92%E3%82%B0%E3%82%B0%E3%82%8B">
<a class="header-anchor-link" href="#%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-1-%3A-%E3%82%A8%E3%83%A9%E3%83%BC%E6%96%87%E3%82%92%E3%82%B0%E3%82%B0%E3%82%8B" aria-hidden="true"></a> 検索テクニック 1 : エラー文をググる</h1>
エラー文をググるのは基本中の基本ですが、エラー文ってごちゃごちゃしていて、どこからどこまでを検索したらいいか分かりにくいですよね。
私はよく React.js を使うのですが、React.js のエラー文を例に解説したいと思います。
<details><summary>React.js エラー文サンプル</summary><div class="details-content">
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
in Test (at src/index.js:65)
</div></details>
上記はエラー文( 正確には警告文 )は、結構な文字列がありますね。 
これを丸々コピーして、検索欄に張り付けて検索するのも良いですが、より効率がいい方法があります。
それは、最初の文のみコピーして貼り付ける方法です。 
上記のエラー文だと以下のようになります。
<aside class="msg message">!<div class="msg-content">
Warning: Can't perform a React state update on an unmounted component.
</div></aside>
何故、最初の文のみで良いのか？ 
簡単な話です。既に同じような問題にあった人は、質問サイトや github の issues などに以下のようにして、投稿します。
<blockquote>
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
in Test (at src/index.js:65)
というエラーが出たんですけど、どうすればいいですか？
</blockquote>
上記のように、全文を張り付けて投稿します。そのため、エラー文のような決まり文句的な文章は、最初の文のみで十分ヒットします。逆に全文コピーしてしまうと、マッチする条件が厳しくなってマッチしづらくなります。
検索のコツは、なるべく短い文章にすることです。 
しかし、短すぎると検索対処が多くなりすぎて探すのが大変です。なので、最初の文章ぐらいがベストな長さなのです。
<h1 id="%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-2%3A-%E7%B0%A1%E5%8D%98%E3%81%AA%E8%8B%B1%E5%8D%98%E8%AA%9E%E3%81%A7%E6%A4%9C%E7%B4%A2%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-2%3A-%E7%B0%A1%E5%8D%98%E3%81%AA%E8%8B%B1%E5%8D%98%E8%AA%9E%E3%81%A7%E6%A4%9C%E7%B4%A2%E3%81%99%E3%82%8B" aria-hidden="true"></a> 検索テクニック 2: 簡単な英単語で検索する</h1>
情報の絶対数で言えば日本語よりも英語の情報量の方が圧倒的に多いので、英語の情報を探した方が知りたい情報を手に入れやすくなります。しかし、英語の情報を検索するとなると、英語で検索しなければなりません。
英語で書いてある情報は翻訳アプリで何とかなりますが、英語で検索するのは自分で英語を考える必要があるため、とても大変です。
そこで、誰でもすぐに使える英語での検索方法をご紹介します。
<h2 id="%E3%80%8C-%E3%80%87%E3%80%87-not-working-%E3%80%8D%E3%81%BE%E3%81%9F%E3%81%AF%E3%80%8C-%E3%80%87%E3%80%87-doesn't-work-%E3%80%8D">
<a class="header-anchor-link" href="#%E3%80%8C-%E3%80%87%E3%80%87-not-working-%E3%80%8D%E3%81%BE%E3%81%9F%E3%81%AF%E3%80%8C-%E3%80%87%E3%80%87-doesn't-work-%E3%80%8D" aria-hidden="true"></a> 「 〇〇 not working 」または「 〇〇 doesn't work 」</h2>
何か使っているライブラリが、なぜだか動かない場合にこれが使えます。 
( 使っているライブラリ名 ) + not workingまたは、( 使っているライブラリ名 ) + doesn't workと検索するだけで、情報量が飛躍的に向上するので、とてもお勧めです。
ポイントとして、ライブラリ名と「 not working 」などの状況を説明する文章が重要なので、正しい英文するのではなく、必要な情報のみ記述しましょう。 ( これは日本語でも言えることですね )
<h2 id="%E3%80%8C-how-to-%EF%BD%9E-%E3%80%87%E3%80%87-%E3%80%8D">
<a class="header-anchor-link" href="#%E3%80%8C-how-to-%EF%BD%9E-%E3%80%87%E3%80%87-%E3%80%8D" aria-hidden="true"></a> 「 How to ～ 〇〇 」</h2>
ライブラリをどのように使っていいか分からない時や、挙動などが分からない時に、これが便利です。使い方が知りたいなら「 How to use 〇〇 」、どのように動いているか知りたいなら「 How to work 〇〇 」 で大体行けます。
こちらのポイントも正しい英文するのではなく、必要な情報のみ記述しましょう。 なんなら、「 How 」は抜かして、「 〇〇 use 」でも簡単な情報なら大丈夫です。
またこの応用として「 What 」や「 When 」などでも、同じように検索できます。
<h1 id="%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-3-%3A-google-%E6%A4%9C%E7%B4%A2%E3%81%AE%E8%A8%80%E8%AA%9E%E8%A8%AD%E5%AE%9A%E3%82%92%E8%8B%B1%E8%AA%9E%E3%81%AB%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-3-%3A-google-%E6%A4%9C%E7%B4%A2%E3%81%AE%E8%A8%80%E8%AA%9E%E8%A8%AD%E5%AE%9A%E3%82%92%E8%8B%B1%E8%AA%9E%E3%81%AB%E3%81%99%E3%82%8B" aria-hidden="true"></a> 検索テクニック 3 : Google 検索の言語設定を英語にする</h1>
多くの日本人は Google で検索する時、日本語の設定で検索していると思います。しかし、検索テクニック 2 のように英語で検索する時、日本語の設定のままだと日本語圏から英語の情報を引っ張って来ようとするため、本来ヒットするはずの情報がヒットしなくなったりします。
なので、もし検索テクニック 2 で検索したのに欲しい情報が手に入らなかった時は、Google の言語設定を英語に変えてみると良いかもしれません。 結構、検索結果が変わるので、私は良く多用しています。
<ul>
<li><a href="https://support.google.com/websearch/answer/3333234?co=GENIE.Platform%3DDesktop&amp;hl=ja" target="_blank" rel="nofollow noopener noreferrer">Google の言語の変更 - パソコン - Google 検索 ヘルプ</a></li>
</ul>
<h1 id="%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-4-%3A-%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E6%A4%9C%E7%B4%A2%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-4-%3A-%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E6%A4%9C%E7%B4%A2%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%99%E3%82%8B" aria-hidden="true"></a> 検索テクニック 4 : ページ内検索を活用する</h1>
これをやっている人は結構いると思いますが、一応紹介しておきます。 
ブラウザで「 ctrl + f 」( mac なら「 cmd + f 」)で、ページ内検索が出来ます。
この機能を使う事で、サイト内の情報すべてに目を通さずに、必要な情報だけを見ることが出来ますので時間の節約ができます。
また、これの応用としてChrome だと検索にヒットしたモノがどの位置にあるのかがスクロールバーに表示されます。
そのため、
<ol>
<li>検索する</li>
<li>サイトに訪問する</li>
<li>まず初めにサイト内検索を実行</li>
<li>スクロールバーから必要な情報があるか確認する</li>
<li>あったらその箇所を見る、無ければ他のサイトに行く</li>
</ol>
という感じで、一つあたりのサイトの閲覧時間を短くして、複数のサイトの情報をいっぱい見る事が出来ます。これによって、サイト内の情報が間違っている事に気が付きやすくなるので、サイト情報からのバグなどを防ぐことが出来ます。<a href="#fn-77f8-1" id="fnref-77f8-1">[1]</a>
<h1 id="%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-5-%3A-github-%E3%81%AE-issues-%E3%82%92%E8%A6%8B%E3%82%8B">
<a class="header-anchor-link" href="#%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-5-%3A-github-%E3%81%AE-issues-%E3%82%92%E8%A6%8B%E3%82%8B" aria-hidden="true"></a> 検索テクニック 5 : Github の issues を見る</h1>
自分が使っているライブラリが OSS で開発されており、それが Github に公開されているというのは珍しくありません。そのため、Github の issues に自分の問題の解決方法がある事も多いと思います。
しかし、issues は基本英語ですし、使ったことが無い人も多いのではないでしょうか？ 
そこで、issues から必要な情報を取り出すために必要なテクニックをご紹介します。
<h2 id="in%3Abody-%E3%81%A7%E5%A4%A7%E4%BD%93-ok%F0%9F%91%8C">
<a class="header-anchor-link" href="#in%3Abody-%E3%81%A7%E5%A4%A7%E4%BD%93-ok%F0%9F%91%8C" aria-hidden="true"></a> in:body で大体 OK👌</h2>
Github の issues には検索欄があります。画像の赤枠で囲ったところがそうですね。
<img src="https://storage.googleapis.com/zenn-user-upload/cyczyop67xeekzltwdcrk9g58shi" alt="Search form of github issues" loading="lazy" class="md-img">
この検索欄に <code>検索したい単語 in:body</code> とすると、その文章を含む issues を検索することが出来ますので、issues が大量にある有名な OSS でも<code>in:body</code>を使う事で目的の issue を見つけやすくなります。
私が使っている中では <code>in:body</code> で大体の事は解決しますが、他の検索用修飾子もありますので、もっと知りたい人は公式ページから確認すると良いと思います。
<ul>
<li><a href="https://docs.github.com/ja/free-pro-team@latest/github/searching-for-information-on-github/searching-issues-and-pull-requests" target="_blank" rel="nofollow noopener noreferrer">Issue およびプルリクエストを検索する - GitHub Docs</a></li>
</ul>
<h2 id="emoji-%E3%82%92%E8%A6%8B%E3%82%8C%E3%81%B0%E3%80%81%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%E3%81%8C%E5%88%86%E3%81%8B%E3%82%8B-%F0%9F%98%80">
<a class="header-anchor-link" href="#emoji-%E3%82%92%E8%A6%8B%E3%82%8C%E3%81%B0%E3%80%81%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%E3%81%8C%E5%88%86%E3%81%8B%E3%82%8B-%F0%9F%98%80" aria-hidden="true"></a> Emoji を見れば、解決方法が分かる 😀</h2>
<code>in:body</code>を使って必要な情報が載って良そうな issues を見つけ出せたとしても、その issue の内容が長ければ、またそこから探す羽目になり大変です。しかし、Emoji を見ればどんなに内容が長くても一瞬で解決策を見つけることが出来ます。
<img src="https://storage.googleapis.com/zenn-user-upload/uc49emubp2mw0j8he3jimw9dfda4" alt="awesome github issue" loading="lazy" class="md-img">
上記の画像のように、issue の回答には Emoji を付けることが出来ます。そして、良い解決策を書いている回答には大体 Emoji が付いているので、Emoji が付いている回答を探すだけで解決策を見つけることが出来ます。 また、Emoji は目を引く派手さがあるので、結構な速度でスクロールしても見分けることが出来るところも良い点ですね。
上記より、Github の issues は大体以下の流れで解決策を見つけることが出来ます。
<ol>
<li>
<code>in:body</code>を使って issue を探す</li>
<li>検索結果から気になる issue を開く</li>
<li>開いた issue から Emoji の付いた回答を探す</li>
<li>Emoji があったらその解答だけを読む、無ければ他の issue を見る</li>
</ol>
因みに、付けられる Emoji には種類があるのですが、大体は "👍" が付いているので、それを目安に探せば大丈夫だと思います。あと、Emoji の横に何人が Emoji を付けたかが分かるので、それも考慮して探すのも良い方法です 👍
<h1 id="%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-6-%3A-%E6%95%B0%E6%92%83%E3%81%A1%E3%82%83%E5%BD%93%E3%81%9F%E3%82%8B%E4%BD%9C%E6%88%A6">
<a class="header-anchor-link" href="#%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-6-%3A-%E6%95%B0%E6%92%83%E3%81%A1%E3%82%83%E5%BD%93%E3%81%9F%E3%82%8B%E4%BD%9C%E6%88%A6" aria-hidden="true"></a> 検索テクニック 6 : 数撃ちゃ当たる作戦</h1>
今まで紹介してきた方法でも見つからないなら、もう残された方法は一つです。。。
表示されたサイトを、片っ端からチェックする！
以上です！
<section class="footnotes">
脚注
<ol class="footnotes-list">
<li id="fn-77f8-1" class="footnote-item">
例えばコピペしたソースコードが間違っていたなど <a href="#fnref-77f8-1" class="footnote-backref">↩︎</a>
</li>
</ol>
</section>

プログラミングでの検索テクニック集

検索テクニック 1 : エラー文をググる

「 〇〇 not working 」または「 〇〇 doesn't work 」

検索テクニック 2: 簡単な英単語で検索する

検索テクニック 3 : Google 検索の言語設定を英語にする

検索テクニック 4 : ページ内検索を活用する

Emoji を見れば、解決方法が分かる 😀

検索テクニック 5 : Github の issues を見る

検索テクニック 6 : 数撃ちゃ当たる作戦

Discussion