❗️こちらは、社内のnotion記事の転記版です。社内記事ツールが利用できなくなったので、お引越ししました。
⏱️ 2分で読んで、ブックマークレットの登録に長くても３分くらいでいけるかと思われます。
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:を先頭につける。
____という過程を経ているかと思われます。
ブックマークレットをドラッグ&ドロップで登録させられればいいのでは？
<これ>をブックマークバーにドラッグ＆ドロップしてください。ってできたら登録の説明かかなくていい。と思ったのですが・・・
//・・・html埋め込みをして誰得かな？と思いましたので、不採用となりました。