7. Getting Started with Sublime Text 2
Sublime Text 2の特徴
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
8. Getting Started with Sublime Text 2
顔ともいえるアイコンの人気がないらしい
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
9. Getting Started with Sublime Text 2
それは一旦おいといて
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
10. Getting Started with Sublime Text 2
Sublime Text 2の特徴
•クロスプラットフォームで使えるエディタである
•ファイルの移動や文書内の移動がしやすい
•コマンドパレットからいろいろな操作ができる
•パッケージを使って、好みにカスタマイズできる
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
11. Getting Started with Sublime Text 2
Sublime Text 2の画面構成をみてみましょう
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
12. Getting Started with Sublime Text 2
サイドバー、メインカラム、ミニマップ
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
13. Getting Started with Sublime Text 2
Sublime Text 2の初期設定ファイル
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
14. Getting Started with Sublime Text 2
Sublime Text 2の設定ファイルはこんなもの
•初期設定は、すべて JSON形式の テキスト
•各種設定ファイルには、
「Default」「User」の区別がある
•優先度が高いのは「User」なので、
カスタマイズするなら「User」側に書き足す
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
15. Getting Started with Sublime Text 2
これが、Sublime Text 2の設定ファイル
{
"caret_style": "blink",
"font_face": "DejaVuSans",
"font_size": 12.0,
"tab_completion": true,
"tab_size": 1,
"translate_tabs_to_spaces": false
}
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
16. Getting Started with Sublime Text 2
JSONになってるので、その記法で書きましょう
{
"font_face": "DejaVuSans",
"設定内容": "指定値、true/false"
}
※設定毎の区切りは「,(カンマ)」、一番最後の行末には「,」を入力しない
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
17. Getting Started with Sublime Text 2
シンタックスエラーだと保存されません
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
18. Getting Started with Sublime Text 2
Sublime Text 2のテーマとカラースキーム
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
19. Getting Started with Sublime Text 2
こちら、標準のSublime Text 2の画面
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
20. Getting Started with Sublime Text 2
こちら、こもりのSublime Text 2の画面
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
21. Getting Started with Sublime Text 2
テーマやカラースキームの変更はここから
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
22. Getting Started with Sublime Text 2
ここにないものは、設定ファイルに直接書く
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
23. Getting Started with Sublime Text 2
初期設定ファイルのテーマとカラースキーム
{
"color_scheme": "Packages/Theme - Refined/Color Schemes/
Tomorrow Night Refined.tmTheme",
"theme": "Refined-Dark.sublime-theme",
…
}
※パッケージディレクトリ内にあるカラースキームやテーマのファイル名を書く
テーマやカラースキームはパッケージで提供されている
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
24. Getting Started with Sublime Text 2
ちょっと便利なショートカットを覚えよう
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
25. Getting Started with Sublime Text 2
覚えておきたいショートカット(その1)
•コードの入力補完の呼び出しは「Ctrl+Space」
•単語だけを選択する「⌘(Ctrl)+D」
•選択した単語をページ内で検索し選択する
「 ⌘+Ctrl+G(Alt+F3)」
•複数行にまたいでキャレットをおいて編集できる
「Ctrl+Shift+↓」「Ctrl+Shift+↑」
※OS Xのショートカット: https://gist.github.com/1836003
※Windowsのショートカット: https://gist.github.com/2011069
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
26. Getting Started with Sublime Text 2
覚えておきたいショートカット(その2)
•移動のためのGoto Anythingは、「 ⌘(Ctrl) +P」
•文書中のシンボルを移動する「 ⌘(Ctrl) +R」
•行番号で移動するGoto Lineは、「Ctrl+G」
•コマンドパレットを表示するためだけにある
「 ⌘(Ctrl) +Shift+P」
※Goto Anythingで「#」「@」「:」を最初に入力すればGotoコマンドの種類がかわる
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
27. Getting Started with Sublime Text 2
これらが他にあまりないショートカット
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
28. Getting Started with Sublime Text 2
で、ショートカットに出てきたコマンドパレット
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
29. Getting Started with Sublime Text 2
Sublime Text 2のコマンドパレット
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
30. Getting Started with Sublime Text 2
コマンドパレットでできること
•テキストのシンタックスモードの変更
eg. textをhtml、css、js、phpなどに切り替える
•あらかじめ用意された各種コマンドの実行
•パッケージによって追加されるコマンドの実行
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
31. Getting Started with Sublime Text 2
そうそう、フォルダはまるごと管理可能
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
32. Getting Started with Sublime Text 2
フォルダをドラッグすれば「プロジェクト」に
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
33. Getting Started with Sublime Text 2
プロジェクト単位で保存すればアクセスも簡単
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
34. Getting Started with Sublime Text 2
次は、Sublime Text 2を拡張しましょう
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
36. Getting Started with Sublime Text 2
Sublime Text 2のパッケージとは
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
37. Getting Started with Sublime Text 2
簡単にいえば、拡張機能のこと
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
38. Getting Started with Sublime Text 2
世界中の有志が公開しているパッケージ
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
39. Getting Started with Sublime Text 2
公開されているパッケージはこんなもの
•Sublime Text 2にちょっと便利な機能を追加
•言語別のシンタックスカラーリング
•言語やシステム別の入力補完やスニペット
•一連の仕事を全自動でおこなうビルドシステム
•思いつきそうなのは、大抵のものが揃っている
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
40. Getting Started with Sublime Text 2
これらを簡単に使えるのが最大の魅力
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
41. Getting Started with Sublime Text 2
Sublime Text 2にパッケージを導入する
•パッケージの公開ディレクトリから
ファイルをダウンロードして手動でインストール
•パッケージ管理ツールを導入して
コマンドパレットから自動でインストール
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
42. Getting Started with Sublime Text 2
黙ってパッケージ管理ツールを使いましょう
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
43. Getting Started with Sublime Text 2
神のようなツール、Sublime Package Control
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
44. Getting Started with Sublime Text 2
Sublime Package Controlのインストール
•パッケージのインストール、アップデート、
有効化・無効化といった管理をするパッケージ
•wbond.netで公開されている手順に従って、
コンソールからインストールして再起動
※Sublime Package Contorol: http://wbond.net/sublime_packages/package_control
※インストールの詳細: http://wbond.net/sublime_packages/package_control/installation
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
45. Getting Started with Sublime Text 2
Package Controlのインストールコードはこれ
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
46. Getting Started with Sublime Text 2
Consoleを出して、ペースト&リターンで
import urllib2,os; pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not
os.path.exists(ipp) else None;
urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())
); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://
sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please
restart Sublime Text to finish installation'
※コンソールは: 「View」メニューの「Show Console(Ctrlキー + ` )」から
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
47. Getting Started with Sublime Text 2
終わったら、再起動しましょう
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
48. Getting Started with Sublime Text 2
Sublime Package Controlの使い方は簡単
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
49. Getting Started with Sublime Text 2
コマンドパレットを呼び出して
「Packa…」とか適当に入力しはじめる
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
50. Getting Started with Sublime Text 2
はい、コマンド一覧が出てきました
※パッケージ管理コマンド一覧: http://wbond.net/sublime_packages/package_control/usage
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
51. Getting Started with Sublime Text 2
Install Packageでパッケージをリストアップ
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
52. Getting Started with Sublime Text 2
任意の文字列を入れて、リストを絞り込む
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
53. Getting Started with Sublime Text 2
パッケージをリストから選択し、エンターキー
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
54. Getting Started with Sublime Text 2
どんなパッケージがあるかわからない?
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
55. Getting Started with Sublime Text 2
解説が必要であれば、Communityで検索する
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
56. Getting Started with Sublime Text 2
あとは好みでSublime Text 2をカスタマイズ
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
57. Getting Started with Sublime Text 2
https://gist.github.com/4029897
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki
58. Getting Started with Sublime Text 2
Getting Started with Sublime Text 2!!
Sublime Text 2 ことはじめ 2012.11.07. 第0回 Sublime Text 2 勉強会: Komori, Masaaki