しゃのんあどべんとかれんだー 12 日目 (Atom で独自キーバインド設定) 匿名 匿名 この記事は、しゃのんあどべんとかれんだー 12 日目の記事です。 (Qiita のカレンダーに投稿予約し忘れていたので、投稿できなくなりましたがw 25 日分記事を投稿してみる試みは続行します。) ![Atom](http://2.bp.blogspot.com/-vy9qHzDrGpU/VopxVMyeV5I/AAAAAAAAAVY/YN-7ZKwd3K4/s200/atom_editor.png) どうも、munepom (`@__munepom__`) です。 アドベントカレンダーの期間は過ぎてしまいましたが、年内で埋められるようがんばってみます。 またまた、Windows 環境で使っている Atom エディタのちょっとしたおはなしです。 カスタマイズの一例 独自キーバインドをスクリプトで追加してみる編 です。 # 独自キーバインドをスクリプトで追加してみる やり方は簡単でして、一例としては、init.coffee ファイルに、CoffeeScript で期待する動作を書きます。 (Ctrl + Alt + i でコンソールが開くので、JavaScript をデバッグする要領と同じ感じでオブジェクトなどを確認できると思います。) #### そんなわけで、補完設定例です .atom/init.coffee (改行時に、セミコロンを入れたり、カンマを入れたりする動作の記述) ``` atom.commands.add 'atom-workspace', 'custom:newline-insert-semicolon', -> editor = atom.workspace.getActiveTextEditor() editor.moveToEndOfLine() editor.insertText(";") editor.insertNewline() editor.autoIndentSelectedRows() atom.commands.add 'atom-workspace', 'custom:newline-insert-comma', -> editor = atom.workspace.getActiveTextEditor() editor.moveToEndOfLine() editor.insertText(",") editor.insertNewline(); editor.autoIndentSelectedRows() ``` .atom/keymap.cson (どのキーを押したら、init.coffee で設定したキーバインドを利用するか?の記述) ``` 'atom-text-editor': 'alt-enter': 'custom:newline-insert-semicolon' 'alt-ctrl-enter': 'custom:newline-insert-comma' ``` 実際にキーバインドの動作を記述してみた感想としては、、、 console で動作をちょいちょい確認しながら楽しんで記述できたので、JavaScript 好きな方でしたら、やってみると面白いと思いますよ! 快適な開発環境目指して、レッツ Enjoy! (・ω・)ノ Tweet Share Share Share Share