テキストエディタAtom

FrontPage > テキストエディタ Atom

Githubが提供する、21世紀の、ハックできるテキストエディタ。

markdownでアウトライン表示する方法もあるよ。

導入した理由 †

• マルチ環境（Windows、Mac、Linux）
• オープンソース(MIT License)
• 充実した機能拡張パッケージ

個人的に気に入っている機能 †

• markdown対応
• markdownのアウトライン表示 (nav-panel document-outline)
• markdownのプレビュー(標準装備)とスクロール同期(markdown-scroll-sync)

インストール †

• Atom 公式サイト

設定 †

「ファイル」−「環境設定」でお好みに。

ファイルの自動保存 †

必ず、自動保存を有効にすること。でないと、エディタを終了させるとき、未保存ファイルが消える。

パッケージの「autosave」で、「Setting」>「Enable」にする。

これで、ウィンドウからフォーカスがはずれたり、タブを切り替えたりした時、自動的にセーブされるようになる。

エディタ終了時に未保存ファイルは保存されない。

• Atomで自動保存を有効にする | yamamanx

参考資料 †

• ATOM Editor をそろそろ始めようか - Qiita
• 今注目のテキストエディタ「Atom」の使い方と便利機能まとめ | Code部
• Atom（GitHub製エディタ）に乗り換えて最初にやっておきたいこと | mae's blog

Packages †

いろいろと機能を追加・拡張できる。

日本語関係 †

• japanese-menu メニューバーとコンテキストメニュー、設定画面を日本語化
• japanese-word-selection ワード境界を日本語対応させて、単語を選択しやすく
• japan-util 半角/全角変換

アウトライン表示 †

markdownをアウトライン表示

• document-outline
  • 続・AtomでMarkdownのアウトラインを表示する - たけぞう瀕死ブログ

• nav-panel
  • AtomでMarkdownのアウトラインを表示する - たけぞう瀕死ブログ

nav-panel について †

本来は、ソースコード中の関数やクラスを一覧表示するパッケージ（たぶん）。

markdownの見出し表示にも対応していて、「#見出し」をアウトライン表示してくれる。

ただし、見出しの階層には対応していなかったので、「.atom > nav-panel > lib > ctags.coffee」を以下のように（無理やり）カスタマイズした。

3レベルまで対応。4レベル以下は、ひとつにまとめて表示。

独自ルールを作る方法もあるみたいだけど、よくわからなかったので、パッケージの中身を直接いじっています。

オリジナル †

Markdown: [
   {re: /^#+[ \t]*([^#]+)/, id: '%1', kind: 'Function'}
]

修正版 †

Markdown: [
  {re: /^####+[ \t]*([^#]+)/, id: '___# %1', kind: 'Contents'}
  {re: /^###[ \t]*([^#]+)/, id: '__#%1', kind: 'Contents'}
  {re: /^##[ \t]*([^#]+)/, id: '_# %1', kind: 'Contents'}
  {re: /^#[ \t]*([^#]+)/, id: '# %1', kind: 'Contents'}
]

Feedback †

Pull request してみた。

• https://github.com/Ziink/atom-nav-panel/pull/18

その他 †

• auto-encoding 文字コードの自動判別。
• Project Manager

• atom-beautifier コードを自動整形

Theme †

• AtomエディタのMarkdown PreviewのCSSを実務書類的に調整する | 大石制作ブログ
• Atomの選択範囲の背景色を変更する方法(Ver.1.13以降対応) - シラベタ

ファイルの関連付け †

ショートカットメニューから「Open with Atom」で呼び出すには、System-Settingsで「Show in file context menu」と「Show in folder context menu」をオンにしておく。

• ATOM(windows版)と拡張子の関連付け - Qiita
• WindowsでAtomに関連付けする方法 - Qiita

キーバインド †

個人的に使うもの

• 検索： ctrl + f
• プロジェクト内の検索： ctrl + shift + f
• ファイルの保存： ctrl + s

• 一行削除： Shift + Delete

あとはまあ、標準的なアプリと同じ。viキーバインドとかにもできる。

• Atomショートカットキー一覧（for Windows） | パソラボ
• [Mac] Atomの基本的なショートカットキー - Qiita

課題 †

日本語変換で未確定の文字範囲が判別できない。

Atom と Brackets は優秀だ。未確定文字列と確定文字列がわかりやすく表示される。
しかし、残念ながら未確定状態での文節選択については区別して表示はしてくれない。
文節選択が表示できないのは、DOM の Composition Event　の制限だと思われる。

• 第2回 Qiita プライド: Atom 対 Brackets 対 Lime Text 対 Visual Studio Code - Qiita

現在のAtomの仕組み上、無理です。Atomの基盤になっているElectronの基盤になっているChromiumでその情報を取得する方法が無いからです。 

• HTML5 - Atom で日本語変換中のカーソル(60486)｜teratail