SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

技術系同人誌サークルとのコラボ企画! 編集部特選ニッチな技術記事

GitHub製エディタ「Atom」で日本語を扱いやすくするために必要な設定

Atomを日本語に対応させよう(2)

パッケージを入れる

 パッケージとは、Sublime Textの機能を拡張するためのプラグインのことで、Atomにも同様な機能が搭載されています。

 Sublime Textでは、パッケージを導入するための「Package Control」のインストールから必要だったのに比べ、Atomはデフォルトでパッケージがインストールでき、かつ直感的にパッケージが導入できるようになっています。

日本語の折り返し

 設定の「Soft-Wrap」では対処できなかった日本語の折り返しを、「japanese-wrap」というパッケージを入れることで実現してみます。

 まずはパッケージを入れてみましょう。[File]→[Settings]→[Install]の、「Install Packages」のところから、インストールしたいパッケージのキーワード(japanese-wrap)を入れて、[Install]をクリックします。

「japanese-wrap」というキーワードでパッケージを検索したところ
「japanese-wrap」というキーワードでパッケージを検索したところ

 パッケージのドキュメントによると、Atom標準のSoft Wrapを有効にしてあることが必要で、パッケージをインストールしたのち、Atomの表示を再読み込み([View]→[Reload]もしくは「Alt+Ctrl+R」)すると、パッケージが反映され、日本語が折り返して表示されるようになります。

日本語が折り返し表示された
日本語が折り返し表示された

矩形選択

 その他、あると便利なパッケージをご紹介します。

 矩形選択もできると便利なので、「sublime-style-column-selection」というパッケージを入れてみましょう。これは、Sublime Textライクに矩形選択できるというもので、Windowsなら「Alt+左クリック+ドラッグ」という操作で選択できます。

文字数カウント

 原稿の執筆や編集の際、文字数がいくらくらいか調べたいときありますよね。Wordに貼り付けて文字数を調べるという人もいるかもしれませんが(筆者)、文字数カウント機能もパッケージで追加することができます。今回は「wordcount」というパッケージを入れることで、右下に文字数が表示されるようになりました。

 似たようなパッケージは多くあり、パッケージ作りの入門として作りやすいようです。

マークダウンプレビューのフォントを変更する

 マークダウンのプレビューのフォントが、デフォルトでは中国語風になってしまいます。パッケージのソースを編集することで、お好みのフォントに変更します。

 「markdown-preview」というパッケージを探し、[Settings]をクリックして出た画面から[View Code]で、パッケージのソースを開きます。「Styles/markdown-preview.less」の上の方にある、「@font-family」を編集します。今回は、下記のようにメイリオ(Meiryo)を追加します。

@import "syntax-variables";

@font-family: "Meiryo", "Helvetica Neue", Helvetica, sans-serif;
.markdown-preview {
	font-family: @font-family;
	font-size: 14px;
	line-height: 1.6;
	background-color: #fff;
	overflow: scroll;
	box-sizing: border-box;
	padding: 20px;

	code {
		color: #333;
	}
}

 何事もなかったようにしれっと保存し、Atomの表示を再読み込みすると、無事、マークダウンプレビューのフォントがメイリオになりました。

メイリオになってかっこ良くなったマークダウンプレビュー
メイリオになってかっこ良くなったマークダウンプレビュー

 また、「markdown-pdf」というパッケージを入れると、マークダウンプレビューした状態でPDFにすることができるので、印刷したいときなどに便利です。

次のページ
Atomで日本語を使いこなす

この記事は参考になりましたか?

技術系同人誌サークルとのコラボ企画! 編集部特選ニッチな技術記事連載記事一覧
この記事の著者

近藤 佑子(編集部)(コンドウ ユウコ)

株式会社翔泳社 CodeZine編集部 編集長、Developers Summit オーガナイザー。1986年岡山県生まれ。京都大学工学部建築学科、東京大学工学系研究科建築学専攻修士課程修了。フリーランスを経て2014年株式会社翔泳社に入社。ソフトウェア開発者向けWebメディア「CodeZine」の編集・企画・運営に携わる。2018年、副編集長に就任。2017年より、ソフトウェア開発者向けカンファレンス「Developers...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/8518 2015/08/04 16:30

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー