神戸学院大学 経営学部 林坂ゼミ

HTML 入門トップページ

Atom

Atom とは

Atom は GitHub が開発,フリーで公開していた高機能なテキストエディタであり,Windows だけでなく,Mac や Linux でも利用できた.しかしながら,2022年12月15日で開発を終了し,すべてのプロジェクトがアーカイブされることが2022年6月に発表されました.すでに開発も終了していることから,Visual Studio Code などのエディタを利用することをお勧めします.また,このページの以下の内容はすでに古くなってしまった情報ですのでご注意ください.

Atom のダウンロードとインストール

https://atom.io/ から Download をクリックしてダウンロードし,インストールすると良い.インストール時は特に設定を変更する必要はない.

atom-01

Atom の基本設定

インストールができれば,Atom を起動する.起動時に表示されるタブは一旦全て閉じておく.

atom-02

タブをすべて閉じた状態.

atom-03

環境設定を行ってみる.まずは「File」メニューから「Settings」をクリックする.

atom-04

「Themes」をクリックする.

atom-05

「UI Theme」と「Syntax Thema」が「One Dark」になっているので,これを「Atom Light」に変更してみる.

atom-06

どちらも「Atom Light」に変更すると,次のようなデザインに変わった.(この作業はお好みで.以降では「One Dark」に戻した状態で進める.)

atom-07

次に,メニューなどを日本語に変更する.「Install」からテキストボックスに「japanese」と入力すれば,「japanese-menu」が検索されるので,「install」をクリックする.

atom-08

少し待つとインストールされ,メニューなどの表示が日本語に変わった.

atom-11

次は HTML の入力を補助する「tag」というパッケージをインストールする.

atom-12

少し待つとインストールされた.

atom-14

Atom の基本操作

Atomではテキストファイルを開くことができるが,プロジェクトのフォルダを開くとより一層便利である.フォルダを開くためには,エクスプローラから「public_html」フォルダをドラッグ・アンド・ドロップすると良い.

atom-15

フォルダが開かれた.

atom-16

左のプロジェクトのツリーから「index.html」をダブルクリックして開くことで,編集できる.(シングルクリックでも開くことができる).

atom-17

その他,Atom には様々なパッケージがあるので,好みに応じてインストールすれば良い.なお,林坂がインストールしているパッケージは次のとおりです.

Atom 以外のテキストエディタ

Atom は非常に高機能なテキストエディタで,しかも無料である.しかし,これ以外にも様々なテキストエディタが公開されている.