Casual Developers Note

エンジニアやデザイナー向けの技術情報・英語学習情報・海外留学情報・海外旅行情報を提供中。世界を旅して人生を楽しもう。

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • お問い合わせ
現在の場所:ホーム / 技術 Tips & Tutorials / [tips][Sublime Text] Sublime Text 3で文字化けしない方法

2014年2月2日 By KD コメントを書く

[tips][Sublime Text] Sublime Text 3で文字化けしない方法

[tips][Sublime Text] Sublime Text 3で文字化けしない方法

Sublime Text 3の設定自体は以前の記事(Sublime Text 3をインストールしたらまずやること)で紹介しました。今回は、特に文字コードに着目して、文字化けしない方法を説明します。

[tips][Sublime Text] Sublime Text 3をインストールしたらまずやること

見出し

  • 1 Sublime Textは「UTF-8」しか扱えないと思うこと!
  • 2 「Shift-JIS」のファイルを扱う方法
    • 2.1 #1 「ConvertToUTF8」
    • 2.2 #2「EncodingHelper」
  • 3 環境
    • 3.1 関連記事

Sublime Textは「UTF-8」しか扱えないと思うこと!

プログラミングをする場合、文字コードは「UTF-8」にするのが基本です。Python、Ruby、Perl、Java、HTML、CSS等すべてです。なぜかというのは難しいのですが、簡単に言うと、プログラムは英語で記述するので、ASCIIコードを包括する「UTF-8」で記述すればファイルサイズが最少になるというメリットや、TwitterやFacebook等のAPIの文字コードが「UTF-8」であるため、無駄な文字コード変換をする必要がないメリットなどがあります。

Sublime Textはプログラミングのためのエディタですから、デフォルトで「UTF-8」を採用しています。「Preference -> Settings – Default」を確認してみてください。以下の記述が見つかります。

{
   "default_encoding": "UTF-8",
   "fallback_encoding": "Western (Windows 1252)",
}

これはデフォルトのエンコーディングを「UTF-8」で行い(Ctrl+nで新規作成したファイルは「UTF-8」になる)、文字コードが不明なファイルを開くと「Windows 1252」で開かれることを意味しています。

お気づきかもしれませんが、ここを両方とも「Shift-JIS」にすれば、「Shift-JIS」のファイルも扱えるはずですが、残念ながらSublime Textは「Shift-JIS」に対応していません。つまり、日本語を扱いたい時は、「UTF-8」で扱うようにする必要がります。デフォルトでは、日本人には使い道のない「Windows 1252」が使用されているので、「Preference -> Settings – User」に以下を追記しましょう。

{
   "default_encoding": "UTF-8",
   "fallback_encoding": "UTF-8",
   "show_encoding": true,
}

これで、Sublime Text上で扱う文字コードが「UTF-8」であることが確定しました。「show_encoding」の設定により、右下のステータスバーにエンコーディングの文字コードが表示されるようになります。エンコーディングの文字コードは「Ctrl+`」でコマンドラインを開き、「view.encoding()」と入力しても確認できます。

ちなみに、Sublime Textの「UTF-8」にはBOMはありませんから安心して下さい。そもそも「UTF-8」にはエンディアンを指定する必要はないので、無駄な仕様ですよね。

「Shift-JIS」のファイルを扱う方法

Sublime Textでは「UTF-8」しか扱えないとしても、「Shift-JIS」のファイルを編集する方法はあります。「Shift-JIS」から「UTF-8」に変換して開く -> Sublime Textで編集 -> 「UTF-8」から「Shift-JIS」に変換して保存、といった流れです。

これを実現してくれるのが、以下のプラグインです。2つ紹介します。Package Controlからインストールしてみて下さい。

#1 「ConvertToUTF8」

開いたファイルの文字コードを自動的に判別して「UTF-8」に変換してくれる便利なプラグインです。ファイルを編集して保存すると、元の文字コードで保存されます。

#2「EncodingHelper」

手動で「Edit」からファイルの文字コードを選択して「UTF-8」に変換できるようにしてくれるプラグインです。「ConvertToUTF8」は自動で便利ですが、たまに間違えて変換することがあるので、手動で変換できると便利です。

これで、Sublime Textで文字化けしないで、ファイルを編集できるようになりました。とはいっても、プログラムの文字コードは「UTF-8」に統一して扱うのがベターですよ。

環境

OS : Windows7
Sublime Text : Sublime Text 3

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
KD
Twitter のプロフィール

KD

世界を旅し日本を愛するエンジニア。大学でコンピュータサイエンスの楽しさを学び、日本の大手IT企業で働く中で、新しい技術やスケールするビジネスが北米にある事に気づく。世界に挑戦するための最大の壁が英語であったため、フィリピン留学およびカナダ留学を経て英語を上達させた。現在は日本在住でエンジニアとして働きつつ、次の挑戦に備えて世界の動向を注視している。挑戦に終わりはない。このブログでは、エンジニアやデザイナー向けの技術情報から、海外に留学したい人向けの留学情報、海外に興味がある人向けの海外旅行情報など、有益な情報を提供しています。
KD
Twitter のプロフィール

最新記事 by KD (全て見る)

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介 - 2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~ - 2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~ - 2019年10月30日

関連記事

  • [tips][Sublime Text] Sublime Text 3でPerlを実行可能にする方法

    Sublime Text 3では、「Ctrl+B」のショートカットでプログラムを実行できるという仕組みがあります。「To…

  • [tips][Sublime Text] Sublime Text 3をインストールしたらまずやること

    最近お気に入りのエディタ「Sublime Text 3」のインストールしたら最初にやることを紹介します。プログラミングす…

  • [tips][Sublime Text] Sublime Text 3でPackage Controlを使う時のproxyの設定方法

    前回はSublime Text 3をインストールして最初にすることに関して説明しました。 基本的にはそれOKなのですが、…

カテゴリ : 技術 Tips & Tutorials タグ : encoding, sublimetext, tips, tumblr-imported, windows

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

ブログ更新情報や海外の関連情報などを配信する無料メルマガ

Sponsored Links

About Author

KD

世界を旅し日本を愛するエンジニア。大学でコンピュータサイエンスの楽しさを学び、日本の大手IT企業で働く中で、新しい技術やスケールするビジネスが北米にある事に気づく。世界に挑戦するための最大の壁が英語であったため、フィリピン留学およびカナダ留学を経て英語を上達させた。現在は日本在住でエンジニアとして働きつつ、次の挑戦に備えて世界の動向を注視している。挑戦に終わりはない。このブログでは、エンジニアやデザイナー向けの技術情報から、海外に留学したい人向けの留学情報、海外に興味がある人向けの海外旅行情報など、有益な情報を提供しています。

https://casualdevelopers.com/

最近の投稿

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介

    2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介

    2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    2019年10月30日
  • BashからZshに移行する方法(Mac編)

    BashからZshに移行する方法(Mac編)

    2019年10月21日
  • Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    2019年9月30日

カテゴリ

  • 技術 Tips & Tutorials (100)
  • 技術塾 (6)
  • ライフハック (26)
  • 海外留学 (12)
  • 英語学習 (3)
  • コラム (6)

アーカイブ

最高の学習のために

人気記事ランキング

  • MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
    MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
  • SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
    SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
  • Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
    Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
  • Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
    Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
  • [tips][perl] Perlで文字コードをいい感じに処理する方法
    [tips][perl] Perlで文字コードをいい感じに処理する方法
  • Amazon EC2インスタンスにSSHできなくなった時の対処法
    Amazon EC2インスタンスにSSHできなくなった時の対処法
  • SLF4JとLogbackによるJavaのロギング入門(SLF4J + Logback + Lombok)
    SLF4JとLogbackによるJavaのロギング入門(SLF4J + Logback + Lombok)
  • AWS ECRとECSの入門(EC2編) ~ ECSのEC2版を使ってReactのDockerアプリケーションをAWS上で稼働させる方法 ~
    AWS ECRとECSの入門(EC2編) ~ ECSのEC2版を使ってReactのDockerアプリケーションをAWS上で稼働させる方法 ~
  • PythonでWebスクレイピング入門(Scrapy+Selenium編)
    PythonでWebスクレイピング入門(Scrapy+Selenium編)
  • [tips][Sublime Text] Sublime Text 3で文字化けしない方法
    [tips][Sublime Text] Sublime Text 3で文字化けしない方法

Bitcoin寄付 / BTC Donation

Bitcoinを寄付しよう

BTC
Select Payment Method
Personal Info

Donation Total: BTC 0.0010

このブログの運営のためにBitcoinでの寄付を募集しています。お気持ち程度の寄付を頂けると管理者の励みになります。

Bitcoin寄付について知りたい方はこちらの記事へ

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
KD
Twitter のプロフィール

KD

世界を旅し日本を愛するエンジニア。大学でコンピュータサイエンスの楽しさを学び、日本の大手IT企業で働く中で、新しい技術やスケールするビジネスが北米にある事に気づく。世界に挑戦するための最大の壁が英語であったため、フィリピン留学およびカナダ留学を経て英語を上達させた。現在は日本在住でエンジニアとして働きつつ、次の挑戦に備えて世界の動向を注視している。挑戦に終わりはない。このブログでは、エンジニアやデザイナー向けの技術情報から、海外に留学したい人向けの留学情報、海外に興味がある人向けの海外旅行情報など、有益な情報を提供しています。
KD
Twitter のプロフィール

最新記事 by KD (全て見る)

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介 - 2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~ - 2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~ - 2019年10月30日

関連記事

  • [tips][Sublime Text] Sublime Text 3でPerlを実行可能にする方法

    Sublime Text 3では、「Ctrl+B」のショートカットでプログラムを実行できるという仕組みがあります。「To…

  • [tips][Sublime Text] Sublime Text 3をインストールしたらまずやること

    最近お気に入りのエディタ「Sublime Text 3」のインストールしたら最初にやることを紹介します。プログラミングす…

  • [tips][Sublime Text] Sublime Text 3でPackage Controlを使う時のproxyの設定方法

    前回はSublime Text 3をインストールして最初にすることに関して説明しました。 基本的にはそれOKなのですが、…

ビットコイン取引ならここ

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • サイトマップ
  • タグ一覧
  • プライバシーポリシー
  • お問い合わせ

Copyright © 2023 KD - Casual Developers Notes