#atom.io

日本国内で 10 年以上継続している大規模サイトの場合、文字コードが EUC-JP の場合があります。

Atom Editor by GitHub

Atom そのものが重い。

Atom 本体のアップデートとともに、プラグインがエラーになります。

Adobe Brackets

オープンできない EUC-JP のファイルに対して、ほとんど何もできない、という欠点があります。

Shift JIS や EUC-JP のファイルを編集するためには、別途プラグインが必要ですが、対応プラグインを導入しても開けない EUC-JP のファイルがありました。

Microsoft Visual Studio Code

Atom と同じ Electron 製と聞き、重い印象でしたが、かなり完成度の高いエディタです。

デフォルトで制御コードの表示が可能なため Excel 仕様書対応時の垂直タブ混入問題に対処できます。

デフォルトで Shift JIS や EUC-JP に対応。ただし ISO-2022-JP には未対応？

PHP や HTML のような CSS や JavaScript が混在しているファイルに対して 入力補完が効かない という欠点があります。惜しい。

VisualStudioCodeに関する n 件の投稿 - Qiita

Sublime Text 3

EUC-JP の編集、保存が NG な場合があるようです。（詳細は未検証）

Adobe Dreamweaver CC

PHP や JavaScript 編集を除いた HTML/CSS 編集には悪くない様子。特に .PSD ファイルからの画像切り出し時、画像アセットや Extract のような新しい機能を積極的に使用すると生産性が高そうな印象です。

WebStorm

If you haven’t had the honor to try out the Arduino IDE... Well I’m happy for you. This is what the little devil looks like:

It’s great for anyone starting just off creating Arduino stuff, but after a while you feel like you deserve better.

Atom.io (https://atom.io/) is a damn good text editor from the people over at GitHub. It’s great out-of-the-box, and there are numerous plugins if you’re in to that sort of stuff.

It turns out that there is a great package available for Atom for compiling and uploading Arduino stuff! http://platformio.org/ - they have both a standalone install for their IDE (which is built on top of Atom, if I read their site correctly) and as a package for Atom (https://atom.io/packages/platformio-ide).

Above is a snippet from the Tetris project source code. As soon as I’ve given that abomination of a code base a serious make over - I’ll write the “part 2″ (which I’m sure you’re all waiting for, right?) of the Tetris project, make the source code available on GitHub and draw circuit schematics.

atom 本体が更新された際に linter-csslint が正常に動作しなくなりました。検索にヒットした Stack Overflow をみると csslint をとめる、という対策があり、とめましたが、これがないと困ります。

一時的に Linter そのものを止めて atom-lint にしようかと思いましたが、評価が低いようなのでパス。

AtomLinter を再確認すると LINTER-CSSLINT の他 LINTER-STYLELINT という Linter があることを知り、早速使用してみました。最初は設定ファイルがないと警告されましたが、下記を参考に設定ファイルを作成することで CSS の lint が正常になりました。

CSS の Lint を stylelint にする

Configuration - stylelint

System

Protect eyes with redshift (autostart)

My-weather-indicator is cool in taskbar

The useful

Dropbox

The toolbox