【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】
Тәжірибелік нұсқаулар және стиль
プロも愛用の高機能エディタ、「Visual Studio Code」のインストール方法から、日本語化、便利なショートカット一覧、その他機能など一気に紹介します!
Webデザイン・プログラミングの作業効率が格段にアップするので、既に使っている方も、使ってみたいと考えていた方も是非ご覧ください!
【Visual Studio Code】
ダウンロードリンク
code.visualstudio.com/download
======== おすすめ関連動画 ========
【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
• 【超入門】HTML・CSSってなに?学習の始...
【Webデザイナー・プログラマー】初心者必見!挫折しないためのプログラミング勉強法 【独学・学習効率アップ】
• 【Webデザイナー・プログラマー】初心者必見...
【作業効率UP!】Web制作にマストのGoogle Chrome拡張機能10選!現役Webディレクターも愛用【HTML・CSS コーディング】
• 【作業効率UP!】Web制作にマストのGoo...
〈目次〉
・オープニング 0:00
・はじめに 1:10
・VS Codeをインストール 1:40
・VS Codeを日本語化 2:28
・VS Codeの便利ショートカット 4:53
・ファイル操作・編集の基本ショートカット 5:25
・一括編集に役立つショートカット 16:46
・ウィンドウ分割機能 24:19
・Emmet(エメット) 25:21
・最後のまとめ 29:33
-- Webの神様 --
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです!
【タグ】
#コーディング #プログラミング
【SNS】
-- Twitter --
/ webgodweb
-- Facebook --
/ webgodweb
【運営会社】
株式会社カラフルクローバー
www.colorful-clover.co.jp/
★★★「Webの神様」メンタープランのご案内★★★
ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です!
【お知らせ動画】
「Webの神様」があなたのメンターになります
• 【お知らせ】「Webの神様」があなたのメンタ... プレビュー
【プランの詳細・お申し込み(MENTA)】
menta.work/plan/5148
未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます!
是非ともご検討いただければ幸いです。
★★★★★★★★★★★★★★★★★★★★★★★
Пікірлер: 52
プロも愛用の高機能エディタ、「Visual Studio Code」のインストール方法から、日本語化、便利なショートカット一覧、その他機能など一気に紹介します! Webデザイン・プログラミングの作業効率が格段にアップするので、既に使っている方も、使ってみたいと考えていた方も是非ご覧ください! 【Visual Studio Code】 ダウンロードリンク code.visualstudio.com/download ======== おすすめ関連動画 ======== 【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】 kzread.info/dash/bejne/n2h1scixcpm-gpM.html
同様のVSCode入門動画の中でダントツに分かり易いです! 特に画面構成が秀逸すぎます!
知らない事を学ぶのがとても楽しいです! いつもありがとうございます😊
@webgodweb
2 жыл бұрын
こちらこそありがとうございます☺️ 今後もお役に立てるよう頑張ります!!
知らない事が多くてびっくりしました。ありがとうございます。ほんとわかりやすい
@webgodweb
2 жыл бұрын
ご視聴ありがとうございます! お役に立てたのならば嬉しい限りです!☺️
空欄で置き換えは目からウロコ!便利!ありがとうございます!
@webgodweb
2 жыл бұрын
コメントありがとうございます!発想の転換ですよね!単純ですが、知るとなるほどーとなりますよね☺️
めっっちゃわかりやすい!!
めっっちゃわかりやすい!! 今使ってるエディタいまいち使いこなせなくて悩んでたのでインストールしてみようと思います☺️
@webgodweb
3 жыл бұрын
ご視聴ありがとうございます! かなり便利で使いやすいので、是非使い始めてみてください!✨
ちょっとマッタリした喋り方が聞き取りやすくて最高です。
便利そうなショートカットがいっぱいですね!少しずつ覚えて行きます!
@webgodweb
Жыл бұрын
ご視聴ありがとうございます!!数個覚えただけでもかなり作業が楽になるのでおすすめです🙏
vscodeダウンロードしたはいいものの、使い方が全く分からず、挫折しかけていました😭💦とても分かりやすい動画のお陰でまた勉強する気力が湧いてきました!
ありがとうございました! 最近、Webの神様が私のメンターになっております。これからも動画楽しみにしております。
@webgodweb
3 жыл бұрын
もったいないお言葉をありがとうございます🙇♀️ これからも、お役に立てるように更新頑張ります!!
可愛いしわかりやすいし最高です
@webgodweb
2 жыл бұрын
コメントありがとうございます🙇♀️🙇♀️恐縮です…!
今までマウス操作で処理してきたので、たくさんのショートカットキーは目からうろこでした。頑張って慣れたいと思います。いつもありがとうございます。
@webgodweb
2 жыл бұрын
コメントありがとうございます! 慣れてからは、格段に操作が早くなって世界が変わると思いますので是非徐々に覚えてみてください☺️
先日は突然のDMで失礼いたしました。 この動画を見てかなり使えるショートカットばかりで目から鱗でした。 これでコーディングもさらに楽しくなりそうです!
@webgodweb
2 жыл бұрын
ご視聴ありがとうございます😊コーディング楽しんでください♪
助かりました、神様です。
@webgodweb
2 жыл бұрын
とんでもございません😂ご視聴ありがとうございます!!
いつも動画で勉強させていただいております。 初めてVSCODEを使った時の感動は忘れられませんね。 プログラミングの勉強の半分は無駄だったのかと思ったほどです。
@webgodweb
3 жыл бұрын
ご視聴ありがとうございます!無料なのにとても使いやすいエディタですよね!私も前は別のエディタを使っていましたが、今はVS Code一択だなと思っています🙏
今プログラミングとVSCodeをやり始めなので便利機能はすごく助かります!
@webgodweb
2 жыл бұрын
ご視聴ありがとうございます!✨ 是非、VS Codeの拡張機能も活用してみてください!下記の動画で解説しております🙇♀️ kzread.info/dash/bejne/ppWB0teOpanXedY.html
@exhole396
2 жыл бұрын
@@webgodweb 綺麗な方なので、より勉強に身が入ります! 別の動画もありがとうございます。
ありがとうございます! やり直し、windowsだとctrl+Yでいけますね
@webgodweb
2 жыл бұрын
ご視聴ありがとうございます! なるほど、そのほうがキーが少なく便利ですね! 教えてくださりありがとうございます🙇♀️
どの順番でみるのがいいのか教えてほしいです。
いつも有用な情報をありがとうございます。🤗 マルチカーソル機能、Ctrl + alt +↓で画面が逆さまになります。 ↓をドラッグにすると可能です。 設定の違いでしょうか。
「下に改行を挿入」が好きです。
@webgodweb
9 ай бұрын
私も好きです!!✨
vscode日本語化しようとすると、なぜかrestartのポップアップが出ません…再起動はどうやるんでしょうか?
ビデオありがとうございます! 一つ質問ですが、具体的にサイトを編集するにあたり、どのようにサイトをVSコードで編集するにあたっての手順などをまとめているビデオなどありますか?
@webgodweb
Жыл бұрын
コメントありがとうございます! これからコーディングの学習を始められるのであれば、下記再生リストにHTML・CSSやコーディングの学習動画をまとめております。 (Progateやドットインストール、書籍等の教材と併用していただくのがお勧めです) HTML・CSSまとめ kzread.info/head/PL2-HmP0eFiLPE1pZqzLxpIMafpZrX5eFY 模写コーディング(コーディング練習方法) kzread.info/head/PL2-HmP0eFiLNeoqmcj8Sd6hPGCZA6NaKf また、コーディングでサイトを制作した後の、ドメイン取得、サーバーにアップロードなどの公開手順は下記の動画で解説しております。 【Web制作】Webサイト公開までの流れを一気に解説!フリーランス志望の方必見【ドメイン / サーバー】 kzread.info/dash/bejne/nZhqpaNuncnOoNY.html 参考になれば幸いです!
マルチカーソル機能で、Win の Ctrl + Alt + 矢印キー(上下)を押すと、画面が上下反転するのですが?
はじめまして。プログラミングの勉強を始めて2か月目のゆりと申します。まずはプログラミングで副収入を得ることを目標にしています。なつこさんの動画は初心者の私にも大変分かりやすくていつもありがたく拝見しております。 今回は動画のリクエストがありコメントさせていただきました。 プログラミングの学習はプロゲートやドットインストール、KZreadなどで行っているのですが、学習がある程度進んでクラウドソーシングで案件を受注してお仕事を・・となった場合、案件受注から納品まで具体的にどのような手順を踏むことになるのでしょうか?そもそも全くの未経験でも、納品方法などを理解して案件受注をすることは可能ですか? そのあたりを動画にしていただけると大変助かります。ご検討宜しくお願い致します。
@webgodweb
2 жыл бұрын
貴重なリクエストを頂きありがとうございます! 誰しも最初は未経験ですので、必要な学習と情報収集を怠らなければ、現実的に可能と思います!少しでもお力になれるように、今後の動画テーマとして検討させていただきます🙇♀️
こんにちは。いつも動画見させてもらっています!javascriptの動画を上げる予定はありますか?
@webgodweb
2 жыл бұрын
コメントありがとうございます! ちょうど、次回からJavaScriptの動画シリーズをアップしていくつもりで準備を進めておりました🙇♀️ 更新をお待ちいただけると嬉しい限りです!
@user-nd1qq4jx5n
2 жыл бұрын
@@webgodweb ありがたいです!!待ってます!!
5:45
そもそもこれは何の用途がありますか? 資料を書くとき、ワードじゃなくてこれを指定されたのですが、メモじゃダメなのか聞いたんですが、これがいいと言われました。
@webgodweb
Жыл бұрын
Visual Studio Codeは、主にコーディングやプログラミング作業に使われるテキストエディタです。もちろん、コードではないシンプルなテキストファイルも作成できるので、テキスト編集で汎用的に使えるアプリケーションです!
😢
@webgodweb
Жыл бұрын
ど、どうしましたか?💦