CPI x CSS Nite x 優クリエイト「After Dark」(9) 『「今すぐSublime Textを使いこなす!」90分ライブセットアップ』

2
marin @ku_marin

こっちだったの(*ノω・*)テヘ #cssnite_ad9

2014-04-17 20:08:02
ryugoo @ryugoo_

#cssnite_ad9 Sublime Text の設定は全てコードで設定する。一見すると難しく思えるが、慣れるとこちらの方が簡単。また、新しいマシンにインストールした ST に設定を行うときもコピペで OK 。ただし、 Win と Mac で共有するとフォントとかに難あり。

2014-04-17 20:08:14
ユーストバング @ustbang

《cssnite-afterdark》 CPI x CSS Nite「After Dark」(9) 『「今す… [50分経過] Now151人(第6位↑) on USTREAM ( #cssnite_ad5 live at http://t.co/mSMAARJ4sB )

2014-04-17 20:09:06
ryugoo @ryugoo_

#cssnite_ad9 Sublime Text は拡張選択ができる。文字列を選択して cmd + d (Win : ctrl + d) で同じ文字列を一気に選択できる。その状態で編集も OK 。選択し過ぎちゃったら cmd + u で戻れる。

2014-04-17 20:11:49
齋藤美紀 @route5

カーソルの動きだけ見ると幽霊かなんかみたい… ( #cssnite_ad9 live at http://t.co/YAQNNSE0lY)

2014-04-17 20:12:33
齋藤美紀 @route5

カーソルの動きだけ見ると幽霊かなんかみたい… ( #cssnite_ad9 live at http://t.co/BgB6Alg3XY)

2014-04-17 20:12:34
ryugoo @ryugoo_

#cssnite_ad9 cmd + alt + 1,2,3,4 で画面を分割できる。 Sublime Text 3 は画像プレビューもできるため、例えば片方の画面に画像を表示したまま、片方でコードを書く事ができる。デザインカンプを表示しながら作業すると便利。

2014-04-17 20:16:26
Akira Maruyama/丸山 章 @akira_maru

画面の拡大はアクセシビリティの機能を使ったほうがわかりやすいと思うなあ。 ( #cssnite_ad5 live at http://t.co/67gWhXX7bl)

2014-04-17 20:17:46
Akira Maruyama/丸山 章 @akira_maru

画面の拡大はアクセシビリティの機能を使ったほうがわかりやすいと思うなあ。 ( #cssnite_ad5 live at http://t.co/iCyTLBkRs0)

2014-04-17 20:17:47
ryugoo @ryugoo_

#cssnite_ad9 ST3 から View ⇒ Distraction Free Mode を選択するとエディタ以外何も表示されない集中モードに入れる。Sublime Text は編集途中でアプリを終了してしまっても、アプリを立ち上げ直せばそのままの状態で起動する。

2014-04-17 20:19:02
ryugoo @ryugoo_

#cssnite_ad9 Sublime Text の文字列検索 (cmd + f) に検索したい文字列を入力し、 alt + enter で検索文字列を全選択状態にできる。さらに細かい選択に関しては、 ST の Selection メニューにあるものを使うと良い。

2014-04-17 20:21:18
みぞれし @xxmiz0rexx

検索しておぷしょんえんたーで⌘Dと同じ感じになるやて。しらにゃかた。 #cssnite_ad9

2014-04-17 20:21:23
ryugoo @ryugoo_

#cssnite_ad9 HTML 中の CSS のクラスを選択した状態で、メニューの Goto ⇒ Goto Definition を選ぶことで、そのクラスが定義されている CSS ファイルを開くことができる。

2014-04-17 20:23:56
ryugoo @ryugoo_

#cssnite_ad9 コマンドパレットを開いて Package Control: Remove Package から使わないパッケージを削除できる。無効化もできるが、無効化されたパッケージも自動更新され、まれに更新による悪影響が出ることがある。使わないなら削除がオススメ。

2014-04-17 20:26:11
ryugoo @ryugoo_

#cssnite_ad9 コマンドパレットの Package Control: Install Package で気になるパッケージを絞り込み検索ができるが、判りづらいので Package Control の公式サイトで検索すると良い。トレンドや人気のパッケージも判る。

2014-04-17 20:28:03
Aika,K @bambi__827

やっと帰ってきたー今から見るー(遅) ( #cssnite_ad9 live at http://t.co/Hf3ajySk3O)

2014-04-17 20:28:55
masaki @4_5matworks

検索機能はよく使うけど、option押しながらリターンは知らなかった。これ凄い便利なんだけど(´し`) #cssnite_ad9

2014-04-17 20:29:46
ryugoo @ryugoo_

#cssnite_ad9 Sublime Text のサイドバーでできる操作は結構貧弱。そこで Sidebar Enhancement というパッケージを入れると良い。これは ST3 でしか使えない。必須パッケージ。

2014-04-17 20:30:21
齋藤美紀 @route5

評価利用アプリの評価利用エクステ… ( #cssnite_ad9 live at http://t.co/YAQNNSE0lY)

2014-04-17 20:32:03
齋藤美紀 @route5

評価利用アプリの評価利用エクステ… ( #cssnite_ad9 live at http://t.co/BgB6Alg3XY)

2014-04-17 20:32:03
ryugoo @ryugoo_

#cssnite_ad9 SFTP パッケージの紹介。20ドル。設定はコードで書く。その場で編集し、アップロードできる。モニターファイル機能を使うと、保存するたびにアップロードもできる。この機能を使うと、 Grunt や Sass を使っているときに組み合わせると捗る。

2014-04-17 20:35:34
ryugoo @ryugoo_

#cssnite_ad9 Emmet (旧:Zen-Coding) パッケージの紹介。開発者が ST 優先にしているようで、 ST でだけ使える LiveStyle などがある。ST で印象的なのは alt + control + enter で表示されるテキストエリア連動。

2014-04-17 20:41:43
ryugoo @ryugoo_

#cssnite_ad9 Emmet と Sublime Text の相性はとても良い。 HTML / CSS を書いている場合はかなり効率良く書ける。 Package Control に登録されているパッケージの中では Package Control に次いで人気。

2014-04-17 20:43:31
齋藤美紀 @route5

わかりました。エメット覚えます… ( #cssnite_ad9 live at http://t.co/YAQNNSE0lY)

2014-04-17 20:44:23