ホーム>Stylebot&Stylus(CSS)広告を利用しています当サイトは広告を掲載しています。Trashなど)を日本語化するCSSを書きます。ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。僕はスマホやPCでサクッと文章やメモを共有できるウェブサイト「Simplenote」を利用しています。Authenticatorなど)がないので、最近は別サービスに乗り換えたほうがいいのかなとも思いつつ、使っています。PCウェブサイト版は日本語化されておらず、右上の三点ボタンを押した時のメニューが英語です。Trash」といった感じです。スマホのアプリ版(Android)はちゃんと日本語化されているので、ウェブ版もいつか日本語に最適化してくれたらなぁと思います。それまでは自分でCSSを書いて、無理やり日本語化してみます。自身の環境上だけで他人のデバイスには影響しません。CSSで日本語化するメリットは自分で好きな文言に変えられる点です。デメリットはCSSを適用する拡張機能を入れたり、CSSを書き込んだりとPC初心者さんには若干ハードルが高い点です。本記事は拡張機能を導入できるPCブラウザ向けです。アプリ版では拡張機能を入れられないのでできません。感想インストール方法Chromeウェブストアからインストールできます。Edge」と「Firefox」版もあります。本記事では「Stylebot」を紹介しますが、「Stylus」などでもOKです。僕はメインでは「Stylus」を使っています。instantlyhttps://chromewebstore.google.com/detail/stylebot/oiaejidbmk...「Chromeに追加」をクリックします。「拡張機能を追加」をクリックします。拡張機能のオーバーフローメニューに追加されたらOKです。頻繁に開く場合は、拡張機能のオーバーフローメニューを開いて、「Stylebot」の隣にあるピン留めアイコンをクリックします。ツールバーに直接配置されます。詳しい使い方を知りたい方は、以下の記事を参考にしてみてください。...https://www.naporitansushi.com/stylebot/「Simplenote」の右上メニューを日本語化するCSS「Simplenote」にアクセスします。インストールした「Stylebot」拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。右側に白紙のサイドバーが表示されます。「Stylebot」を起動した場合は、「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると、白紙のスタイルシート画面を開けます。書き込むCSSコードは以下になります。変える部分に対して若干コードが長いです。}}上記CSSをそのまま書き込んだら、自動的に右上メニュー内の項目全てが日本語化されます。翻訳については、英語が全くできない僕が勝手に書いているので、おかしい部分もあるかもしれません。CSSのメリットは自分で好きなようにカスタマイズできる点です。上記CSSの翻訳が気に食わない場合、自分で書き替えてみてください。それぞれの項目にある日本語部分を修正します。!important;」の「ピン留め」という部分を好きな文言にします。前後の「'」記号は必要なのでうっかり消さないように注意です。0;」を適用して、文字サイズを0にしています。0にすることで自動的に見えなくなります。その後、疑似要素である「::after」で日本語文章を書き込むことで、見た目上元文章を翻訳しているように見せています。CSSは僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、サイト側の仕様変更でいつの間にか使えなくなる可能性もあります。書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で修正したいと思います。下記画像のようになればOKです。記事執筆時点の「Stylebot」だとCSSの入れ子という技を使った時、赤波線でエラーっぽい感じになりますが、問題なく動作するので気にしなくてOKです。右上の「×」でスタイルシートを閉じます。再度拡張機能ボタンを押して、登録したサイト(例:app.simplenote.com)がオンになっていることを確認します。オンになっている間は有効になっているということです。適当に「Simplenote」に作成したメモを開きます。右上にある三点ボタンをクリックします。書き込んだ日本語になります。CSS適用前と適用後の比較画像を貼っておきます。そもそもそんな分からないような英語じゃないので、英語のままでも問題ないっちゃないんですが、ちょっとの努力で変えられるのでね。いちおやっとくか...ってね。一時的に無効化したい場合は、拡張機能メニュー内にある「Stylebot」アイコンを左クリック→「app.simplenote.com」をオフにします。完全に使わなくなった場合は、書き込んだコードを削除します。Trashなど)を日本語化するCSSでした。左側の三本線(≡)を押した時や、詳細ボタンを押した時のメニューはそのまんまです。ここらへんもやろうと思ったらできると思いますが、さすがにめんどくさいです。僕が一番使う...というかそれ以外は使ってないですね。右上のメニューだけ使っているので、そこだけ使いやすいようにしました。