ノンプログラマがAtomをブログ用に使用するための設定やショートカットキーについて

ウェブ

2017.07.14 2015.12.01

エディタはプログラマのためだけじゃありません。ブロガーもエディタを使ってブログを書いてもいいのではないかと強く提言したい！

WordPressのエディタ画面はすごくいいんですよ。TinyMCE Advancedをインストールすれば自分好みにカスタマイズしたりリアルタイムプレビューも最近ホンモノっぽくなってきてるし……

でもあのエディタは「早く書いてくださいよ」と言われてる気がしてプレッシャーハンパないんですよ。ブロガーの方なら分かると思いますが「今日はブログ書くぞ！」って意気込んで机に座ったがいいが書けない現象が結構な確率で起こるという。

メニュー

ブロガーこそAtomを使ってブログを書こう

そこでAtomの登場です。
Windowsならメモ帳でMacならテキストエディットと呼ばれているあれです。

これがAtomのエディタ画面です。シンプルでいい感じですよね。これなら「書く」ということに集中できます。

ちなみにUI Themeは「Atom Light」でSyntax Themeは「One Light」に設定しています。

プログラマーの方が使うイメージが強いエディタですがAtomはノンプログラマでもごちゃごちゃしてない使いやすいインターフェースや自分好みにカスタマイズできる点がかなりオススメです。
またMac、WindowとLinuxに対応しているという環境を選ばず誰でも使える点も非常にいいポイントですよね。

こちらから無料でダウンロードできます。
Atom

ショートカットキーを覚えれば一段と便利になります。とりあえずこれだけは押さえておきましょう。

操作	Mac	Windows
プレビュー表示	control+shift+m	Ctrl+Shift+M

これが出来なかったらAtomを使っていなかったかもしれませんと思うくらい神機能。ちなみにプレビューはひとつしか開くことができません。

操作	Mac	Windows
新しいタブを開く	command+N	Ctrl+N

普段使っているブラウザがGoogleChromeなら問題なく使えますよね。とりあえず何かをメモしたくなった時に使ってます。

操作	Mac	Windows
ハイライトする言語選択	control+shift+L	Ctrl+Shift+L

これはただの趣味レベルの話なんですがハイライトする言語を選択できることによりプログラマっぽい雰囲気を出すことができます。ていうのは冗談で言語を「HTML」に設定しておくことにより後述するコードを書くときに便利な補完候補を表示してくれるようになります。

操作	Mac	Windows
行をまるごと移動する	control+command+上or下	Ctrl+上or下

前後の文章を入れ替えたいなと思ったらこのショートカットキーで一発です。マウスで行を選択して「切り取り」して「貼り付け」する手間も必要ありません。

ちなみに行を選択するときは、Macなら「Command+L」、Windowsは「Ctrl+M」で出来ます。

操作	Mac	Windows
ファイル内検索+置換	command+F	Ctrl+F

ファイル内の任意のテキストを検索してしかも置換することもできちゃいます。例えば何回も出てくる言葉に統一性がなかったため一括で変更したいってなったときに使うとめっちゃ捗ります。

Atomがすごいのはなんとなく分かったけどHTML書けないしWordpressエディタで十分やわーと思っているそこのあなた！

最低限これだけ覚えれば大体の記事書けます。

用途	コード	実際の表示
リンクを貼る	<a href=”サイトのURL”>テキスト</a>	テキスト
見出しタグ	<h1>テキスト</h1>※1	テキスト※2
打ち消し戦	<del>テキスト</del>	~~テキスト~~
箇条書きリスト	<ul> <li>テキスト</li> <li>テキスト</li> <li>テキスト</li> </ul>	テキストテキストテキスト
数字付きリスト	<ol> <li>テキスト</li> <li>テキスト</li> <li>テキスト</li> </ol>	テキストテキストテキスト