Google Chromeで文字コードを変更するChrome拡張機能「Charset」

Google Chromeのデフォルト機能には、文字コードを変更する機能がありません。
そのため、文字化けが起こってしまった場合にはどうすることもできません。
今回はそんなときに文字化けの解消ができるように、文字コードを変更するChrome拡張機能の「Charset」についてまとめておきます。
文字コードを変更したい状況
どんな状況で文字コードを変更したくなるのかというと、.jsファイルなどを開くときに、日本語で書かれてあるコメントを表示したいときです。
なにかコンフィグ用の設定ファイル内に変数をセットしてサーバーにアップしたあと、「ちゃんと指定の値を設定してアップしました」と報告するために文章だけでなくスクリーンショットと一緒に送信すると親切です。
ただ、そこでコメントが文字化けしているのではなく、ちゃんと日本語で表示されておいた方が先方も安心するため、文字コードを変えておきます。
Charset

CharsetはGoogle Chromeで開いている現在のページの文字コードを変更する拡張機能です。
インストールはChromeウェブストアから行いましょう。
基本的な使い方
デフォルトの場合は、.jsファイルなどを直接ブラウザで開くと「日本語 (Shift_JIS)」になっていて、日本語のコメントなどが文字化けしています。

「Charset」アイコンをクリックすると、文字コードの一覧が表示されます。

「Unicode (UTF-8)」をクリックすると、文字コードが変更されて.jsファイル内の日本語コメントも文字化けしなくなります。

元に戻したいときは「Reset」で戻せます。


220以上の有料Macアプリが使えるサブスクサービス「Setapp」
Chrome拡張機能「PocketTube」を使って、YouTubeの登録チャンネルをグループ分けして管理する
Bartender 4のShow for Updates機能を使って、AirPodsに接続しているときだけ「ToothFairy」のアイコンを表示させる
Bartender 4の「Show for Updates」機能で、特定条件でメニューアイコンが表示されるようにする
iStat Menusの「ディスク」アイコン表示と設定
iTerm2で画面の見た目や細かい設定などを「プロファイル」単位で保存・管理する環境設定の「Profiles」タブ
Macでfnキーを2回押すと音声入力が起動するのを無効化する方法
新しいMacBook Proを購入して移行するときにやること|最低限のアプリ設定編
Zoomで画面共有が始まると自動でフルスクリーンになるのをオフにする方法
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
HTMLのpattern属性を使ってフォームのバリデーションチェックを行う方法
Bartender 4のShow for Updates機能を使って、平日の指定時間の間だけメニューアイコンを表示させる
Keyboard Maestroのバージョン9.0がリリース!ダークモード対応やJSON関連のアクションが追加
GA4でページビューを確認する方法
macOSのシステム環境設定「言語と地域」の設定見直し
Figmaで細かいアニメーションを作成できるプラグイン「Motion」
Alfred 4の無料版と有料版(Powerpack)で使える機能比較
CSS Nite in Kobe, vol.48「ウェブサイトの課題発見とアイデア創出の方法を学ぶワークショップ」に参加してきました
Path Finderのフォルダ移動ショートカットキーを設定する【デフォルト設定 + Keyboard Maestro】
Figmaのフレームを一瞬で整列するプラグイン「LilGrid」