シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > インターネット > GithubのWeb開発用エディタ「Atom」が、いつの間にか進化し過ぎている件!
注目記事ピックアップ
GIFで見る!最近の「自転車・バイク」があまりに進化し過ぎてネットで話題騒然!
share59
GIFで見る!最近の「自転車・バイク」があまりに進化し過ぎてネットで話題騒然!
スマホのカメラで撮った写真を「そのまま販売可能」なアプリ(無料)をまとめてみた!
share376
スマホのカメラで撮った写真を「そのまま販売可能」なアプリ(無料)をまとめてみた!
スマホなのに本格RPGが出来る「ブレイブ フロンティア」が、TVCMキャンペーンで毎日ダイヤ配布中!
share39
スマホなのに本格RPGが出来る「ブレイブ フロンティア」が、TVCMキャンペーンで毎日ダイヤ配布中!
2013年の「しし座流星群」ピーク時を、スマホやネット生中継で満喫する方法!
share18
2013年の「しし座流星群」ピーク時を、スマホやネット生中継で満喫する方法!
架空の依頼人と対話式でWebプログラミングを学習する「Dash」が抜群に分かりやすい!
share1438
架空の依頼人と対話式でWebプログラミングを学習する「Dash」が抜群に分かりやすい!
プログラミング学習の「Codecademy」が、いつの間にかFlipBoardのサイト作りまで学べるように進化!
share919
プログラミング学習の「Codecademy」が、いつの間にかFlipBoardのサイト作りまで学べるように進化!
小型PC「ラズベリー・パイ」で自作した神作品10選の猛者たちが天才過ぎる!
share298
小型PC「ラズベリー・パイ」で自作した神作品10選の猛者たちが天才過ぎる!
まず、プログラミングをしないと「ユーザー登録」が出来ない開発者コミュニティ「CheckiO」が天才過ぎる!
share4380
まず、プログラミングをしないと「ユーザー登録」が出来ない開発者コミュニティ「CheckiO」が天才過ぎる!
iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!
share340
iPadに絵を描くだけで、仮のアプリやサイトが開発できる「Pentotype」に驚愕!
iPhone片手に「ピューッ」と年賀状が送れる人気アプリの利用料金などを徹底比較!
share157
iPhone片手に「ピューッ」と年賀状が送れる人気アプリの利用料金などを徹底比較!
HD端末4台分の超解像度!ドコモから新発表の「ARROWS NX F-02G」最速レビュー!
share137
HD端末4台分の超解像度!ドコモから新発表の「ARROWS NX F-02G」最速レビュー!
どうなるアイソン彗星?謎多き宇宙をiPad版の最新型「3D宇宙大図鑑」で解き明かそう!
share99
どうなるアイソン彗星?謎多き宇宙をiPad版の最新型「3D宇宙大図鑑」で解き明かそう!
Webアプリの開発でありがちな問題を「一発解消」するWebサービス10選が便利過ぎる!
share1990
Webアプリの開発でありがちな問題を「一発解消」するWebサービス10選が便利過ぎる!
10分で完成する「天の川てづくりプロジェクション」を作ってみた!
share124
10分で完成する「天の川てづくりプロジェクション」を作ってみた!
開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる!
share835
開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる!
今すぐ動画で「プログラミングの基礎」を独学できるWebサービス10選はコレだ!
share4957
今すぐ動画で「プログラミングの基礎」を独学できるWebサービス10選はコレだ!
クリック1発!現在地周辺に何人住んでるか、まで分かる「地図で見る統計」が怖い!
share669
クリック1発!現在地周辺に何人住んでるか、まで分かる「地図で見る統計」が怖い!
ソースコードを解析することで、プログラミング学習が可能になるWebサービスまとめ!
share3475
ソースコードを解析することで、プログラミング学習が可能になるWebサービスまとめ!
クリック一発で、複数ストアへ電子書籍を無料で出版可能な「WOODY」に驚愕!
share192
クリック一発で、複数ストアへ電子書籍を無料で出版可能な「WOODY」に驚愕!
iPhone画面に一切触れず、顔の動きだけで遊べるゲーム「Umoove」があまりにも衝撃的!
share39
iPhone画面に一切触れず、顔の動きだけで遊べるゲーム「Umoove」があまりにも衝撃的!
インターネット
2014/10/31 22:40

GithubのWeb開発用エディタ「Atom」が、いつの間にか進化し過ぎている件!

github_atom_01
どうも、まさとらん(@0310lan)です!

みなさんは、GitHubが提供する「Atom」というエディタをご存知でしょうか…?

プログラミングの学習から、Webアプリの開発まで幅広く利用することが出来るわけですが、驚くべき点は…その「拡張性」の高さにあります。

今回は、「欲しい機能」を簡単にエディタへ組み込むことが出来るその魅力を、厳選してご紹介しようと思います!


プログラミングの「学習」から「開発」までをサポートしてくれる!
github_atom_02_2
「Atom」は、Windows、Mac OSX、Linuxなどで利用可能な無料エディタですが、インストールしたばかりだと普通のエディタと変わりません。

そこで、スマホのアプリみたいなノリで、必要な「機能」を追加していくことが出来ます。

例えば、
プログラミング中に、「配列内の要素を並び替えるにはどうするんだっけ…?」というケースがあったとします。
そんな時に【Ask Stack】という機能を追加します。

すると、画面上に知りたい内容を入力できるウィンドウを表示することが出来ます。
github_atom_03


入力すると、世界中のエンジニアが意見交換するサイト「Stack Overflow」での回答内容が直接エディタ内で見れるようになるのです。
github_atom_04


しかも、サンプルコードをボタン1発で貼り付けてくれる機能まであるので便利!
github_atom_05


「正規表現」などを使う場合には、【regex railroad diagram】を利用すれば、とても分かりやすく「図式化」してくれます。
github_atom_06


ある程度、コードが完成したら【minifier】を使ってみましょう!
github_atom_07


JavaScriptやCSSなどを極限まで圧縮し、「高速化」してくれます!
github_atom_08


また、ちょっとしたコードを書いている途中で、すぐに実行結果を見たい場合は【atom runner】を使うと実現できます。
github_atom_09
現在…、JavaScript、CoffeeScript、Ruby、Python、Go、Bash scriptsに対応しています。


本格的に、ターミナルからの作業が必要になったら【term2】を使うと、エディタ内でコマンド操作を実現できます。
github_atom_10
自分のローカルPCと繋がっているので、ココからすべてのファイル操作も可能です。

コマンド操作が出来ると、Railsのようなフレームワークを使った開発も「Atom」だけで作れるので、いちいちターミナルに切り替える必要が無くて良いですね。


もちろん、【web view】を使ってURLを入力すると…、
github_atom_11


普通のブラウザとしても機能します!
github_atom_12
そもそも「Atom」は、Google Chromeのベースとなっている「Chromium」で作られているので、ブラウジングがエディタ内で出来るのは当然かもしれません。(ちなみに、デベロッパーツールもそのまま使えます…)


コードの管理は、【Git Log】などを利用すると…かなり効率的です。
github_atom_13
さすがに、Git系の機能拡張は豊富に揃っているので、ご興味ある方は覗いてみると良いかも…。(参考


欲しい機能を追加するのは、驚くほど簡単で便利!
さて、とても便利な「機能拡張」ですが、誰でも簡単に組み込めるように設計されているのも魅力の1つです。

まず、エディタの「設定画面」を開きます。
github_atom_14


そして、「パッケージ」の項目にある検索ボックスに、例えば「git」と入力して検索すれば、関連する機能一覧が表示されます。
github_atom_15
あとは、ここから好きなモノを選んで「Install」ボタンをクリックするだけでOK!
簡単ですね。


ちなみに、エディタが無くてもブラウザから専用サイトにアクセスすれば、同じように機能一覧を見ることが出来ます。
github_atom_16
「人気の機能」や、「最新の機能」なども合わせて見れるので、どんな機能が実現できるのかをあらかじめ確認することも出来るでしょう。

他にも、ベジェ曲線をグラフィカルに描ける【bezier curve editor】や、色の指定をGUIで選択できる【color picker】、日本語周りの不具合を修正してくれる【japanese wrap】などは必須かもしれません。


おまけ
最後に、「Atom」を提供しているGitHubで、現在も公開されている究極の「時間泥棒ゲーム」を合わせてご紹介しておきます。

GitHubにソースコード公開中の「時間泥棒確定ゲーム10選」の猛者たちがスゴすぎ!
github_atom_17
まず、実際に遊んでみてから、今回ご紹介した「Atom」のようなエディタを使って、実際にソースコードを分析してみると良い勉強になりますよ。


まとめ
「Atom」は、2014年に公開されたばかりの新しいエディタなのに、今回ご紹介したような多彩な機能が日々公開され続けています。

世界的に「github」がみんな好きなのかどうか分かりませんが、驚くほど活発なエディタではないでしょうか。
こんな短期間に、よくこれだけの機能が拡張されているなぁ…と、感心せずにはいられません。

このまま進化を続ければ、ひょっとしたらトンデモナイ優良エディタに化けるかもしれませんね…。


written by まさとらん

まさとらん

世界を転々と旅するのが好きです。
国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る