【完全保存版】VS Code ショートカット

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ส.ค. 2024

ความคิดเห็น • 84

  • @shimabu_it
    @shimabu_it  3 ปีที่แล้ว +51

    VS Codeのよく使うショートカットをまとめました!
    5段階に分けており、特に星5と星4は必須レベルです!
    作るのがめちゃくちゃ大変だったので良かったら高評価をください😭
    皆さんの作業効率が少しでも上がると嬉しいです!✨

  • @y.sakura9208
    @y.sakura9208 3 ปีที่แล้ว +50

    Windows互換
    「※未確認」は幾つかの操作パターンを試したものの動作が確認されなかった項目です
    ★★★★★
    範囲選択 Shift + カーソルキー
    端移動 Fn + カーソルキー
    単語移動 Ctrl + カーソルキー左右
    コピー Ctrl + C
    ペースト Ctrl + V
    カット Ctrl + X
    元に戻す Ctrl + Z
    やり直す Ctrl + Shift + Z
    複数範囲選択 Ctrl + D
    検索 Ctrl + F - Enter 上から Shift + Enter 下から
    横断検索 Ctrl + Shift + F
    定義元を参照 ※未確認
    ピークで定義元を参照 ※未確認
    リファレンス表示 ※未確認
    クイックフィックス ※未確認
    ファイル検索 Ctrl + P
    タブを閉じる Ctrl + W
    保存 Ctrl + S
    ★★★★☆
    行の入替 Alt + カーソルキー
    ファイル移動 Ctrl + Fn + カーソルキー上下
    トグルラインコメント Ctrl + /
    コマンドパレット表示 Ctrl + Sh ift + P / F1
    新しいウィンドウ Ctrl + Shift + N
    フォルダを閉じる Ctrl + K → F
    新しいタブ Ctrl + N
    別名で保存 Ctrl + Shift + S
    直前に閉じたタブを復元 Ctrl + Shift + T
    VS Codeの設定 Ctrl + ,
    シンボル名変更 F2
    シンボル名を横断検索 Ctrl + T
    ファイル内のシンボルへ移動 Ctrl + Shift + O
    ★★★☆☆
    問題タブをトグル Ctrl + Shift + M
    括弧の始まり/終わりに移動 Ctrl + Shift + \
    全ての検索一致を同時選択 Ctrl + F2
    トグルブロックコメント Alt + Shift + A
    ファイル内の文字列置換 ※未確認
    編集閲覧履歴 Ctrl + Tab
    直前の編集ファイルを開く ※未確認
    ファイルを開く Ctrl + O
    ズームイン Ctrl + +
    ズームアウト Ctrl + -
    コードのフォーマット Alt + Shift + F
    ★★☆☆☆
    行削除 Ctrl + Shift + K
    マルチカーソル Alt + Ctrl + カーソルキー上下
    インデント Ctrl + ]
    アウトデント Ctrl + [
    下に一行インサート Ctrl + Enter
    上に一行インサート Ctrl + Shift Enter
    上下に一行コピー Alt + Shift + カーソルキー上下
    指定行へ移動 Ctrl + G
    サイドバーのトグル Ctrl + B
    次の問題個所へ移動 ※未確認
    ★☆☆☆☆
    現在の行を選択 Ctrl + L
    開いているタブ以外を閉じる ※未確認
    カーソル操作の元に戻す Ctrl + U
    全てのタブを保存 ※未確認
    検索条件>小文字大文字 Alt + C
    検索条件>ワード検索 Alt + W
    検索条件>正規表現 Alt + R
    開いているファイルのパスをコピー Ctrl + K → P
    開いているファイルをFinderで表示 Ctrl + K → R
    開いているファイルを新しいウィンドウで表示 Ctrl + K → O

  • @tem5200
    @tem5200 3 ปีที่แล้ว +52

    windowsの場合
    Cmd→Ctrl
    Option→Alt
    に脳内変換

  • @KM-sl9qw
    @KM-sl9qw 3 ปีที่แล้ว +12

    昔のプログラマーなら「自分で勝手に覚えろや」でしたが、超素人はたくさんいます。動画でありがたい世の中です。丁寧でわかりやすい。

  • @user-zk5tu7jf8i
    @user-zk5tu7jf8i 13 วันที่ผ่านมา +1

    いつも勉強させていただいています!
    顔がイケメンすぎて話が入って来ない。笑笑

  • @yuuttana1223
    @yuuttana1223 3 ปีที่แล้ว +9

    結構ドットインストールとかでvscodeのショートカット勉強してある程度知ってると思ってたら全然だってことに気づけました。いつも有用な情報ありがとうございます😊

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      こちらこそいつもコメントありがとうございます!!
      ショートカットは奥が深いですからね〜最低限、星5と4はマスターしてくださいね😊🔥

  • @Edamame69
    @Edamame69 2 ปีที่แล้ว +1

    しまぶーさんの動画に出会えたことをとても光栄に思います!
    色んなプログラミング動画を観てきましたが、ショートカットを当たり前のように使っていて
    「そのやり方が知りたいのに!」と思っていました。
    なので、試行錯誤で動かしてみたり、ググってみたり(これまたググり方が難しい!)
    自分で調べる、やってみる!は大事だと思うが、ショートカットは出来ればすんなり教えてほしい!というところです。
    「よく使うショートカット一覧」というのを自分なりに地道に作っていたところだったので本当に神動画です!
    しかも、しまぶーさんは「仕事において」を念頭にどの動画でも教えて頂けるので本当に無駄が一切ありません!
    ショートカットもたくさん使っていずれは動画を観なくても使えるようになるまで自分の物にしていきたいです。
    ありがとうございました。

  • @KudasaiJP
    @KudasaiJP 3 ปีที่แล้ว +22

    イケメンすぎんか!?

    • @user-nt9ou9io1k
      @user-nt9ou9io1k 3 ปีที่แล้ว +4

      関ジャニの大倉くんに似てる

    • @gkmjwj5617
      @gkmjwj5617 3 ปีที่แล้ว

      @@user-nt9ou9io1k
      若手俳優に似てる人がいたはず

  • @ebay-ie6cn
    @ebay-ie6cn 3 ปีที่แล้ว +2

    VS codeを最近使い始めたばかりで
    本当に有益な動画です。
    ありがとうございます。

  • @javascript3820
    @javascript3820 3 ปีที่แล้ว +2

    「ピークで定義元を参照」は便利ですね!
    本当に有益な情報をありがとうございます!

  • @keita5518
    @keita5518 3 ปีที่แล้ว +6

    知りたかった内容だったのでとても有益な動画でした。
    一度には覚えられなかったので、何度も見直してマスターしたいです。

  • @kinaoshi338
    @kinaoshi338 3 ปีที่แล้ว +2

    今年の10月から、以前の動画で薦められていたドットインストールの有料会員になり勉強に励んでおります。VS Codeもまだまだ知らないことも多く、こういう動画を出していただけるとシニア世代の私もモチベーションがあがります。いつも楽しみにしております。そして、本当にお疲れ様です。

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      プログラミングは本当に最初は知らないことばかりですよね!最初から完璧を追い求めるのは無理なのである程度の理解でドンドンとにかく進めていくのが大事だったりします!
      前の動画の冒頭でも言いましたが、VS Codeは私も20%ぐらいしか使いこなせていないですが、それでも開発は支障なくできます。完璧は求めず、でも最低限は抑えるというラインを掴めるようになると学びが早いと思いますので、そこを掴めるように頑張ってくださいね✨

    • @kinaoshi338
      @kinaoshi338 3 ปีที่แล้ว

      役に立って、そして自信につながるコメントありがとうございます。励みになります。

  • @NoviceEngineer
    @NoviceEngineer 3 ปีที่แล้ว +2

    此の様な纏め動画は
    本当に為になり、便利なので、
    非常に助かります!
     此の動画を40分見ただけで、
    調べるのに使う時間を
    削減する事が出来て、
    効率が良くなったので
    本当に有難うございました!
     又、動画の作成お疲れ様でした!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      40分もの動画を作ってしまって見られるかというのも不安でしたが、そのような高い評価をいただけるのはたいへん嬉しいです!労いの言葉までありがとうございます!😭
      ぜひ便利なショートカットを覚えてくださいね!今後もこういった有益なまとめ動画を出していけるように頑張ります!💪

  • @Ryo-en2gy
    @Ryo-en2gy 2 ปีที่แล้ว

    何も選択せずにCtrl+Cでその行をコピーできると知れてよかったです!今まではわざわざ行を選択してコピーしていました。

  • @user-ub3lp9gq5f
    @user-ub3lp9gq5f 3 ปีที่แล้ว +4

    自分の知らないコマンドもあってすごく勉強になりました!!
    とてもタメになる動画ありがとうございます!!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      やったーー!!そう言ってもらえて嬉しいです!!
      作った甲斐がありました😁✨

  • @user-wv7sr7ri1r
    @user-wv7sr7ri1r 3 ปีที่แล้ว +3

    作業効率あげたくて改めて勉強中です!!
    参考になる動画ありがとうございますーー!!

  • @KANEGON63
    @KANEGON63 3 ปีที่แล้ว +4

    わかりやすい動画ありがとうございます!めちゃくちゃ助かります!!即保存しました!

  • @user-gd5qe1oc8q
    @user-gd5qe1oc8q 3 ปีที่แล้ว +3

    これは、ためになります🙇‍♂️
    ありがとうございます!!
    チャンネル登録させていただきました😊

  • @user-jc5zy9qj4e
    @user-jc5zy9qj4e 3 ปีที่แล้ว +3

    最近頻度増えてうれしい!

  • @airi7789
    @airi7789 3 ปีที่แล้ว +1

    星5は全部知ってると思いきやクイックフィックス知らなかったです😳😳😳
    なんでこんな便利なコマンド今までしらなかったんだー😱
    有益すぎます!しまぶーさんありがとうございます🥺!!!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      いつもありがとうございます!
      クイックフィックスは超便利ですねー!なにか問題があれば自分で考える前にクイックフィックスで解決しちゃってます✨
      この動画でマスターですね😁

  • @takaya708
    @takaya708 3 ปีที่แล้ว +1

    こういうのが知りたいってコメントをさせてもらったことがあって、本当にめちゃくちゃ助かりました!
    ありがとうございます!!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      そのコメントからだいぶ時間は経ってしまいましたが・・・ようやく出せました。そう言ってもらえて嬉しいです😭

  • @user-rh3jw3uq2n
    @user-rh3jw3uq2n 3 ปีที่แล้ว +3

    最高です!!!トラックパットにいちいち手を動かすのが地味にストレスだったので使いこなしたいです!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      なんだかんだトラックパッドは使いますよね笑
      いかにその頻度を減らせるか・・・🧐

  • @user-vf5op1hw8g
    @user-vf5op1hw8g 10 หลายเดือนก่อน +1

    1番最初に習うべきものはショートカットかもしれないですね🥹

    • @user-vf5op1hw8g
      @user-vf5op1hw8g 10 หลายเดือนก่อน +1

      カーソル+コピーorカット知りませんでしたw チートでしょww

  • @vgfftggcfjbcf3617
    @vgfftggcfjbcf3617 3 ปีที่แล้ว +2

    とても参考になります。
    ありがとうございます!

  • @1999tsk
    @1999tsk 3 ปีที่แล้ว +1

    すっごくわかりやすい!!!!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      ありがとうございます!😊

  • @revvve
    @revvve 3 ปีที่แล้ว +3

    upお疲れ様です。
    vscodeのshortcutは公式ドキュメントでもよくまとめられていますが、動画で見ると随分と分かりやすいですね。
    vscode便利すぎてもう誰もvimに手を出さないんだろうなぁ…

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      ショートカットはテキストで見るより絶対に動画だなーと私も思っています!今回動画を出せて良かったです!
      昔はフロントエンドでもVim勢はいましたが今はほとんど・・・たまにVS CodeをVimモードで使っている人は見ますけどね!😅

  • @ikkyu5295
    @ikkyu5295 3 ปีที่แล้ว +1

    情報ありがとうございます😸
    ↑Pタグのあいなかに
    imgタグを入れるショートカットを知りたいです!

  • @user-lu9em1gl1r
    @user-lu9em1gl1r 3 ปีที่แล้ว +1

    わーーーい!!うれしい、!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      この動画はかなり頑張りました!笑

  • @braveandyou
    @braveandyou 3 ปีที่แล้ว +4

    今回も有益な動画ありがとうございます!
    前から疑問だった点を伺いますが、同じYahoo!出身のTH-camrの堀口さんとは、面識あるんでしょうか❓️

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      一度オンラインでスマブラしたぐらいです笑
      ちなみに私は堀口さんの動画を参考に色々買ってたりします🤣

    • @braveandyou
      @braveandyou 3 ปีที่แล้ว

      @@shimabu_it さん
      なるほど、ありがとうございます!謎が解けましたww
      自分も堀口さんの影響でモノが増えてます🤣

  • @masa_soli_s
    @masa_soli_s 3 ปีที่แล้ว +2

    割とショートカットは使えてると思ってましたけど⭐︎5,4でもまだまだ知らないものがありました😂
    ちなみにcmd+[,]のインデントアウトデントは行の途中にカーソルがあっても移動できるのでたまに使っています!笑
    tabキーでずらす場合は行頭(cmd+カーソル左)に一旦戻らないとですよね、、?

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      うおー学びがあったようで良かったです!自分のモノにしちゃってください( ̄ー ̄)
      インデント・アウトデントの話は仰るとおりですー!行頭(cmd+カーソル左)をめちゃくちゃ早く打つのに慣れてしまっているので、私が使ってないって感じですね!人によっては星がもうちょい高いかもです!笑💦

    • @masa_soli_s
      @masa_soli_s 3 ปีที่แล้ว

      @@shimabu_it なるほど!
      ありがとうございます☺️

  • @datchlivetv
    @datchlivetv 3 ปีที่แล้ว +1

    お時間ある際にVSCODEに入れられているPrettier以外のプラグインも紹介して頂きたいです!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      めっちゃ便利なもの入れてるわけじゃないので、あまり参考にならないかとは思いますが承知ですー!時間があるときに作りますー!

    • @datchlivetv
      @datchlivetv 3 ปีที่แล้ว +1

      @@shimabu_it 会社経営も大変だと思いますが、今後も動画投稿頑張って下さい!

  • @user-cq9jp9uk6b
    @user-cq9jp9uk6b ปีที่แล้ว +1

    うん、これならSublime Textと同じように使えますね🥰 つぎはプリキュア見ます😂

  • @user-tx3ym7gd8g
    @user-tx3ym7gd8g 3 ปีที่แล้ว +1

    いつもTH-cam、Twitter共に拝見させていただいております。
    質問なのですが、VSCodeの配色テーマな何を使用されていらっしゃいますか?
    気分転換に配色テーマを変更したいと考えております!!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      完全に今更ですがGitHubのダークテーマを使用しています!

  • @357youhei
    @357youhei 3 ปีที่แล้ว +4

    Windows版も考慮して欲しかったです!

  • @kaka-wj8nr
    @kaka-wj8nr 3 ปีที่แล้ว

    大学の研究でPython、MySQLの知識を身につけ、ドットインストールでhtml, css, JavaScriptを一通り学びました。webアプリケーションを作ろうとドットインストールを始めたのですが、次は何を学ぶべきでしょうか?
    自分はフレームワークについての知識がないのですがRubyでいうreact?やPHPでいうDocker?のようなものを次に学ぶのかと思っています。これらのフレームワークはPythonに適していますか?
    色々調べたところ、PythonのフレームワークはD jangoが一般的みたいなのですが、ドットインストールではそれは学べなそうです。
    質問がごちゃごちゃしていますが、お答えいただけると幸いです。

  • @008yuuki5
    @008yuuki5 3 ปีที่แล้ว

    動画投稿お疲れ様です。
    フロントエンドエンジニアを目指しているのですが、コーディングテストへの対策は必要でしょうか?

  • @aboircz107
    @aboircz107 ปีที่แล้ว +1

    16:37

  • @toshi888ex
    @toshi888ex 3 ปีที่แล้ว +1

    いつもお世話になっています☺️
    動画の内容とは関係ないのですが、、
    現在Python主にDjangoの学習をしながらWebアプリを作成しているのですが、これから学ぶものとしてはDjangoは価値はあると思いますか?しまぶーさんのご意見お聞かせください!!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      Webアプリの流れ(今後数年後に起きるトレンド)としてはDjangoやRails、Laravelの全部入りのフレームワークが廃れていくとは考えています。例えばテンプレートエンジンとかの無い、ただAPIを返すだけの薄いフレームワークの方が流行るようには思います。
      ただし、現状はDjangoやRails系の全部入りフレームワークはまだまだ需要があるのと、初心者には全部入りから学んだほうが分かりやすい(可能性がある)という点で学ぶ価値はあると思っています!

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      Pythonの薄めのフレームワークでいうとFlaskとかですかねー
      github.com/pallets/flask
      あと私は使ったことないですがFastAPIはちょっと注目してます。後発ならではの良さがあったりするのではないかと
      github.com/tiangolo/fastapi
      ただ私自身があまりPythonに明るくないのであくまで噂半分で!🙏

    • @toshi888ex
      @toshi888ex 3 ปีที่แล้ว

      @@shimabu_it
      貴重なご意見ありがとうございます!
      Flaskも同時にチェックしていました!
      トレンドの移り変わりのスピードはすごいですね、学び続けます!

  • @user-bp5th2jp9i
    @user-bp5th2jp9i 3 ปีที่แล้ว

    お疲れさまです👍️
    今月からようやく重い腰を上げweb系に転職活動します。リモート面接ならではの気を付ける点はありますか?

  • @M4kiseRou
    @M4kiseRou 9 หลายเดือนก่อน

    7:07くらいのh2の2だけを消すやり方を教えてください!

  • @deppo0220
    @deppo0220 3 ปีที่แล้ว

    MACではF12を押すと、音量調節が出ます。

  • @user-eb9mb5pb7i
    @user-eb9mb5pb7i 3 ปีที่แล้ว

    M1 macbook proなんですが、Fキー無い時はどうしたら良いですか?初心者ですいません。

  • @user-ry6hx1kh7q
    @user-ry6hx1kh7q 3 ปีที่แล้ว +1

    vscodeプラグイン入れ過ぎると、既存のショートカット使えなくなったりして焦る

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      わかります(なのでプラグインは少ない派)

  • @XOCHINPOX
    @XOCHINPOX 2 ปีที่แล้ว +1

    文字を綺麗に整頓するのってどうすれば良いですか?

    • @shimabu_it
      @shimabu_it  2 ปีที่แล้ว

      私のPrettierの動画をぜひご覧ください😊

  • @wamasita5660
    @wamasita5660 3 ปีที่แล้ว

    macなのですがコードのフォーマットのショートカットが反映されません。どうすればよいですか?

  • @user-tx6lh3xj9o
    @user-tx6lh3xj9o 3 ปีที่แล้ว

    MAC買うお金ないので、Chromebook買うのはどうですか?

  • @user-bb6qe4ui6g
    @user-bb6qe4ui6g 3 ปีที่แล้ว

    大学2年文系の者です。自分が今何をしたいか漠していたところ、このチャンネルを見つけました。営業には全く興味がなく、こういったプログラミング系にとても興味を抱いていました。IT系の仕事に就きたい場合、今やっておくべき事はなんでしょうか?取っておくべき資格など有ればご教示お願いします。
    また、プログラミングに一切触れて来なかった文系でも入社してからコードを打つ作業など、しっかり業務をこなせるのでしょうか?

  • @gkmjwj5617
    @gkmjwj5617 3 ปีที่แล้ว

    テンプレート作らないと面倒そうですね

  • @bad-geek
    @bad-geek 3 ปีที่แล้ว

    これってvim拡張入れててもできますか??

  • @user-fy7zn7lu2y
    @user-fy7zn7lu2y 3 ปีที่แล้ว +1

    Windowsのやりかたも教えて欲しいです^^

  • @okadderrr
    @okadderrr 3 ปีที่แล้ว

    「~ですけれども」連発が気になります...

  • @dmcreatorjapan
    @dmcreatorjapan 3 ปีที่แล้ว +3

    これ使いこなしたらマウス、マジでいらなさそう。
    今めっちゃマウスに手がいっちゃうけど練習せなあかんなあ。

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

      それを極めるとVimモードとかにいきそうですね笑
      マウスを使った方が肩はこらないみたいなので一長一短かもです🤣

  • @kiichanmatsu676
    @kiichanmatsu676 2 ปีที่แล้ว

    定義元の参照の意味が調べてもわからない、、、

  • @user-oo3be9ky5g
    @user-oo3be9ky5g 2 ปีที่แล้ว

    ツールの使い方を覚えてどうなる?
    開発効率なんてほとんど影響しないぞ
    C++を初めて1年の奴と20年ではツールの差なんて全く関係ない
    メモ帳使っても負ける気しない

  • @haonanwang9159
    @haonanwang9159 3 ปีที่แล้ว

    houseのスペル間違っててワロタ

  • @user-xv7rb5mz3f
    @user-xv7rb5mz3f 3 ปีที่แล้ว +1

    18:41