1. snowsunny
Changes in body
Source | HTML | Preview
@@ -1,105 +1,144 @@
この記事は[ATOM-editor Advent Calendar 2015](http://qiita.com/advent-calendar/2015/king_of_editors_atom)の12月5日担当の記事です。
##前置き
Advent Calendarに一回参加してみたかったのでやってみましたー。
(`・ω・´)b
今回の内容ですが、他のエディターには無い?(自分が知らないだけかもですが…)って感じの開発者心に突き刺さる、尖りまくってるAtomのパッケージを、公式ブログで紹介されていた物を中心に紹介してみたいと思います。
※と言っておきながら、一部他のエディターで見た事ある様な物もありますが、ご理解の程よろしくお願い致します。
+解説を書いていて改めて思いましたが、Atom向けパッケージの魅力は、そのGUIに有ると言っても過言では無いですね!
+独自の凝ったGUIや、見た目が綺麗なGUIは他のエディターには無いAtomの強みだなーって思います。
+
汎用性が高い物については下記の記事にまとめてあるので、よろしければどぞー。
[【超おすすめ!!】Atomのパッケージ、テーマ、キーバインディング、設定を紹介してみる(※随時更新)](http://qiita.com/snowsunny/items/f40c3291a580f3215797)
詳しい説明等は後から追加します、その時に一部内容を変更する可能性がありますがご了承下さい。
早めに見て貰っている方はすみませんです…(´・ω・`)
-追記でーす:2015/12/22
-Qiitaさんに100ストック呟いて貰ってからの伸びが凄い!
-Twitterアプリの通知があんなに来たの久しぶりかも…w
-遅くても明日中には色々更新しまーす。
-(`・ω・´)b
-
#尖りまくってるパッケージ達
##別アプリにした物も欲しいな部門
パッケージが別アプリ並の機能を持っていて、Atom内でこの機能を使えるのが凄い…&Electronで動く別アプリバージョンもあれば色々な人が幸せになれそう、と思ったパッケージ。
###[ask-stack](https://atom.io/packages/ask-stack)
+[Stack Overflow](https://stackoverflow.com/)内での検索と、コード挿入機能を追加してくれるパッケージ。
+日頃[Stack Overflow](https://stackoverflow.com/)にお世話になる人にお勧めのパッケージ!一々ブラウザを開かずに使えるし、コードの挿入機能がかなり便利。
+日本語版にも対応して欲しいですねー、誰か作ってプルリクを送ってくれないかな… |ω・`)チラ
![](https://i.github-camo.com/7d9fd80bdfa175b81e07ba28905dc4afc28bfd84/687474703a2f2f692e696d6775722e636f6d2f796e5a6c4f41542e676966)
###[tablr](https://atom.io/packages/tablr)
+結構多機能CSVエディタをAtomに追加してくれるパッケージ。
+CSVファイルを弄る時はLibreOffice等を起動してやってますが、簡単な編集ならこれで全然OKですね、設定も豊富です。
+AtomのGUI設計の自由さが良く分かるパッケージですね。凄いです!
![](https://i.github-camo.com/614070af63d2c0d44226c99dfa06bff684d9c7cd/687474703a2f2f61626533332e6769746875622e696f2f61746f6d2d7461626c722f7461626c722e676966)
###[git-control](https://atom.io/packages/git-control)
+Atom上に簡易版[SourceTree](https://ja.atlassian.com/software/sourcetree/overview/)の様なGitクライアントを追加してくれるパッケージ。
+黒い画面に馴染めない人にお勧め、GitFlowにも対応。これもAtom向けパッケージのGUIの自由さを存分に感じさせてくれるパッケージです。
![](https://i.github-camo.com/e35620a073ae64498e9dbff837aa273d3dcb263d/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6a61636f67722f61746f6d2d6769742d636f6e74726f6c2f6d61737465722f73637265656e73686f74732f6769742d30312e706e67)
##すっ凄い!エディター革命や!部門
初めて見た時にGUIの出来や機能で、凄い革新的だなーと思ったパッケージ。
###[color-picker](https://atom.io/packages/color-picker)
+素晴らしいGUIのカラーピッカー機能を追加してくれるパッケージ。
+初めて見た時に「Atomのパッケージ凄い!」と染み染み感じさせてくれた、微妙に感慨深いパッケージ…w
![](https://i.github-camo.com/467c72e686f00893c3d36bf46499e76c10f31787/68747470733a2f2f6769746875622e636f6d2f74686f6d61736c696e647374726f6d2f636f6c6f722d7069636b65722f7261772f6d61737465722f707265766965772e676966)
###[pigments](https://atom.io/packages/pigments)
+以前の投稿で紹介しましたが、色情報に関して様々な機能を追加してくれるパッケージ。素晴らしい!
![](https://i.github-camo.com/16c0c12a183c6f57fb33481984593a515777d5e8/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7069676d656e74732e6769663f7261773d74727565)
![](https://i.github-camo.com/053495600775a39932edaa9e795ba018ce764b1c/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f70616c657474652e6769663f7261773d74727565)
![](https://i.github-camo.com/8451130b08ce539d2f19ff985b9ac65d5354708f/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7365617263682e6769663f7261773d74727565)
###[bezier-curve-editor](https://atom.io/packages/bezier-curve-editor)
+アニメーションのベジェ曲線エディターをAtomに追加してくれるパッケージ。
+どんな動きになるのかのサンプルもあって、分り易くて便利ー。
![](https://i.github-camo.com/4a17e178dcbeb59b4d8791134a59698234ad4ce4/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d62657a6965722d63757276652d656469746f722f626c6f622f6d61737465722f73637265656e73686f742e6769663f7261773d74727565)
###[regex-railroad-diagram](https://atom.io/packages/regex-railroad-diagram)
![](https://i.github-camo.com/8466434b7e61870e51dbee19b0bc1173846e7a89/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6b6c6f72656e7a2f61746f6d2d72656765782d7261696c726f61642d6469616772616d732f333535323636373232386331393265383161306432653538343365383234633036346238653462392f72656765782d7261696c726f61642d6469616772616d732e706e67)
###[tree-view-finder](https://atom.io/packages/tree-view-finder)
![](https://i.github-camo.com/70aae547c4fc6c6fc5084dc6db3214892cb2029a/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f68616e79617a6f752f747265652d766965772d66696e6465722f6d61737465722f696d616765732f53637265656e53686f742d303030312e706e67)
###[atom-pair](https://atom.io/packages/atom-pair)
![](https://i.github-camo.com/fc8710eb1e87ade128ee425aedfe808b075a4485/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f7075736865722f61746f6d2d706169722f6d61737465722f696d616765732f64656d6f2e676966)
###[symbols-tree-view](https://atom.io/packages/symbols-tree-view)
![](https://i.github-camo.com/625e6d10dbc90e14696852bf0d4db63b4e1810b2/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f786e64636e2f73796d626f6c732d747265652d766965772f6d61737465722f73637265656e636173742e6769663f7261773d74727565)
##Gitを便利に使おう部門
###[git-control](https://atom.io/packages/git-control)
別アプリにした物も欲しいな部門に続きタブル受賞
###[merge-conflicts](https://atom.io/packages/merge-conflicts)
+これも以前の投稿でも紹介しましたが、Atom上で使えるマージツールを追加するパッケージ。
+Gitのマージツールは結構色々有りますが、エディター上で使えるのでかなり便利かなーって思います、気になる方は是非どうぞー。
![](https://i.github-camo.com/44ff44f156f274b8799022e44bcacb804fadc08a/68747470733a2f2f7261772e6769746875622e636f6d2f736d61736877696c736f6e2f6d657267652d636f6e666c696374732f6d61737465722f646f63732f636f6e666c6963742d7265736f6c7574696f6e2e676966)
-###[git-blame](https://atom.io/packages/git-blame)
-![](https://i.github-camo.com/48e49f0c648a225aa35bebaaff21d437b5b0461b/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f616c6578636f7272652f6769742d626c616d652f6d61737465722f696d616765732f73637265656e2d73686f742e706e67)
+###[blame](https://atom.io/packages/blame)
+エディターの左側にGitのBlame情報を表示してくれるパッケージ。
+「ん?何だろうこのコード?(´・ω・`)」って時に誰に聞けば良いか直ぐに分かりますね!(これで犯人探しが捗るな…)
+左のBlame情報からコミットのIDをコピーしたり、リンクからその行がコミットされたGithubのページを表示出来ます。
+
+表示リンクのURLは下記の様に設定する事も可能みたいです。これでGitLabやBitbucketを使ってる人にも対応出来そうですね、詳しくは[blame](https://atom.io/packages/blame)のプロジェクトページの説明を見てみて下さーい。
+
+```zsh
+git config --local --add atom-blame.browser-url "http://example.com/gitweb/?p=my_repo.git;a=commit;h={hash}"
+```
-###[live-archive](https://atom.io/packages/live-archive)
-![](https://i.github-camo.com/050c10a10dd7f4783afcc5ceecfa08040b6515f9/68747470733a2f2f6769746875622e636f6d2f6d61726b2d6861686e2f6c6976652d617263686976652f626c6f622f6d61737465722f73637265656e73686f74732f6c6976652d617263686976652e6769663f7261773d74727565)
+![](https://i.github-camo.com/e09a43715e0d58491bb9a731da246872fe67d387/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6a6f736134322f61746f6d2d626c616d652f6d61737465722f73637265656e73686f742e706e67)
##ライフハック部門
これを入れるとAtomライフが豊かになり、あなたの生産性を格段に引き上げる?かもしれないパッケージ。
+###[live-archive](https://atom.io/packages/live-archive)
+Atomの編集履歴を記憶して過去のコードとの比較等を容易にしてくれるパッケージ。
+残念ながらAtomのバージョンが新しくなった所為か幾つか使えない機能があるのですが、中々便利なパッケージです。ソースファイルを変更せずに過去の編集履歴を見れるので、「あぁー、あの消しちゃったコード何だったっけー…(´・ω・`)」って時に一々バックアップを取ってctrl-zしなくて済みますw
+Diff情報が色で分かるのも中々便利です、興味がある人はどぞー。
+![](https://i.github-camo.com/050c10a10dd7f4783afcc5ceecfa08040b6515f9/68747470733a2f2f6769746875622e636f6d2f6d61726b2d6861686e2f6c6976652d617263686976652f626c6f622f6d61737465722f73637265656e73686f74732f6c6976652d617263686976652e6769663f7261773d74727565)
+
###[imdone-atom](https://atom.io/packages/imdone-atom)
![](https://i.github-camo.com/11fce0ef0d4ef9d954d03e091050fe1373134c37/68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f3233333530352f31313132313436312f39383939666231342d383931622d313165352d386162612d6134363436663862313432382e676966)
###[editor-stats](https://atom.io/packages/editor-stats)
+あなたのAtomライフを記録して、どれだけアクティブに行動していたかを表示してくれるライフログ的なパッケージ。
+6時間分を確認する事が可能です。自分がいつアクティブになっているかを確認する事で、あなたの生産性をグッと上げる事が出来るかも?
![](https://i.github-camo.com/26ad5dda1100993a359a2c9801c79e4ae52192d3/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3637313337382f323236323232332f38343362313137322d396535372d313165332d396336302d3864323864353432663339632e706e67)
###[editor-background](https://atom.io/packages/editor-background)
+Atomの背景に画像設定して、さらにコードにテキストシャドウを適用出来るパッケージ。
+Atomの背景画像を変えたい人はこれを使うと良いかなーと思います、テキストシャドウの設定も細かく行う事が出来ます。
+説明ページでYoutubeの動画使えるよう記述がありますが、動画を背景で再生出来る機能では無く、正確にはその動画をキャプチャしてきてその画像をループでアニメーション表示する機能なので若干注意が必要です…
+オプション項目は凄い豊富で、色々な設定が出来るで興味がある是非インストールしてみてください!
+
+…しかし動作が重い…重過ぎる…w
+単純に薄く背景を出したいのなら各種GUIライブラリのネイティブ機能使って透過させた方が、動作も軽くて手っ取り早いかもです…透過については既にフォーラムで話合いも行われてるのでそれを待つのも有りかもですねー。
+(´・ω・`)
+
![](https://i.github-camo.com/913bd3a96e9c40154bc7590ee39acfe5b2f3eff0/687474703a2f2f736f6674776172652e657870726573732f646f776e6c6f61642f6c696f6e2e6a7067)
![](https://i.github-camo.com/f187b6f4e0afd9683506015cce6324455dfbb55d/687474703a2f2f736f6674776172652e657870726573732f646f776e6c6f61642f74726565732e6a7067)
![](https://i.github-camo.com/6d3661ccdbfc9d5e1ba0b2b88fa81564dff16411/687474703a2f2f736f6674776172652e657870726573732f646f776e6c6f61642f656469746f725f6d61747269782e676966)
###[mechanical-keyboard](https://atom.io/packages/mechanical-keyboard)
###[typewriter-sounds](https://atom.io/packages/typewriter-sounds)
##面白系部門
面白くて、笑えるパッケージw
###[activate-power-mode](https://atom.io/packages/activate-power-mode)
+パーティクルエフェクトと画面の振動を追加してくれるパッケージ。
+インストール後「ctrl-alt-o」を押す事で有効に出来ます。何気に設定項目が充実していてパーティクル、画面振動のオンオフや、パーティクルの発生数やサイズ、振動具合の設定などが出来ます!
+デフォルト値だと若干動作が重いのですが、パーティクルの数や振動を設定すれば常用出来るレベルの軽さになりますw
+気分転換にどうぞー。(`・ω・´)b
![](https://i.github-camo.com/c6db669d7886b25d9d9d85aecd5f351375886693/68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f3638383431352f31313435333239372f62386632343965632d393630352d313165352d393738632d6562336262323165656364382e676966)
-
##参考リンク
[Google検索「site:http://blog.atom.io/ New Package Roundup」](https://www.google.co.jp/search?q=site:http:%2F%2Fblog.atom.io%2F+New+Package+Roundup)
https://atom.io/packages