LoginSignup
43
46

More than 5 years have passed since last update.

初心者の初心者による初心者のためのAtom

Last updated at Posted at 2019-03-04

はじめに

初投稿です。プログラミングを始めてまるまる1年が経とうとしています。
1年前にプログラミングなるものを始めた際、勧められたテキストエディタ Atom
1年経った今でも「ほえ〜」となる機能が多いので、備忘録も兼ねて、初心者に向けて紹介していきたいと思います。

そもそもAtomって?

atom_logo.png

Atomは、GitHub社が無料で提供する、オープンソースのテキストエディタ。

公式サイトには、”A hackable text editor for the 21th Century”「21世紀のためのハックが可能なエディター」という説明があります。

テキストエディタとは、テキストファイルを作成、編集、保存するためのソフトウェア。
Atomの他に Vimemacs に加え、PCに標準装備されているメモ帳もテキストエディタです。

Atomをインストールしよう!

この記事を見ている方はもうダウンロード済みかもしれませんが、初めての方へMacとWindowsへのインストール方法を紹介します。

Mac

  • Atom公式サイトにアクセス
  • DownLoad for Macをクリック
  • zipファイルをダウンロードして、解凍
  • そのアイコンをアプリケーションフォルダにドロップ

Windows

Windows版がよくわからなかったのでこちらを参考にさせていただきました。

  • Atom公式サイトにアクセス
  • ダウンロードしたEXEファイルを実行する
  • インストール終了のちソフトが起動

Atomを初起動したと同時にやるべきこと

Atomはユーザーが パッケージ をインストールして、エディタの機能や見た目をカスタマイズすることができます。
パッケージを入れて自分が使いやすいようにカスタマイズしましょう!

パッケージのインストールの仕方は共通です。
以下の画像の通りにやってみましょう。

パッケージのインストール方法

1.Atomを起動するとこの画面

2.上から4つ目、Install a Package をクリック

Install

3.Open Installarをクリックし、欲しいパッケージ名を入力

Open Installer
これでパッケージはインストールできます!
ではこれを踏まえて、Atomの設定を追加していきましょう。

初心者はこの設定をしよう!

1.日本語環境

japanese-menuは、Atomを日本語環境で使用するためのパッケージです。
「メニューバー」「設定画面」「コンテキストメニュー」を日本語にしてくれます。

2.全角空白

show-ideographic-spaceは、Atomテキストエディタで全角スペースの編集記号を表示するパッケージです。
プログラミングをする際、全角スペースがあることに気付かずエラーが出て、発狂する前に是非インストールしておいてください。

3.インデントの可視化

これはパッケージのインストールではないのですが、Atomの環境設定からやっておくとコードが見やすくなります。
環境設定 > Editor(上から2番目)> スクロールしてShow Indent GuideShow Invisiblesにチェックを入れます。
Atom Screen

Atomの便利なショートカット

ここでAtomの便利なショートカットを紹介します!
ショートカットを覚えると作業効率は格段に上がります。
実際に使いながら、覚えていきましょう。

1.選択、マルチカーソル

操作 Mac Windows
マルチカーソルの追加 ^+クリック ^+クリック
単語の選択 ⌘D ^D
単語のスキップ ⌘K ^K
前の単語へ戻る ⌘U ^U
行の選択 ⌘L ^L

行の選択のときには、さらにLを押すことによって複数行選択することができます。

2.移動

操作 Mac Windows
単語単位で前へ移動 ⌥B Alt B
単語単位で次へ移動 ⌥F Alt F
単語の先頭へ移動 ⌥ ← ^ ←
単語の末尾へ移動 ⌥ → ^→
行の先頭へ移動 ⌘ ← Home
行の末尾へ移動 ⌘ → End
行番号を指定して移動 ^G ^G
対応するカッコへ移動 ^M ^M

3.編集

操作 Mac Windows
コメントアウト/解除 ⌘/ ^ /
行の削除 ^⇧K ^⇧K
下に空行を挿入 ⌘return ^Enter
上に空行を挿入 ⌘⇧return ^⇧Enter
行の移動 ^ ⌘ ↑ or ↓ ^ ↑ or ↓
行の複製 ⌘⇧D ^⇧D

使っていくうちに慣れていくと思うので積極的に使っていきましょう。

最後に

長々とお付き合いいただきありがとうございました。
ここまで読んだあなたは立派なAtom使いになっているでしょう!
パッケージやショートカットなどを自分の好きなように駆使して快適なAtomライフをお送りください。

上記であげた他にも便利なパッケージやショートカットは多くあります。
こちらの記事もぜひ読んでください。
Atom初心者が感動して泣いた超オススメな機能
最初の設定の段階でいれておくと便利です。

43
46
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
43
46