• 株式会社AliveCastはプライバシーマークを取得してます。
  • 福岡市インキュベート認定マーク福岡県子育て応援宣言登録マーク
  • 株式会社AliveCastは国の認定を受けた異分野連携新事業(新連携事業)に取り組んでいます。
  • FVM大賞2015 優秀賞 受賞
  • 平成26年度福岡市トライアル発注認定事業者
  • 平成25年度福岡市ステップアップ最優秀賞 受賞
  • 平成25年度九州ニュービジネス優秀賞 受賞
  • JTBビジネスイノベーターズ Travel・Fintechビジネスコンテスト 最優秀賞 受賞
  • AEON Financial Service Innovation 2017 特別賞 受賞
  • 第17回MIT-VFJビジネスプランニングクリニック&コンテスト 正会員特別賞・マイクロソフト賞 受賞
  • 福岡県情報セキュリティ連絡協議会加盟企業
  • 福岡ベンチャーマーケットプレゼン企業
  • 福岡大学共同開発企業
  • 経営革新計画 第1936承認企業
  • 平成23年度九州地域中小企業事業家支援
    お助け隊事業アドバイザー企業
  • 平成23年度福岡市競争入札参加有資格企業
  • 特許第6372856号
  • 特許第6316654号

「プログラマー辰人が、日々感じた事をおくるインターネット初心者向けのコラム」 ・・・かもしれないwebの辰人

2019年8月26日(月曜日)  (伊藤 辰彦)

よく使うエディタ

WEBを仕事としているプログラマー、デザイナー、コーダーなど、
必ず利用しているかと思います、テキストエディタ。
メモ帳で全てやります!なんてことはおそらく無いでしょう。

私も、秀丸エディタやvimやATOMなどを利用してます。

ATOMとは
GitHub社が開発したオープンソースのテキストエディタで、
拡張がものすごく容易で、簡単に自分好みなテキストエディタにすることができます。
基本の機能も充実しており、非常に使い勝手が良いです。

ATOMの基本機能
基本の機能だけでも十分使いやすく、最初からインストールされているプラグインなどもあります。

・ツリー
一つのディレクトリ・フォルダを開くと、下位層までツリー状に表示してくれます。
アプリのプロジェクトを開いた場合や、階層構造を持つページの塊などを開いた場合も、
非常に扱いやすいです。

・検索
ツリーの一覧で開いているディレクトリ・フォルダからファイルの検索や、全体での検索も可能です。
もちろんgrepも容易で、置換も可能です。

・折りたたみ
エディタ左側の矢印をクリックすることでひとかたまりのブロックを折りたたむことができます。
もう一度矢印をクリックして展開やコマンドからの折りたたみ・展開も可能です。

・画面分割
一つのファイルを複数に分割して編集作業を進めることができます。
メインモニタに3分割、サブモニタに2分割、手前のラップトップに2分割、
サーバーサイド、アプリサイドを同時に開発を進めている場合時などは、
私の目の前に7つ分割された画面が表示されていたりします。

・キーバインド
ショートカットキーを自在に設定が可能です。

ATOMを使うには
公式ホームページよりダウンロードすることができます。
利用されていない方は是非、この機会に使ってみましょう。
https://atom.io

新規プラグインのインストール

簡単作業ですぐに機能拡張が可能です。
redmineのプラグイン追加とは大違いです。

1. File > Settings を選択
2. Installを選び、検索ボックスにて検索
3. インストールしたいパッケージのPackagesボタンを押す

私の利用しているパッケージ
入れすぎると起動が遅くなるとの噂を聞き、いくつか整理しました。
全部は載せられませんので一部入れているものを挙げてみます。

・atom-beauty
 ソースコードを自動で綺麗に整形してくれます。
 細かな設定も可能で、インデントをtabで埋めるのかspaceで埋めるのか、
 自由にコントロールすることが可能です。

・autoclose-html
 開始タグを入れると閉じタグも勝手に入れます。

・color-picker
 カラーピッカーを表示させます、何気に便利です。

・file-icons
 ファイルのアイコンが綺麗に表示されます。
 ツリー上でファイルがとても見やすく、気持ちが良いです。

・highlight-column
 現在選択中の列が容易に視認できます。

・highlight-selected
 選択した文字列が他にもあればハイライトします。
 とても便利です。

・pigments
 色コードを判別して、背景をその色へ変化させます。
 こちらも目視確認が容易でとても便利です。

・project-manager
 複数のプロジェクトを登録し、容易に切り替えて作業を進めることができます。
 とても便利です。

・regex-railroad-diagram
 正規表現を画像で確認できます。
 
・trailing-spaces
 余分なスペース・空白を分かりやすく表示してくれます。
 無駄なものはその場で消しましょう。

まとめ
簡単に使い始められて、自分にあったカスタマイズが可能です。
是非、便利なこのエディタを使い倒してください。

AliveCastIPのみ表示されます

OK

管理側

残り

javascript css html VIEW側

php matchルーチン