react css modulesを導入しようとして検索するとおきたこと🤭

「導入方法どのリンクにもないわ、本家本元どこなのよ・・・・」ということがありました。

日本語検索が優先されているので、本家リンクになかなか辿り着けないというのが原因です。

これを解決する方法を教えていただいたので共有＋Qiitaやブログが消された時用の忘備録にします。

思ってたのと違う。よくありますよね。それは他の人もそう思っているのかも。こういうのからすれ違いが始まりますね。

ブックマークレットを登録📝

以下のブックマークレットを登録してください。日本語除外検索であるかをチェックして、true=日本語検索、false=日本語除外検索にlrを更新するというシンプルさです。

javascript:(()=>{u=new URL(location);u.searchParams.set('lr',(u.searchParams.get('lr')=='-lang_ja')?'lang_ja':'-lang_ja');location.href=u.href;})()

ブックマークレット登録手順

適当に新しいブックマークを行い、ブックマークバーに登録します。

ブラウザ右上の…＞ブックマークから、該当のブックマークを右クリックし、編集をクリックします。
URL欄にjavascript:から始まるブックマークレットのコードをコピペすることで登録することができます。

検索してブックマークレットを使用する😀

早速使ってみましょう！

google検索を行った後、先ほど登録したブックマークレットをクリックしてください。

日本語を除外した検索に切り替わります。

やっぱり日本語がいい！と思ったら、もう一度クリックすれば戻ります。

余談

ブックマークレット元コード

(() => {
    let u = new URL(location);
    u.searchParams.set('lr', (u.searchParams.get('lr') == '-lang_ja') ? 'lang_ja' : '-lang_ja');
    location.href = u.href;
})()

ここにコードを貼り付けてコンパイルすると

(function(){var a=new URL(location);a.searchParams.set("lr","-lang_ja"==a.searchParams.get("lr")?"lang_ja":"-lang_ja");location.href=a.href})();

という風に短くしてくれます。もうちょっと短くできるので手直しします。

アロー関数に変えて、varを省略して（letなのにvarに退化させれるのは、==ClosureCompiler==内に// @language_out ECMASCRIPT_2017あたりで指定していなかったからっぽいです）変数名をuにし、末尾の;位置を調整（しなくてもいいかも）。

urlでなくてjavascriptですよとブラウザに認識させるためにjavascript:を先頭につける。

____という過程を経ているかと思われます。

ブックマークレットをドラッグ&ドロップで登録させられればいいのでは？

<これ>をブックマークバーにドラッグ＆ドロップしてください。ってできたら登録の説明かかなくていい。と思ったのですが・・・

{u=new URL(location);u.searchParams.set('lr',(u.searchParams.get('lr')=='-lang_ja')?'lang_ja':'-lang_ja');location.href=u.href;})()”>これ

//・・・html埋め込みをして誰得かな？と思いましたので、不採用となりました。