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

便利機能を使ってみよう

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
Sublime Textの特徴であるマルチカーソル機能をはじめとする、便利な機能を試してみましょう。
講師:
06:21

字幕

このレッスンではSublime Text の便利な機能を試してみましょう。Sublime Text には他のテキストエディターにはない嬉しい機能というものが備わっています。そちらを幾つかご紹介したいと思います。ではこの useful.html をブラウザーで開きます。また、この HTML をSublime Text でも開きたいと思います。そしてウィンドウ幅を調整しておきます。さて上から内容を見ていきましょう。まずマルチカーソルという機能があります。こちらはショートカット、Mac の方は Command+DWindows の方はCtrl+D で実行することができ、また Command+ クリックCtrl+ クリックでも実行が可能になっています。それでは早速試してみましょう。まずこの span というタグを例えば strong タグに変えたいという時にspan というのはここに2つ入っています。それぞれを打ち変えても勿論いいのですが例えばこの span をあらかじめドラッグで選択をしておきます。そしてここでショートカットキー、Mac は Command+DWindows は Ctrl+D を1回押してみましょう。 そうするとこのように2つの span というエリアにカーソルが出現していてここで例えば Delete を押すと、同時に2か所を編集することが可能になっています。また例えばこの li をp に変えたい時もli を選択してこのエリアの全部の li を変えたいと思ったらここで Command+DCtrl+D で1回押すたびに次の同じ li が選択されていきます。そしてここで例えば p などと押せば1発でこのように li が pi に変わるといったような操作が可能です。また、Command+ クリックCtrl+ クリックでもカーソルの位置を増やすことができます。例えばこの行末に何かコメントを入れたいという場合はh1 の後ろでまずカーソルをクリックしておきます。そして Mac の方はCommand 押しながらWindows の方はCtrl 押しながらクリックをすると、このようにカーソルの点滅位置が2つになったかと思います。同様に result の後ろでもクリックをするとこのように3か所に同時に編集が可能になるという便利な機能が備わっています。次は何も選択をせずにコピー&ペーストを試してみましょう。 例えばこの h2 の行を複製したいと思った時にインデントも含めてコピーをこのようにドラッグでする場合が多いと思いますが特に何も選択せずカーソルをこのように行の中に置いてMac の方は Command+CWindows の方は Ctrl+C を1回押しておきます。そしてその状態でMac の方は Command+VWindows の方は Ctrl+V でこのように行をすぐに増やすことができます。これは非常に便利な機能で何も選択しないというだけで一手間減ります。また、Command+XWindows の方は Ctrl+X でも行ごと切り取るということも可能になっていますのでこちらも試してみてください。次は矩形選択です。これは例えば li の後ろに例えばこの括弧の終わりに1 とか 2 とかを入れたいときに実は Mac の方はOption+ ドラッグWindows の方はShift+ 右ドラッグをすることでこのように四角形を描くように選択範囲を作ることができます。なので四角形を作らずにこのように垂直に下ろしていくことで選択範囲を作り出すことが可能です。例えばこのcommon というフォルダー。ここでこの矩形選択を使うと、この common というフォルダーを消すということが直感的に可能であったりします。 次はコメントアウトとその解除についてです。これは HTML の場合のコメントアウトは例えばそしてコメントをやめたい所で --というコメントを打つことができます。しかしこれだと打つことが大変なので一発でコメントにできる方法をショートカットでやりましょう。まずコメントにしたい場所にカーソルを合わせ、Mac の方は Command+/Windows の方は Ctrl+/ を1回押してみましょう。押した瞬間にコメントになったかと思います。また、コメントになっている所でもう一度 / を押すとこのようにすぐ解除することができます。というように Sublime Text には便利な機能が沢山あるので是非積極的に使って慣れていくようにしましょう。このレッスンではSublime Text の便利機能について学びました。

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

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

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

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

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

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