初心者でも分かるAtomの使い方とインストール方法を紹介

初心者でも分かるAtomの使い方とインストール方法を紹介

「Atomはどうインストールするの?」などと思っている方は多いのではないでしょうか。

実は、自分の好みにカスタマイズして使用することで、誰にでも使いやすいアプリなのです。

しかし、これからプログラミングを始めようという方には、何から始めていいかわからないかもしれません。

このページでは日本最大のWEBメディアであるWeb Reachの編集部がAtomについて以下のことを解説します。

  • Atomとは何か
  • Atomでできること
  • Atomのインストールから始め方

最後まで閲覧いただくことで、Atomの便利さや簡単な使い方を知ることができ、実際に自身のPCにインストールしてプログラミングを始めたり、サイト運営に役立てることができます。

内容を簡単にまとめると・・・

  • 「Atom」はGitHub社が提供する、テキストファイルを作成、編集、保存できるテキストエディタソフト
  •  Atomはブログエディタとしてサイト運営に活用することができる
  • また、置換機能もウェブサイト運営に活用することができる
  • ウェブサイト運営をするのならsmartASPという無料ツールがおすすめ
  • smartASPは客観的な数字を元に修正すべき記事を抽出してくれる
  • SEO知識に自信がないという人でも本格的なSEO対策が可能
  • また、競合分析も効率化してくれるため、非常に便利
  • 無料なのでまだ使っていない人は1度使ってみましょう
smartASPの公式サイトはこちら

\今なら完全無料!/

Atomとは?

Atomとは?

「Atom」はGitHub社が提供する、テキストファイルを作成、編集、保存できるテキストエディタソフトのことです。

Electronが対応できる環境であればどこでも同じように使用することができるので、多くの人が利用しているOSであるWindowsやMacに対応しています。

2015年に登場した比較的新しいものになりますが、Web開発者が効率よく作業を行えるように、さまざまな機能を揃えたもので、日々進化している優れたエディタなのです。

パッケージと呼ばれる機能拡張の仕組みは、多くの開発者が公開している機能を自由に取り入れてカスタマイズすることができ、その数は数千にもなるそうです。

これだけあると、かなりの選択肢が生まれますし、削除も可能ですのでいろいろなものを使いながら、ベストなものを作っていくことができそうです。

正式版がリリースされてから、月間のアクティブユーザー数は100万人を超えていて、その人気の高さがわかりますよね。

進化を続けカスタマイズ性が高いにも関わらず無料で、プログラミング初心者でも簡単で始めやすいという点が魅力で、他のエディタを使用していた人も、乗り換えて満足しているという意見が多くあります。

他にも無料ツールと言ったらsmartASPがおすすめです。

smartASPはウェブサイト運営者のために開発された無料の便利ツールです。

smartASPを使えば、あなたのサイトは以前より更に魅力的なものになるでしょう。

なぜなら、自動でサイト分析をし、修正すべき記事を抽出してくれるだけでなく、SEOで最重要と言っても過言ではない内部リンクを可視化できるからです。

無料なので今すぐ登録しましょう。

smartASPの公式サイトはこちら

\今なら完全無料!/

Atomでできること

Atomでできること

Atomは一般的にはプログラマーの使うツールであると思われがちですが、ブログなどのメディアの面でも活用することができます。

ここでは主に使える2つのことについて紹介していきます。

他にもサイト運営に役立つツールについて知りたい方は「SEO分析チェックツールを紹介」の記事をご覧ください。

ブログエディタになる

ブログエディタに求めるものは何でしょうか?

記事を書く際に、操作性が良いことはもちろんですが、他にもファイルが扱いやすい、HTML化しやすいなどがあるのではないでしょうか?

Atomはうまくカスタマイズすることで、有料のエディタにも負けないくらいの扱いやすいブログエディタになるのです。

通常のテキストエディタでは、文字の大きさを変えることができませんが、Atomには初めからMarkdown機能がついているため、見出しの行を区別することが簡単です。

例えば「# 見出し」と入力すると「h1見出し」になります。

この機能、ブログを書く際にはかなり役に立ちますよね。

さらにパッケージ(拡張機能)を追加することで、ブログを書く際に便利な機能を増やすことができます。

自分の使い方やこだわりに合わせて、いろいろカスタマイズすると良いでしょう。

クラウドに対応していない部分は、他の有料エディタに劣ると感じる場合もありますが、操作性の良さと無料という点を考えると全くといっていいほど問題にはなりません。

また「HTMLを保存」を選択し、保存用の名前と保存先を決定して出力すれば、自動的にHTMLに変換されるので、それをそのままコピーして、WordPressなどにペーストするだけで記事を完成させることができます

これがブログエディタとして使う上で、最も優秀といわれるポイントかもしれません。

便利な上に簡単なのは、かなり嬉しいポイントではないでしょうか。

置換機能

特定の単語などを一気に変換することができる機能です。

置換用のテキストボックスに文字を入力すると、それに対応する部分を全て違う文字に置き換えてくれるので、微妙なケースの切り替えや正規表現に統一する際などに便利です。

まず、ファイルの中のキーワードを検索します。

検索対象とする範囲が、今開いているファイルだけならWindowsの場合は「Ctrl+F」、プロジェクト全体の場合は「Ctrl+Shift+F」を押します。

Macの場合は、CtrlがCommandに変化します。

検索用のボックスに対象とする文字を入力し、置換用のボックスに置換する文字を入力すると、一致する部分を異なる文字に置き換えることができます。

特定のスペルミスなどを見つけることができ、また変更して正規のものに変えることが一度にできるので、プログラミングの複雑な文字の羅列に対応しやすくなりますよね。

また、本格的なSEO対策をしたいという方にはsmartASPという無料のツールがおすすめです。

smartASPはウェブサイト運営者のために開発された無料ツールです。

smartASPを用いればウェブサイト運営は今より更に効率化されることでしょう。

なぜなら、smartASPは客観的な数字を元に修正すべき記事を抽出してくれるため、SEO知識に自信がないという人でも本格的なSEO対策が可能だからです。

また、競合分析も効率化してくれるため、非常に便利です。

無料なのでまだ使っていない人は1度使ってみましょう。

smartASPの公式サイトはこちら

\今なら完全無料!/

Atomのインストール方法

Atomのインストール方法

Atomは無料で利用することができますので、まずはダウンロードして、PCにインストールしてみましょう。

お使いのPCのOSによって方法が多少違いますので、それぞれに合わせて手順を解説しますので参考になさってください。

Windows

まずはWindowsでのインストール手順を確認しましょう。

特に難しいことはありませんので、表示の通りに進めていけば問題ありません。

インストール手順
  1. Atom公式サイトにアクセスする
  2. インストーラーをダウンロードする
  3. exeファイルを実行し、インストールする
  4. 終了するとソフトが起動する

Mac

MacでのインストールもWindowsと大差はありません。

OSでの差はありますが、他のアプリケーションを利用する場合と同様に進めていけば大丈夫です。

インストール手順
  1. Atom公式サイトにアクセスする
  2. downLoad foe Macをクリックする
  3. zipファイルをダウンロード後、解凍を行う
  4. アイコンをアプリケーションフォルダへドロップする

 

Macの場合、手順を完了するとポップアップで「Atomはインターネットからダウンロードされたアプリケーションです」と表示される場合があります。

ファイルに特に問題がないようなら「開く」をクリックすることでAtomを起動することができます。

Atomの使い方

Atomの使い方

AtomをPCにインストールすることができたら、さっそく使用することができます。

すぐにエディタとして使用して作業を始めたい方もいるかもしれませんが、Atomはパッケージをインストールすることで手腕を発揮するものです。

まずはパッケージをインストールして、自分の使いやすい設定に変更していきましょう。

日本語設定にする

Atomをダウンロードした初期の状態は、メニューや設定などがすべて英語表示になっていますので、使いやすくするために日本語表示に変更しましょう。

日本語に変更するためのプラグインである「japanese-menu」をインストールする必要があります。

日本語表示にするための手順を紹介しますので、順番に行っていきましょう。

「Japanses-menu」インストール手順(Windows版)
  1. 「File」→「settings」を選びます。
  2. 「install」を選び、検索窓に「Japanese-menu」と入力し「packages」をクリックして検索します。
  3. 検索結果に「Japanses-menu」が表示されたら「install」をクリックしインストールします。
基本的な手順は同じですが、Windows版とは表示が違いますのでMac版も解説します。
「Japanses-menu」インストール手順(Mac版)
  1. 「Atom」→「Preferences」を選びます。
  2. 「+Install」を選び、検索窓に「japanese-menu」と入力し「Packages」をクリックし検索します。
  3. 検索結果の「Japanses-menu」の「Install」をクリックしインストールします。

 

インストールが完了すれば、表示が日本語に変わります。

Atomをカスタマイズするために、他のパッケージをインストールする手順も、「Japanses-menu」のインストールと基本的には同じになります。

日本語設定をしているので、表示が日本語になり、わかりやすくなりますし、この手順を参考に他のパッケージを利用してみてください。

ファイルの始め方

Atomの基本的な使い方は「ファイルを開いて文章を編集する」ことになります。

まずはAtomでファイルを開いてみましょう。

ファイルの使い方
  1. 「ファイル」→「開く」
  2. テキストファイルを選択→「開く」
  3. 編集個所をクリック→キーボードで編集する
  4. 編集が完了したら「ファイル」→「保存」

 

これが基本の編集作業の一連の流れになります。

Atomが起動している状態で複数のテキストファイルをドラッグ&ドロップすると、ファイルをまとめて開くことができます。

また、ファイルをダブルクリックすると、自動的にAtomが起動するように設定することができます。

これはAtomの機能を設定するわけではなく、自身のPCを設定を変更する必要があり、WindowsとMacで違うのでそれぞれ簡単に解説していきます。

WindowsでAtomを自動起動するようにする手順
  1. Atomで開くファイルを右クリック→プログラムから開く→その他のアプリ
  2. 「Atom」をクリック

 

MacでAtomを自動起動するようにする手順
  1. Atomで開きたいファイルを「Ctrl」を押しながらクリック→情報を見る
  2. 「このアプリケーションで開く」→「Atom app」→「すべてを変更」

 

この設定をしておくとAtomを起動してからさらにファイルを開くという一手間が減り、ファイルから一気にAtomまで起動することができるため、時短に繋がり便利です。

普段のファイルの使い方スタイルにもよりますが、Atomをエディタとしてメインで使用する場合は特おすすめする設定になります。

Atomのショートカット

ここではAtomのショートカットについて紹介します。

ショートカットの機能を最大限に利用する人と、ほとんど使わない人がいるようですが、知っていると便利で使う頻度が多くなりそうなものをピックアップします。

Windowsの場合、「Ctrl」を押しながら、他のキーを押すことでショートカット機能が働きます。

Macの場合は「Command」キーが「Ctrl」と同じ役割のキーですので、こちらを押しながら他のキーを押します。

以下のショートカットキーはAtom以外でも使用できることが多い、一般的なものになります。

動作内容 ショートカットキー
ファイルを開く Ctrl+O
編集を保存する Ctrl+S
新たに名前を付けて保存する Ctrl+Shift+S
検索 Ctrl+F
プロジェクト内を検索 Ctrl+Shift+F
テキストを全て選択 Ctrl+A
選択中の行を移動 (上へ)Ctrl+↑ (下へ)Ctrl+↓
タブの移動 (次へ)Ctrl+PgUp (前へ)Ctrl+PgDn
現在のタブを閉じる Ctrl+W

この他にもたくさんのショートカットキーがあります。

一度覚えてしまうと、便利で多く使うようになりますし、今まで知らなかった機能なども存在しているかもしれません。

プログラミングを究めるためには、ショートカットを含めエディタを熟知することが必要ともいわれていますし、使える機能は積極的に利用してみましょう。

いろいろ試してみて、自分がよく使うショートカットを一覧にしてみるのも良いのではないでしょうか。

また、本格的にSEO対策をしたい方にはsmartASPがおすすめです。

smartASPはウェブサイト運営者のために開発された無料の便利ツールです。

smartASPを使えば、あなたのサイトは以前より更に魅力的なものになるでしょう。

なぜなら、自動でサイト分析をし、修正すべき記事を抽出してくれるだけでなく、SEOで最重要と言っても過言ではない内部リンクを可視化できるからです。

無料なので今すぐ登録しましょう。

smartASPの公式サイトはこちら

\今なら完全無料!/

まとめ:Atomの使い方とインストール方法

まとめ:Atomの使い方とインストール方法

「Atom」の使い方とインストールの方法、設定について解説してきましたが、いかがだったでしょうか?

要点をもとめると以下のようになります。

  • Atomは自分好みにカスタマイズすることで、初心者から上級者まで対応できるテキストエディタになる
  • 高性能エディタ並みに使いやすいのに、無料で利用できる
  • 新しい機能やパッケージが追加されるので、最新のエディタにも負けない
  • Windows、Macに対応しており公式サイト経由で簡単にインストールできる
  • 日本語設定や、ファイルを自動で起動するようにするなど、使いやすい設定がある
  • ショートカットキーを知っていると、さらに効率よく作業することができる

プログラミングを勉強中、これから始めようという方で、まだテキストエディタを利用したことがない方には、特にAtomがおすすめです。

これだけ高性能でありながら無料で利用できますので、万が一、自身の使いやすさに合わなかった場合でも、コスト面のリスクがないのは大きいのではないでしょうか?

また、今後も性能の向上や新しいパッケージの登場などで、最新のものに負けない性能を維持できる可能性は高いですし、パッケージの追加や削除も自由ですので、少しずつ合った内容にしていくのも楽しいですよね。

Atomを利用して、プログラミング環境を整えることで、サイトの目標達成を目指してみてください。

また、本格的なSEO対策をしたい方はサイト分析・競合分析などを効率化できる無料ツールsmartASPを活用するのがおすすめです。

無料なので、今すぐ登録しましょう。

smartASPの公式サイトはこちら

\今なら完全無料!/

コメントを残す


CAPTCHA