Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

はじめに

初投稿です。プログラミングを始めてまるまる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初心者が感動して泣いた超オススメな機能
最初の設定の段階でいれておくと便利です。

honnuq
やりたいなあってことをゆっくりしっとりやっていきます🔰
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした