WebデザイナーのためのSublime Text入門

おすすめショートカット

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
Webデザインでよく使用されるショートカット(キーバインディング)をご紹介します。
講師:
05:53

字幕

このレッスンではSublime Text のお勧めのショートカットについて学びます。Sublime Text には便利なショートカットが沢山ありますがその中でも厳選したショートカットをお伝えできればと思います。それでは shortcut のファイルをまずブラウザーで開きましょう。そして Sublime Text でも同様に開いておきます。そうしたら1つ1つ試していきましょう。まずは文字を大きくするというショートカットです。Sublime Text にマウスカーソルをフォーカスしておきMac の方は Command++そして Windows の方はCtrl++ と押してみましょう。そうすると1回押すごとに文字サイズが大きくなっていくかと思います。そして小さくするにはMac の方は Command+-Windows の方はCtrl+- を押していきますこのように臨機応変に文字サイズを変更して自分が見やすいと思うサイズでエディターを使っていきましょう。次はサイドバーの表示と非表示です。サイドバーは出ていると便利な時もあるのですが隠したいときというのもあります。普段は View Side Barこのように Show Side Bar かHide Side Bar を選ぶことができますがここまでマウスを運んでいくのは少し大変です。 なのでこのようにメニューが出ていない状態でMac の方は Command+KB と連続で打ちます。Windows の方は Ctrl+KB と連続で押します。ではやってみましょう。Command+KBと2つのショートカットキーKB を連続で押すようなイメージで現したり、隠したりということができます。Command もしくは Ctrl は押しっぱなしで大丈夫です。次はオートコンプリートの表示です。オートコンプリートとは自動補完や入力の候補を提案してくれる機能です。例えば HTML h2 の後ろで改行を入れてここで Ctrl を押しながらSpace と押すと、このように変換候補がでてきたりします。そして例えば h と押すと絞り込まれて h から始まるhtml タグに変わっています。そして選んだあとに Enter を押すと自動的に閉じタグまで入ってくれたりといった機能があります。このオートコンプリートは今自分が入力しているソース今回は HTML ですがCSS の場合は CSS のオートコンプリートを表示してくれます。では次です。行番号で移動したい時というのがあります。CSS などは100 行 200 行となることが普通になってきますので行番号を入力する方法も覚えておきましょう。 こちらは Ctrl+G になります。そうするとこのようにダイアログが出て、例えばここだと 40 と押してみるとこのファイルは残念ながら36行までしか無いので1番下までスクロールしました。また、3 などと押すと自動的に3という所にハイライトが入ります。この機能も覚えておきましょう。そしてこの画面。ダイアログを非表示にするときはEscape を押します。次は選択文字を大文字にしたり、小文字にする方法を学びます。できるだけ HTML は小文字でないといけないですがたまにソースを流用したりすると大文字になっていることなどもあります。その時に Mac の場合はCommandそして Windows の場合はCtrl 押しながらKU, KL と2つの文字を連続して打つと大文字にしたり小文字にしたりすることが可能になります。試しにやってみましょう。body という単語を選択しながらCommand+KU と押してみます。そうするとこのように一瞬で大文字になりました。そしてそのままCommand+KL と押すとすぐ小文字にすることができます。全体選択にしている時も有効で、こちらは Mac だと Command+AWindows では Ctrl+A で全選択をしてからCommand+KU やCommand+KL をすると容易に大文字小文字の変換が可能になっています。 そして検索についてです。検索は Sublime Text でMac の方は Command+FWindows の方は Ctrl+F で検索窓を出すことができます。検索窓は下にこのように表示がされていて例えば div を検索したいという風に打つとすぐにハイライトが入るようになっています。このレッスンではお勧めのショートカットについてご紹介しました。

WebデザイナーのためのSublime Text入門

Sublime Textは世界中で多くのプログラマーに愛されている大人気のテキストエディタです。このコースでは、Sublime Textを使うのが初めての方にもわかりやすいようにその使い方を丁寧に解説していきます。コースの後半では実際にSublime Textを使ってコーティングを行っていきます。

2時間16分 (23 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2014年06月18日
再生時間:2時間16分 (23 ビデオ)

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。