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

アプギガトップ > GithubのWeb開発用エディタ「Atom」が、いつの間にか進化し過ぎている件!
注目記事ピックアップ
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
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...

ページトップへ戻る