Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 こんにちは、谷口です。 皆さんは普段どんなエディタを使っていますか?「今のエディタに不満がある」「乗り換えを考えている」という方もいるかと思います。 弊社でpaizaを作っている凄腕エンジニアたちに聞いたところ、Atom派とVim派とEmacs派がいたので、各エディタを使うメリット・デメリット、また実際に開発で使っていて便利なプラグインや設定の小技などをみっちり聞いてきました。 エディタの設定や乗り換えの参考にしていただければと思います。 ■その前にpaizaを作っているエンジニアが使うエディタの割合 Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 Atomユーザー:2名 Vimユーザー:2名 Emacsユーザー:1名 もちろんみんな一つのエディタ単体
インストール方法 blog.nocorica.jp 経緯とモチベーション 実は、Atom の日本語化パッケージは他にもあります。Localization というのですが、こちらは世界中のあらゆる言語に対応できるように作られているものの、インストールしてもうまく動作しないことがあります。これに困っている方が多くおられるようでした。また、うまくいっても警告が出てしまい、問題が報告されても改善の様子が見られません。プルリクも放置気味です。 JavaScript にも慣れてきたので、いっちょ自分で作ってみるかとパッケージ作りの世界に飛び込んでみたところ、これがなかなか面白い。調べていくうちにメニューバーだけでなくコンテキストメニューも日本語化できることがわかったり、どのような仕組みで表示制御をしているか、例えばツリービューの上なのかタブの上なのかといった切替の仕組みがわかって面白かったです。 実現
Windows7 x64 + Atomエディタで Pythonスクリプトを書いてみようと思ったのだけど、その場でPythonスクリプトを実行する方法が分からなくて。 編集中のスクリプトを実行できる拡張というと、以下の3つが見つかったのだけど。 _script _script-runner _atom-runner script は、出力結果が文字化けして何が出力されたのか分からず。 script-runner は、Uncaught TypeError: Bad argument とエラーが。 atom-runner は、Pythonスクリプトの1行目に #! /usr/bin/env python と書いてあると Error : spawn /usr/bin/env ENOENT とエラーが。該当行を削除すると動くし、文字化けもしないけど…。この行をわざわざ削るのはなあ…。 Pythonス
今までSublimeText使ってたもののちょっとAtomに浮気してます。んで、いろいろパッケージを入れてたところ掲題の件の現象。 入れたパッケージ https://github.com/rgbkrk/atom-script Atom上でコードを実行できるやつです 動かしてみた こんなんでた 直してみた どうもnodeのPATHが見えてないっぽい。。。調べたらissueが切られてたので、やりとりを参考にinit Scriptを開いてPATHを追加してみる。 Atom -> Open Your Init Scriptを開いて自分のnodeのPATHを追加 process.env.PATH = ["/Users/rei_m/.nodebrew/current/bin", process.env.PATH].join(":");
2015-05-01 vim使いがAtomに乗り換えを試みる Atom "vim使い"と豪語できるほどではないが、テキストエディタはvim派の私がAtomに乗り換えを試みる。しばらく試用期間で様子を見てみる。 Atomとの出会い 前々から目にしていたのだが、WEB+DB vol.86を読んでようやく腰を上げてみた次第。 http://gihyo.jp/magazine/wdpress/archive/2015/vol86 導入 ダウンロード https://atom.io/ パッケージ 調べてみて良さそうなものを片っ端から導入。 ask-stack StackOverFlow検索 atom-beautify フォーマット整形 atom-runner その場でスクリプト実行 atom-terminal ターミナル起動(別窓) autocomplete-plus オートコンプリートが
はじめに (HTML5アプリ開発ツール(Atom/Chrome/Firefox/CDE) - 理系ジンのアップデート・追記です。) 理系ジンが、HTML5アプリの開発に利用する予定のnode.jsとAtomの設定の紹介をします。 より詳しくは、node.jsを使ったプログラミングではなく、node.jsと一緒にインストールされるnpmコマンドを利用してインストールできるツール類と、Atomのパッケージの紹介になります。HTML5アプリの開発は色々なツールを組み合わせて行われることが多く変化が激しいですが、現時点での一つの方法として参考にしてください。 理系ジンは、npmを使わないつもりでしたが、意外に手軽だったので利用することにしました。 今回の記事は、Macでのみ動作確認しています。Windowsでは動作しないパッケージがあるかも知れません。 注意 MacでXcodeがインストールされて
追記 多くの方が目を通してくれているのでIDE情勢が変化し次第、内容を随時更新することにした。 特に最近、C#周りがホットになってきている気がするのでその辺も含めて少し情報を変更、追加した。 マイクロソフトの独壇場なイメージがあったC#は今では様々な分野、プラットフォームで利用されており、大変有用な言語となっている。 IDEってどれがいいの? 結論から言うとJetBrains社が出してるIDE使っておけばもっといいのがあるよって異論を言われるはずがない。 もちろんこれまで長くコーディングを嗜んできた人やポリシーがある人はそれで構わないしVimとかいう前世紀の賜物を使いこなせる人はそれでいいと思う。俺には使えないが。 比較対象 とりあえずこれまである程度使ったものだけで比較する。 Eclipse, Xcode, JetBrainsのIDE(AppCode, Android Studio, I
noaku.com This is a tumblelog, kinda like a blog but with short-form, mixed-media posts with stuff I like. Scroll down a bit to start reading , or a bit more to read more about me . 会社でEclipseを使っていたのだけれど、本格的にGitHubに移行したのと、自分の立場が管理職的なものに変わり、Eclipseが重くて嫌だなーと思っていました。 Atomというエディタを見つけて、早速インストールしました。 Atomは便利なパッケージという拡張機能がたくさんあるのですが、Windows 7でエラーが出たので、対処法をば。 参照URL https://discuss.atom.io/t/minimap-packag
最近Emacsにも飽きてきたから、gitとの親和性が高そうなAtomに乗り換えようとしている。 その中で、git-plusというパッケージがインストール出来なかった。 エラーメッセージは Command failed: fatal: could not create work tree dir 'c:\ファイルパス\npm-10856-e1a1dfc8\1420633333522-0.860646930988878\4feb1e9760e5ae6c15b4d41fd6c5115feb7cacd3'.: No such file or directory こんな感じ。 Macでは普通に入ったから原因が特定しづらかった。 根本の原因はnpmが古かったこと。 ここを読むとどうやら1週間くらい前に発覚したバグらしい。 「npm@2.3.0で治すから!」って言っていて、報告者もfixを確認したらしい
前書き 最近 Web エンジニア化が激しく、VSCode を使って頑張っていろいろ作っていたんですが、流石にこう、「もうちょっといいエディタ絶対あるわ…。」と言う気分になってきました。 いやまぁ悪いエディタではないんですけどね。いいエディタでは決してないですからね。 じゃあ他にどんな選択肢があるよ?って言われても、Atom か Sublime Text か Brackets か、って話ですし、以前 Atom を触ってたこともあるので迷わず Atom を入れたんですが、プロキシ環境下だとクソ面倒だったって話をします。 厳密に言えば別にプロキシ環境下でも何の問題もなく動くんですが、パッケージの検索、インストール関連は何一つ動きません。やってくれるぜって感じですね。 パッケージの入れられない Atom なんてそれこそ使う理由が一ミリもないのでちゃんと動くように準備します。 ちなみに環境は Win
Atom上からコンソールを使用したくて方法を探していた。 term2というパッケージがよさ気だが、そのままでは導入することはできなかった。 正直めんどくさいが、はじめだけなので我慢して導入する。 やり方は下記リンクの下の方に書かれていた。 Installing failed because of pty.js on Windows #132 1. Install python 2.7 (make sure it's in path) 2. Install Microsoft Visual Studio 2013 Community Edition (NOT 2015) 3. Add ATOM_DIR\atom\resources\app\apm\bin to path 4. git clone https://github.com/codehotter/atom-term2 5. cd a
Atomにターミナル入れると作業が捗ったので感動のあまりブログ化してみる。今まで別窓でアプリ切り替えてたがこれだとすごく楽になった。 Atom内でターミナルコマンドを実行してみる Atomにterminal-plusのインストール Atomでターミナルを実行するには、terminal-plusをインストールする。インストール方法は簡単、環境設定画面でterminal-plusを検索してインストールボタンを押すだけ。 terminal-plusの使い方 Atomにterminal-plusのインストールが完了するとエディター下部にステータスバーが追加される。 このボタンをクリックするか、ショートカットのshift+control+@を押せば、Atom内でターミナル画面が開く。(ドキュメントページのショートカットだとなぜか起動しなかった) あとはいつも通りの使い方でOK。今までターミナル立ち上
ここ最近、Web デザインや HTML / CSS コーディングをこれから始める方や始めて間もない方に相談される機会が結構ありまして、今回はその中でもよく聞かれる「テキストエディタは何がおすすめですか?」についてのお話。 種類や情報過多で選べないGoogle様に「テキストエディタ」について尋ねれば、約 1,230,000 件の情報を返してくれます。これではちと多すぎるので、用途や OS などのキーワード、「プログラミング」「mac」「win」「おすすめ」「無料」とかを足して、絞り込んでいくと経験豊富な方の確かな情報に辿りつきます。 それでも「種類が多すぎて何を使っていいかわからない」と言われることも少なくないので、その場合は Atom を使ってみればと言っております。 Atom とは無料なのに拡張性抜群の Github 製のテキストエディタです。バージョンも安定版の 1.0 になって起動や
おすすめテーマ インストール方法は、Ctrl+,からSettingsを開き、左端のThemesタブを選択する 。 Install Themesに対象のテーマ名を入れてインストールする。 UI ThemeとSyntax Themeにインストールしたテーマがあるので選択する。 seti-ui 拡張子ごとにアイコンがあるテーマ。私はコレ使ってます。 monokai SublimeText等で有名な伝家の宝刀テーマ。迷ったらコレでしょ。 おすすめパッケージ インストール方法は、Ctrl+,からSettingsを開き、左端のPackagesタブを選択する japanese-wrap Atomはデフォルトでは日本語の折り返しがうまくいかないという問題があります。 これを導入することで日本語の折り返しが正しく動作するようになるため、日本語環境内では必須といえます。 minimap SublimeText
竹上、vimmerやめるってよ Atomの紹介とともに vimの代替機能を紹介します。 主力のプラグイン ・Autocomplete Plus # コード補完 ・Docblockr # Docコメント補完 ・File Icons # ファイルアイコンを表示 ・Resize Panes # パネルのリサイズ ・vim-mode # vimモード 標準で多くの機能が提供されているので、 そのままでもそこそこ使えます。 Atomに乗り換えたメリット 1. ファイル検索強い 2. Git連携が強い 3. プラグインの管理が楽 4. プラグインの開発がしやすい、開発者が多い 5. markdownのリアルタイムプレビュー 特に1が神がかってます。 Atomに乗り換えたデメリット 1. vimと比べると動作がもっさり 2. 動作が不安定 3. 画面分割が使いづらい 4. vim-modeしょぼい 5.
テキストエディタの基礎部分となる、パフォーマンス面からatomとSublimeTextを比較して見た結果、Sublime Textに戻ったよ、というお話です。 macのプログラマ御用達のテキストエディタと言えば、真っ先に挙がるのが「Atom」と「Sublime Text」ですね。 最近「atomスゲーよ!!」というブログ記事をチラホラ見るようになったので、私は去年から半年間、会社でプログラミング用途としてatomを使ってみました。その実体験を元に両者の真実を書いてみようと思います。 最近ではLight Tableなんかも出ましたが、今回はこの2つのテキストエディタに焦点を当ててみます。 ※ 今回はGIFアニメ多めです おさらい Atom Sublime Text 検証環境 何が問題なのか パフォーマンス atomによる一括置換の様子をGIFアニメで確認する Sublime Textによる一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く