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

アプギガトップ > GithubのWeb開発用エディタ「Atom」が、いつの間にか進化し過ぎている件!
注目記事ピックアップ
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
share0
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
share0
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
share0
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
share0
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
プログラミング
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...

ページトップへ戻る