黄色いのちょっとよくわからないです。作業効率アップ!俺的よく使うショートカット集2016.03.182018.11.30sublimeText効率化どうもこんばんは!部屋にクモが出たらまず視認する前に、その場を離れることを最優先するHYPのこうじです。会社勤めの時は基本一番下っぱだったので、こういう害虫駆除が間違いなく自分に回ってくる社会の闇には悩まされたものです。今回はSublimeTextで僕がよく使うショートカットをご紹介します。ショートカット慣れしていない人は、どうしても便利なはずのショートカットが逆に面倒で時間がかかるという事になりがち。意識して使い慣れる事で、今まで超えられなかった効率の壁を越えられるのは事実。使える!というより使ってもらいたい!ほんとに便利なショートカットがSublimeText3には備わっています。他のテキストエディタにもそこそこありますけどね(笑)でもかゆいトコロに手が届く!そんな風に思わされたテキストエディタはやはりSublimeTextです!まさに恋に落ちるエディタです!今回は、『SublimeText独自のショートカット』ではなく、『SublimeText上で使えるショートカット』をご紹介します。CTRL+Vこれはもう言わずもがな!ショートカットをいつも使っていない人でも使っている人はいるのではないでしょうか。ちなみに、コピーする際はテキストを選択した状態だとその選択範囲をコピーしますが、選択しない状態でコピーすると、カーソルがある行をコピーします。行単位でコピーしたい場合はいちいち、端から端まで選択する必要が無いので便利ですね!切り取りCTRL+Xこちらはコピー機能は同じですが、コピーしたテキストを削除してくれます。コピー元を移動したい場合なんて時はこちらの方が一手間で済むので便利ですね!ちなみにコピー同様、選択しない状態で切り取りすると、カーソルがある行を切り取りします。僕は、ただ文字消したいなーなんて時は大抵この切り取りで消す事が多いです。何でって?大抵右手マウス、左手削除キーなのでDELETEが遠いからです(笑)行を削除CTRL+SHIFT+Kカーソルがある行を削除します。テキストを選択しない切り取りと動作は一緒ですが、もちろん切り取りではないので、クリップボードには入りません。クリップボードを触らずただ行を消したいという場合はこちらの手法が便利ですね!カーソル行を選択CTRL+Lカーソルのある行を選択状態にします。選択行にカーソルを配置CTRL+SHIFT+L選択した行全ての末尾にカーソルを配置します。その状態で編集すれば、一度に同じ反映が可能です!複数のカーソルを配置CTRL+左クリックカーソル位置を複数配置して、さらに配置した場所全ての編集が可能です。CTRL+SHIFT+↓これもかなり便利!今までは、行ごと切り取りして移動したい場所に貼り付けとかしていたのですが、何行か上に移動したいとかそういうレベルだとちょっと面倒だったんですよね。このコマンドを使えば、そういったちょっとした移動がとってもラクに行えます!主にスタイルシートとかタグの移動にも重宝します。単語ごとにカーソルを移動CTRL+矢印キーカーソルがあるところから、SublimeTextで定められた区切り毎に移動が出来ます。半角スペースやカンマ区切り(半角)、アンパサンド(半角)等の区切りに対応してカーソルを移動できます。』だったり『、』だったりにも対応してくれるといいなぁとは思いつつ、対応してくれてない方が助かる時もあるので悩ましいトコロ。日本語対応じゃないしね。単語ごとにテキストを選択CTRL+SHIFT+矢印キーSHIFT+矢印キーで、文字列を1文字ずつ選択していく事が出来るのですが、先ほどご紹介した単語ごとにカーソルを移動と合わせて使う事で単語毎に選択可能です。ちなみに選択したい範囲で左ダブルクリックでも同じ事が出来ます。上にに改行を追加CTRL+SHIFT+ENTER下に改行を追加CTRL+ENTER普通にエンターでよくね?いやいや違うんですよ奥さん。このコマンドのいいトコロは文字の途中からでも次の行に改行して移行します。通常でしたら一旦行の最後にカーソルを持っていくかENDを押すなりして、最後にカーソルが無いと次の行に移行しておかないと、文字を途中でぶった切って改行されてしまいますが、こちらのコマンドの場合は、文字の中でもお構いなしに上か下に改行して移行出来ます。慣れると非常に便利です。秀丸やVisualStudioで驚愕した矩形選択ですが、もちろんSublimeTextにも備わっています。同じ桁数の縦に並んだ数字を一気に選択して変更したいとか、そういった場合この矩形選択がめちゃくちゃ活躍します!普通にNotepadとかには無い、一度使うと癖になる選択です!一つずつ選択CTRL+Dこれめちゃくちゃ使えます。選択していきたいテキストを選択し、そのまま上記のコマンドを押していくだけです。押す度にどんどん同じものがあれば選択されていきます。選択するテキストがなくなったらその他は何も起こりません。普通にCTRL+Fの検索でもいいですが、選択される場所等を一つ一つ確認しながらやりたい場合はこちらがオススメです。ちなみに選択状態でそのまま入力や削除すれば選択されている部分すべてに反映出来ます。これもSublimeTextの醍醐味ですね!選択テキストを複製CTRL+SHIFT+Dこれもよく使うショートカットの一つです。簡単に言うと、コピー&ペーストを一回で行ってくれるという感じです。SHIFT+F3検索文字を一つずつ選択していくCTRL+Dでもいいけど、選択したいわけじゃなくてどこにあるのかを確認したい!なんて時はこちらが使えます。検索CTRL+Fテキストを選択した状態でALT+F3タグとかの検索に便利ですね!探したい文字列をファイル内から検索できます。便利なのが、正規表現を使った検索も可能なトコロです!正規表現とは、例えば郵便番号を検索したい時等、文字の並びにルールはあるけど、文字の中身は何かわからないと言った場合に、プログラミング系でよく使われる手法です。通常の検索だと『078-8321』で検索すると、もちろんこれしか検索できませんが、正規表現の『d{3}-d{4}』で検索すると、3桁の数字の後ろにハイフンが入って4桁の数字が入るすべての文字を検索してくれます。便利ですね!正規表現については、いずれ機会があったらご紹介します。置き換えCTRL+H置き換え(拡張版)CTRL+SHIFT+F上記で紹介した置き換えと仕組みは一緒ですが、一つ便利なのがそれ以外のファイルの置き換えも行える!これはマジで便利!例えばURLが変わって、100ファイルのhtmlデータのリンク先を変更しないといけない...なんて事があっても、これでまとめて変更すれば一個一個ファイルを開いて置き換えとかしなくても、まとめて全て一回の作業で置き換えが可能です。プロジェクトを作成している必要があります。CTRL+:今あるファイル内の文字列リストから検索して検索して選択する事が可能です。そのままALT+F3で、全て選択して、編集する事も可能です!指定行へ移動CTRL+GよくChromeのデバッグ機能を利用していると、エラー行が分かっているけど何のエラーが分からないなんて時は行移動がラク。移動したい行番号を入力するだけでその行へ飛ぶことが出来ます。コードを書いているとなんだかんだで何百何千行になる時もあるので、そういう時はとりあえず行で飛んどけばOK。便利!指定ファイルを開くCTRL+Pプロジェクトの作成が必要ですが、プロジェクト内のファイルを頭出し検索で開くことが出来ます。これなくして生きていけないです。行をソートF9行ごとにソートしてくれます。一回だけ役に立ったことがあります(笑)例えば頭に数字があるようなリストのテキストとかがあると、1から順番に行を並び変えてくれます。まとめいかがですか?ちなみに、ショートカットで検索したらもっといろいろなものが出てきますが、僕が制作でよく使うショートカットを今回ご紹介させていただきました。僕が知らないけど、あったら便利なものがもっとあるような気がします!最近ほんとに思うのが、知らなければそもそも選択肢にも上がらないけど、知っていればどちらを選ぶかの選択が可能になるというのをよく実感します。ページ作成もアプリ開発も、知っていればこういうこういう作りは使いやすいだろうかとか見やすいだろうかとか、色々検証出来るけど、結局知らないと『あ、それ無理っすね!』で済んじゃう事ってよくあります。知らないだけで、可能性が一つ無くなるのはやっぱり勿体ないですね。そんなわけで制作側としては、もっといろいろと情報を取り入れて様々なパターンを検証できるようになると、より良いものをユーザーに提供できるようになるかもしれませんね!話が逸れましたが、とりあえずショートカット便利だよ。Photoshopのショートカットはかなこがそのうち書いてくれると思います!シェアするこうじいつもする作業をもっとミス無く楽ちんに出来るような環境が提供できれば幸いです。Windows版が提供開始!2017.01.16アプリケーションWindows10のインストールがいきなり始まった時に見る記事。マジックキーボードは買い?買ってトクする人はこんな人2021.03.17AppleiPadの英字入力で最初が大文字になってしまう方に朗報2020.04.03生活&ダイエット生活Instagramはじめてます。2018.10.11生活&ダイエット2018年、明けましておめでとうございます!2018.01.01生活&ダイエット2017年ありがとうございました。