Horic Design

a-blog cmsやJavaScriptなどの情報を発信しています。

名古屋マークアップ勉強会でSublimeTextについて勉強しました

今回はSublimeTextの教科書など、いくつかの本を出されている前川 昌幸(まえかわ まさゆき)さんにお越しいただきました。



前川さんにとても親切にSublimeTextのチップスをいくつか教えて頂いたので今回はそのチップスを紹介したいと思います。

1.行単位選択


ctrl+shift+十字キーで複数の行を選択し、その行に対して同一の操作を行えます。

2.同一の文字列の全選択

探したい文字を選択し、cmd+f、さらにopt+enterで同一文字の全選択が行えます。

3. ショートカットキーの衝突を検出

keybindconflictというプラグインをインストールすると、ショートカットキーの検出が可能になります。インストールをしたらcommand+shift+Pよりconflictと検索し、下のようにAll Conflictsを選択します。


すると、下のようにどのキーに対してどのショートカットコマンドが有効になっているかを確認できます。


3.インストールしたパッケージの一覧を見る

command+shift+Pよりlistと検索するとインストールしたパッケージの一覧をみることができます。


4.zipファイルやjsファイル,cssファイルを落としてきて展開する

正直この機能は本当に便利だなと思いました。Nettuts-Fetchというパッケージです。ダウンロードしたら,command+shift+Pよりfetchと検索してください。そしてfetch:Manageを選択し、ダウンロードしたいパッケージの編集をします。
私は以下のように設定しました。

{
	"files":
	{
		"Bootstrap": "https://raw.githubusercontent.com/twbs/bootstrap/master/dist/js/bootstrap.js",
		"Bootstrap.css": "https://raw.githubusercontent.com/twbs/bootstrap/master/dist/css/bootstrap.css",
		"Bootstrap.min.js": "https://raw.githubusercontent.com/twbs/bootstrap/master/dist/js/bootstrap.min.js",
		"Atlas.js": "https://raw.githubusercontent.com/steelydylan/Atlas.js/master/Atlas.js",
		"jquery": "http://code.jquery.com/jquery.min.js"
	},
	"packages":
	{
		"a-blog cms": "http://ablogc.ms/129NDpL",
		"Atlas.js": "https://github.com/steelydylan/Atlas.js/archive/master.zip",
		"Bootstrap": "https://github.com/twbs/bootstrap/archive/master.zip",
		"callisto": "https://github.com/steelydylan/Callisto/archive/master.zip",
		"html5_boilerplate": "https://github.com/h5bp/html5-boilerplate/zipball/master"
	}
}

設定をすると以下のようにサーバ上からフォルダに自分の好きなフレームワークを持ってきて、展開したりすることが可能になります。



最後に

今回はvagrantを使ってローカルにOSの仮想環境を作ってそこにa-blog cmsなどのCMSをダウンロードするデモを見せて頂きました。すこし難しそうですが、実際に公開する時と同じ状態を自分のパソコンで再現できるところは便利だなと感じました。また、vagrantやdockerなども勉強していきたいと思います。


堀 悟大

有限会社アップルップル マークアップエンジニア。2014年高知大学理学部卒業。学生時代にHTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。アップルップル入社後はa-blog cmsを便利に使うための機能の実装や、HTML5の技術を使ったデジタルサイネージの実装を行う。趣味は英語。読むことも話すことも好き。

エントリーリスト

カテゴリーリスト

タグクラウド