VS Codeの使い方講座！日本語化する拡張機能のインストールも紹介！
ฝัง
- เผยแพร่เมื่อ 16 ก.ค. 2024
- 文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家
初心者向けにVisual Studio Code (VS Code) の使い方を解説いたしました！なんとなくVSCodeを使っていた方にとっても良い復習になるのではないかと思っています！次回はVSCodeの便利すぎるショートカットコマンドを紹介していきます✨
📙 もくじ
0:00 VS Codeのダウンロード方法
2:34 VS Codeを扱う上でのマインド
4:30 左のアイコンたちの概要を説明
6:30 拡張機能の説明、実際に入れてみる
9:08 アカウント機能の説明、できること
10:29 設定アイコンの説明、サイドバーの設定
12:20 VS Codeでフォルダーを開く
13:45 ファイルの作成と拡張子の重要性
16:14 ステータスバーの説明
17:20 問題タブの説明
18:52 行・列の説明
19:18 インデントの説明、設定変更
22:29 ファイルの言語設定の話
23:25 フィードバックと通知の話
24:04 ファイル内検索の話
25:59 フォルダ内横断検索の話
27:40 ワードの置換の話
30:13 まとめ
31:29 撮影の裏側
🔥この動画だけは見よ！
エディタのオススメはVSCode！
プログラミング初心者やフロントエンドエンジニアを目指す方はVSCode一択！
• エディタのオススメはVSCode！プログラ...
Prettierの使い方解説。
フロントエンドで必須のコード整形ツールで、プログラミング学習の効率も上がります。
• Prettierの使い方解説。フロントエンド...
👨💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業して株式会社GameHintの代表をしております！
下記に興味がある方はチャンネル登録をお願いします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: / shimabu_it
Instagram: / shimabu_it
🏷️ タグ
#エディター #VisualStudioCode #vscode - แนวปฏิบัติและการใช้ชีวิต
![[Introduction to VSCode] Customize the free editor VSCode for Python coding! ~Beginners~](http://i.ytimg.com/vi/B8WnCAOcheM/mqdefault.jpg)
![[TH] VCT Pacific Stage 2 - Playoffs Day 3 // DRX vs GEN | PRX vs TLN](http://i.ytimg.com/vi/CWM1Q-2-o3M/mqdefault.jpg)
今回は初心者向けのVSCodeの使い方講座です！
日本語化する拡張機能のインストールも行っております🇯🇵
既に使われている方も復習にいかがでしょうか！？
次回は便利すぎるショートカットコマンドの紹介です😏
高校二年生です。アルバイトで頑張って貯めたお金でパソコンを購入し、プログラミングの勉強を始めました！めちゃくちゃわかりやすかったです！
すごくわかりやすい説明で良かったです。
次回も楽しみにしています。
初見です！
vscodeの使い方がわからなくて困っていたらこの動画に出会いました。
とても内容がまとまっていて分かりやすかったです！感謝！！
初学者に本当に優しい動画講座です。HTML/CSSでもお世話になっています。
「ステータスバー」という機能を
この動画で初めて知りました！
便利な機能ですね！
毎回 動画の内容が迚分かり易く、
丁寧なので、何時も参考にさせて貰ってます。
有難うございます。
ありがとうございます！
しまぶーさんの過去動画でvscodeがおすすめされて、それ以降ずっと使い続けてます笑
ターミナルが複数表示できたり、オリジナルのショートカットコマンドを設定できたりで、今のところ機能面で困ったことは全くありません☺️
次も楽しみにしています🤲
待ってました。
VSコードについて改めて勉強したかったのでうれしいです。
やはりしまぶーさんの講義がダントツわかりやすいです。
2倍速で繰り返し見てマスターします。
分からなかったことがようやくわかりました！！ありがとうございます！
超初心者です。こんにちわ。ちょっとしたことが、出来なくて前に進めませんでした。本当に感謝しています。ありがとうございます。
初見ですが、
めちゃくちゃ分かりやすかったです！
まだ半分しか見てませんが。
これからみます。
VScodeの導入動画は嬉しい！
すごく使いやすいですねこのエディタ
フロントエンドはVSCode一択ですよ！
待ってました！
本業が忙しいと思いますが、プログラミングの動画も楽しみにしてますので、
よろしくお願いします🥺
JavaScriptのnpm講座を近々撮る予定ですよー！！お待ちを！！✌
優しい解説ありがとうございます🙇♂️
使い方がよくわかりました。ありがとうございました。
勉強になりました。ありがとうございます。
完全初心者ですが本当に助かりました。
わかりやすいご説明をありがとうございました。😀
フォルダ内横断検索機能知らなかったです😳！めちゃめちゃ便利✨
あと今までTH-camでがっつり真面目に講座してるしまぶーさんのイメージ強かったから最後のおまけが可愛すぎました😂💖
横断検索はもうめちゃくちゃ使いますね！使いこなせるようになってください〜！
最後のおまけ見られましたか！自分でもこういうこと言ってるんだってビックリしました笑
久しぶりに触ったので大変ためになりました。
めちゃくちゃ分かりやすかったです！
登録します！
参考になりました。
ありがとうございます。
2:34のマインドの所が特に参考になりました。アレルギーが治りました。感謝です🙇🏻♀️✨
分からない所があり過ぎると、ヤル気が無くなる性格です💦本当にありがとうございます。
できました!!
ありがとうございます
初学者でもめちゃくちゃ分かりやすかったです！
チャンネル登録しました！
ありがとうございます〜！
ぜひ色んな動画を参考になさってください！✨
初心者にとってすごく分かりやすい動画でした。
イケメン先生、ありがとうございます。
チャンネル登録させていただきました。
ありがとうございますー😊
あーーまじで助かる。いい時代だなー。
Sublime Textから乗り換えます✈ ありがとうございます☺
お忙しい中ありがとうございます🙇VS Code使用の際のマインドは、プログラミング学習にも似てますね。全てを分かろうとせず、とりあえずやってみよ〜💪 次回作も楽しみにしています。
まさに仰るとおりかと思います！
マインド面から整えるのも重要ですよね😁
勉強になります。
やっぱりプログラミングと言えばしまぶーさん一択ですね！✨
イケメンすぎて内容が頭に入ってきませんでした。
他のエディター使ってたんで参考になりました。使ってみようと思います。要望なんですがAWS等のバックエンドの講座可能でしたらお願いしたいです。設定や料金などが難しそうでいつまでたっても踏み込めません。
高評価、クリック！（自身の消化は、当然…30％程度なので、”素振り”します）
大学で使ってたのが懐かしい
動画参考になりました！ありがとうございます。
関係ないのですが、webカメラは何を使っているのか知りたいです。
24:04 windowsの方、Ctrlキー＋Fキーでいけます。
分からなかったので参考までにどうぞ。
補完がいつも一つしか出ないのですが何個か出せる設定があるのでしたら教えて欲しいです。
もちろん高評価&いいね押下しています。
いつもありがとうございます。
VS Codeを使って、HTML・CSSからプログラミングを勉強し始めたのですが、VS Codeの”GO Live”という拡張機能をインストールしたのですが、なぜか開いているindex.HTMLとは別のものを開かれてしまいます。どこかで、確認する方法はありますか！？
変換機能をオンにするにはどうすればいいですか？
この動画でVisual Studio Codeの使い方を理解することができました！ ありがとうございます(^^)/
index.htmlのフォルダーを作ったのですが入力もできない状況でどうしたらいいんですか？
大変勉強になりました！ステータスバーの「問題」はとても便利ですね！今まで全然使いこなせてなかった(´;ω;｀)僕、スペル間違いが多くて良くそれが原因でエラーになることがあります。でもこれを使えばすぐ問題を解決できそう、あと🔍ボタンの置換も便利そうですね。内容が必要な最小限な情報だけで短くまとまっていて理解しやすくて良かった
こんばんは。コメント失礼します。
VScodeを使用していると不具合（codeに間違いがないのにもかかわらず出力されない、再起動すれば出力できる）が生じています。
そのためVScodeのダウングレードの方法を教えて頂きたいです…。
過去動画へ質問失礼します
コードを書くと文字そのものに色が付きますがこれの意味を教えて下さい
ここで言う開発とは、HTMLやCSSを使ったブログなどの開発のことを指しているのでしょうか？このVSCodeではシステム開発（例えば、Amazonの購入履歴をスプレッドシートに書き込むプログラム）はできないのでしょうか？ だいぶ公開から期間が経っていますが、お答えいただくと嬉しいです。
importを使用してこんにちはと表示させたのですが、コンパイルまでは上手く行くものの、こんにちはと打っても????と表示され上手く行きません。何かコードに問題が有るのでしょうか。もし宜しければ教えて欲しいです。
逆にゴリゴリにカスタマイズされてる方のVSCodeのプラグインやキーバインドが知りたいです！
イケメンやな
初歩も初歩なんですけど誰か教えてもらえませんでしょうか。字が打ち込めません。pythonのコードをコピーして編集しようと思ったのですが、もともとのコードをダブルクリックしてもアクティブになるだけで、字を打ち込んでも打ち込めません。バックスペースを押してもアクティブの範囲が広がるだけで消せません。どうしたらいいんでしょうか。
拡張子が設定できません。どうしたらできますか？
相手様のヴィジュアルコードのリンク🔗をJOINすると、読み上げてしまいとてもうるさくなります。
どうにか消すことは出来ますでしょうか。
宜しければ教えて頂きたいです。
１Windowとはどういいう定義なのでしょうか。初心者なので意味がわからないですが
「 このシステムではスクリプトの実行が無効になっているため ・・・・・・・・」というエラーメッセージがでます！汗 実行できないです。助けて頂けますでしょうか。
ありがとうございます！助かりました(´；ω；｀)
動画とは関係ない質問で申し訳ないのですが、しまぶーさんはプログラミングの勉強をするときに何を持って理解したと考えられますか？
自分自身ドットインストールを使って勉強をしているのですが、その場その場では理解できるものの次の日になったら忘れてしまっていたり、こんなことやったっけと思うこともあります。
プログラミングの勉強は、「繰り返して覚えるものではない」という考えの方が多いように思います。
でも繰り返さないと覚えられないしなぁと思いながらも、同じところは何周もしないようにしているのですが、しまぶーさんのご意見を伺いたいです。
説明が下手で申し訳ありませんが、よろしくお願い致します。
学校の勉強とは違い、自分で作れるようになることこそが理解です。家庭科の時間に料理を作れることが大事なように、プログラミングにおいても何か作れたという結果こそが大事なのです。ドットインストールなどは基礎を補うためのもの（包丁の使い方や野菜の切り方を学ぶようなもの）で、その後の作るということこそが１番重要なところです。
なので、ある程度自分の中で分かったら実際に作っていく（その過程で当然わからないことはありますが、それは作る過程で学ぶ）ことを行ってください。そこで、学んでいって実際に作れたら、それが理解したということです！
ちなみに作るときにはあまりにも難しいものを作るのは辞めてくださいね！最低限簡単なものを作ってみてください！（最初からフランス料理フルコースを作るのは不可能です！）
@@shimabu_it
なるほど、大変参考になりました！ありがとうございます！
こちらでダウンロードしましたができませんでした😢
「最悪アンインストールすればいい」
…やったところ「ようこそ」の画面が表示されないくなってたw何が悪いのかわからないw
それと、ミニマップを拡大したいのですが、やり方を教えて頂きたいです。
ご回答ありがとうございます。
MACなのですが、右クリックありません。
macはトラックパッドを2本指でタップで右クリック相当の動作になるはずです！
まずはmacの使い方を学ぶと効率よく勉強も進みそうですね😊
私は学生で案件を取るプログラマーですが、1ウィンドウ:1フォルダーの考え方が一般的というのには否定派です。1ワークスペース（複数のフォルダーをタスク毎にセットで使える）単位でまとめて保存するのが一般的であると思います
動画投稿ありがとうございます！
少し痩せられました？？
実は最近病気にかかっておりまして・・・そのせいかもしれないです(^o^;)笑
@@shimabu_it なるほど…健康第一でこれからも頑張って下さい！！
コマンドってどこでしょう？
初心者すぎてコマンドがわかんないです、、
はじめまして、つちともうします。
あまりにも初歩的な質問です。vscodeの中のファイルを削除するにはどうしたらいいのでしょうか。
遅れてしまって申し訳ございません！
右クリックで開くメニューから削除できますよー！
フォルダーの消し方がわからない・・・
ギットレンズとトゥードゥーハイライトくらいしか入れんわな
使っているフォントはなんですか？
初心者すぎて、フォルダの作り方から分からなかった笑
TwitterでRailsは廃れると発言されてましたが、なぜですか？
代わりになにが来ますか？
これらを説明した動画作ってください。
作っているものの、画像のみかたがしりたいです。
動画であげてますか？
インターンで使ったけど意味わからん過ぎてめっちゃ足手まとった
マインド…😅マインドってなんすか？😂
始まるまで長い
ファイルを保存してもcssが適用されてない…(笑)