GitHubが開発したオープンソースのテキストエディタ「 Atom 」をMarkdownエディタとして整備します。
メモはMarkdownで書いておくと、他人に共有するときにすぐにPDF化して渡せます。
Markdownで書きましょう。
本記事では、Atom のインストールとおすすめの初期設定、おすすめのパッケージまで紹介します。
Atom インストール
Atom ダウンロード
以下URLへアクセスしてインストーラーをダウンロードします。
https://atom.io/
![Atomインストールページ Atom](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-02.png)
→インストーラー「AtomSetup-x64.exe」
Atom インストール
インストーラーを起動してインストールします。
![Atomインストール Atomインストール](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-03.png)
おすすめ初期設定
Register as default atom:// URL handler? を非表示に
以下Markdownを普通に書きたいだけなら使わないので「No, Never」を選択してしまいましょう。
※File -> Settings -> URI Handling でいつでも開けます。
![](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-04-1024x681.png)
![](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-05.png)
※詳細は以下マニュアル参照
https://flight-manual.atom.io/hacking-atom/sections/handling-uris/
![Atomマニュアル Atomマニュアル](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-06-atom-manual.png)
(Welcomeページ等をxで閉じ、Markdownのプレビューを表示しておく)
![](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-07-1024x685.png)
![Atomプレビュー](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-08-1024x683.png)
![Atomプレビュー](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-09-1024x670.png)
spell-check を無効にする
上記イメージを見ていただくとわかると思いますが、赤のアンダーラインが表示されてしまっているので、「 spell-check 」を『Disable』にすることで不要な赤線が表示されないようにします。
![Atomスペルチェック](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-10-spell-check-1024x667.png)
不要な赤線を消すことができました。
![Atomスペルチェック](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-11-spell-check-1024x670.png)
wrap-guide を無効にする
私にとっては不要な縦線が表示されているので、「 wrap-guide 」を『Disable』にすることで非表示にします。
※wrap-guideで文章を折り返したりしたい人は無効にしないでください。
![Atom wrap guide](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-12-wrap-guide-1024x669.png)
wrap-guideの縦線が消えました。
![Atom wrap guide](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-13-wrap-guide-1024x672.png)
Indent Guide を表示
インデントが見えるように「Show Indent Guide」にチェックします。
![Atom indent guide](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-14-indent-guide-1024x666.png)
インデントが見えるようになりました。
![Atom indent guide](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-15-indent-guide-1024x666.png)
Invisibles (スペースや改行コード)を表示
タブやスペース、改行コードが見えるように「Show Invisibles」にチェックします。
![Atom show invisibles](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-16-show-invisibles-1024x669.png)
スペースや改行コードが見えるようになりました。
![Atom show invisibles](https://footloose-engineer.com/wp-content/uploads/2022/02/text-editor-atom-17-show-invisibles-1024x669.png)
おすすめパッケージ
japanese-menu
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-18-japanese-menu.png)
markdown-preview-enhanced
プレビュー機能が強化され、プレビュー上でチェックボックスにチェックを付けたりもできるようになります。
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-19-markdown-preview-enhanced.png)
markdown-pdf
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-20-markdown-pdf.png)
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-21-markdown-pdf.png)
show-ideographic-space
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-22-show-ideographic-space.png)
highlight-line
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-23-highlight-line.png)
markdown-writer
自動保管やフォーマット等を行なってくれます。
例えば、以下画像では改行したタイミングで直前の行と同じチェックボックスを補完してくれます。
![](https://footloose-engineer.com/wp-content/uploads/2022/04/text-editor-atom-24-markdown-writer.png)
以上、Atomをマークダウンエディタとして使うためのAtomインストール及び、おすすめ初期設定とおすすめパッケージでした。
メモはMarkdownで書きましょう。
コメント