Top Banner
そろそろ Sublime Text 2 を熱く語ろうと思う @kenchan0130_aki
32

そろそろSublime Text 2を熱く語ろうと思う

May 24, 2015

Download

Technology

Tadayuki Onishi
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: そろそろSublime Text 2を熱く語ろうと思う

そろそろ Sublime Text 2 を熱く語ろうと思う

@kenchan0130_aki

Page 2: そろそろSublime Text 2を熱く語ろうと思う

Sublime Text 2とは?

Page 3: そろそろSublime Text 2を熱く語ろうと思う

もうみなさんご存知ですよね?

Page 4: そろそろSublime Text 2を熱く語ろうと思う
Page 5: そろそろSublime Text 2を熱く語ろうと思う
Page 6: そろそろSublime Text 2を熱く語ろうと思う

Sublime Text is a cross-platform python-based text and source code editor. The program was originally designed as a feature-rich extension of Vim.

出典:wikipedia

Page 7: そろそろSublime Text 2を熱く語ろうと思う

つまり、宗教です

Page 8: そろそろSublime Text 2を熱く語ろうと思う

なにがすごいの?

Page 9: そろそろSublime Text 2を熱く語ろうと思う

なにがすごいの?

•豊富なパッケージ

Page 10: そろそろSublime Text 2を熱く語ろうと思う

なにがすごいの?

•豊富なパッケージ•ビルドシステム

Page 11: そろそろSublime Text 2を熱く語ろうと思う

なにがすごいの?

•豊富なパッケージ•ビルドシステム•画面スプリット

Page 12: そろそろSublime Text 2を熱く語ろうと思う

なにがすごいの?

•豊富なパッケージ•ビルドシステム•画面スプリット• etc.

Page 13: そろそろSublime Text 2を熱く語ろうと思う

私のオヌヌメ

•設定ファイルをDropboxに!

• キーバインドをVimライクに!

- 別のPCにも同じ設定が適応される

- Vimだからいいやと思ってるそこのあなた

Page 14: そろそろSublime Text 2を熱く語ろうと思う

デメリット

•ターミナルとの相性があまり良くない•日本語入力というかIMEとの相性が良くない•コードのエラー発見等はほぼやってくれない

Page 16: そろそろSublime Text 2を熱く語ろうと思う

とりあえず Package Control 入れましょう

Page 17: そろそろSublime Text 2を熱く語ろうと思う

これはただの神ツールです

Page 18: そろそろSublime Text 2を熱く語ろうと思う

あとはPackageをじゃんじゃかインストールするだけ

バンバンインストールすると競合するかもしれないので、ほどほどに

Page 19: そろそろSublime Text 2を熱く語ろうと思う

入れてるPackageたちAbacus, AndyPHP, Auto Encoding for Ruby, AutoFileName, BracketHighlighter, CakePHP (Native), CoffeeLint, CoffeeScript, CoffeeScript Function Finder, ColorPicker, Compass, ConvertToUTF8, CSS Snippets, CSSTidy, Emmet, ERB Insert and Toggle Commands, HTML5, HtmlTidy, IndentGuides, jQuery, jQuery Snippets pack, JSHint, Local History, Lua Dev, nginx, Nodejs, Package Control, PhpTidy, R Tools, rails_tutorial_sublime_text, RubyTest, Sass, SASS Build, SCSS, SCSS Snippets, SideBarEnhancements, Simple Rails Navigator, StringEncode, Sublime-HTMLPrettify, Sublime-Text-2-Compass-Build-System, SublimeCakePHP, SublimeCodeIntel, SublimeLinter, SublimePeek, SublimeREPL, SublimeRope, TrailingSpaces, VintageEx, XAML

2013/1/22 現在

Page 20: そろそろSublime Text 2を熱く語ろうと思う

入れてるPackageたちAbacus, AndyPHP, Auto Encoding for Ruby, AutoFileName, BracketHighlighter, CakePHP (Native), CoffeeLint, CoffeeScript, CoffeeScript Function Finder, ColorPicker, Compass, ConvertToUTF8, CSS Snippets, CSSTidy, Emmet, ERB Insert and Toggle Commands, HTML5, HtmlTidy, IndentGuides, jQuery, jQuery Snippets pack, JSHint, Local History, Lua Dev, nginx, Nodejs, Package Control, PhpTidy, R Tools, rails_tutorial_sublime_text, RubyTest, Sass, SASS Build, SCSS, SCSS Snippets, SideBarEnhancements, Simple Rails Navigator, StringEncode, Sublime-HTMLPrettify, Sublime-Text-2-Compass-Build-System, SublimeCakePHP, SublimeCodeIntel, SublimeLinter, SublimePeek, SublimeREPL, SublimeRope, TrailingSpaces, VintageEx, XAML

2013/1/22 現在

Page 21: そろそろSublime Text 2を熱く語ろうと思う

LTなので、この6個だけ紹介します

Page 22: そろそろSublime Text 2を熱く語ろうと思う

ColorPicker

色を選択を これ でできる

Page 23: そろそろSublime Text 2を熱く語ろうと思う

ColorPicker

色を選択を これ でできる

Page 24: そろそろSublime Text 2を熱く語ろうと思う

ColorPicker

色を選択を これ でできる

オヌヌメキーバインドは{ "keys": ["super+shift+c"], "command": "color_pick" }

Page 25: そろそろSublime Text 2を熱く語ろうと思う

ConvertToUTF8

•開いたファイルをUTF8に変換してくれる•保存するときに元のエンコードに戻してくれる•保存するエンコードを指定することも可能

Page 26: そろそろSublime Text 2を熱く語ろうと思う

Sublime-HTMLPrettify

• HTML、CSS、JavaScriptを整形してくれる•ただし、Node.jsが必要

Page 27: そろそろSublime Text 2を熱く語ろうと思う

SublimeCodeIntel

•もともと(ctrl+space)で補完できる•それを自動で出してくれる

Page 28: そろそろSublime Text 2を熱く語ろうと思う

SublimeLinter

•リアルタイムで構文チェックをしてくれる• JavaScript、CoffeeScript、CSS、Java、Objective-J、Perl、PHP、Python、Ruby

•その他の言語はライブラリで対応

Page 29: そろそろSublime Text 2を熱く語ろうと思う

SublimeRope

• Python用のIDEライクなパッケージ• Pythonライブラリの強力な自動補完•定義ジャンプ•プロジェクト生成•キャッシュが貯まるので、ある程度学習してくれる

Page 30: そろそろSublime Text 2を熱く語ろうと思う

VintageEx• COMMAND MODEでViコマンドが使えるようになる

• TabでViコマンドを補完• COMMAND MODE、INSERT MODE、VISUAL MODEにするには設定ファイル(Settings - Default)を変更http://blog.agektmr.com/2012/05/sublime-text-2.html

Page 31: そろそろSublime Text 2を熱く語ろうと思う

パッケージをインストールしたら再起動すると機能が有効になります

Page 32: そろそろSublime Text 2を熱く語ろうと思う

Sublime Text 2でステキな生活をお送り下さい