VS Codeの使い方講座!日本語化する拡張機能のインストールも紹介!
Тәжірибелік нұсқаулар және стиль
文系プログラミング未経験 → 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
Пікірлер: 97
今回は初心者向けのVSCodeの使い方講座です! 日本語化する拡張機能のインストールも行っております🇯🇵 既に使われている方も復習にいかがでしょうか!? 次回は便利すぎるショートカットコマンドの紹介です😏
高校二年生です。アルバイトで頑張って貯めたお金でパソコンを購入し、プログラミングの勉強を始めました!めちゃくちゃわかりやすかったです!
初学者に本当に優しい動画講座です。HTML/CSSでもお世話になっています。
「ステータスバー」という機能を この動画で初めて知りました! 便利な機能ですね! 毎回 動画の内容が迚分かり易く、 丁寧なので、何時も参考にさせて貰ってます。 有難うございます。
初見です! vscodeの使い方がわからなくて困っていたらこの動画に出会いました。 とても内容がまとまっていて分かりやすかったです!感謝!!
すごくわかりやすい説明で良かったです。 次回も楽しみにしています。
待ってました。 VSコードについて改めて勉強したかったのでうれしいです。 やはりしまぶーさんの講義がダントツわかりやすいです。 2倍速で繰り返し見てマスターします。
ありがとうございます! しまぶーさんの過去動画でvscodeがおすすめされて、それ以降ずっと使い続けてます笑 ターミナルが複数表示できたり、オリジナルのショートカットコマンドを設定できたりで、今のところ機能面で困ったことは全くありません☺️ 次も楽しみにしています🤲
超初心者です。こんにちわ。ちょっとしたことが、出来なくて前に進めませんでした。本当に感謝しています。ありがとうございます。
初見ですが、 めちゃくちゃ分かりやすかったです! まだ半分しか見てませんが。 これからみます。
分からなかったことがようやくわかりました!!ありがとうございます!
待ってました! 本業が忙しいと思いますが、プログラミングの動画も楽しみにしてますので、 よろしくお願いします🥺
@shimabu_it
3 жыл бұрын
JavaScriptのnpm講座を近々撮る予定ですよー!!お待ちを!!✌
優しい解説ありがとうございます🙇♂️
久しぶりに触ったので大変ためになりました。
使い方がよくわかりました。ありがとうございました。
完全初心者ですが本当に助かりました。
フォルダ内横断検索機能知らなかったです😳!めちゃめちゃ便利✨ あと今までKZreadでがっつり真面目に講座してるしまぶーさんのイメージ強かったから最後のおまけが可愛すぎました😂💖
@shimabu_it
3 жыл бұрын
横断検索はもうめちゃくちゃ使いますね!使いこなせるようになってください〜! 最後のおまけ見られましたか!自分でもこういうこと言ってるんだってビックリしました笑
VScodeの導入動画は嬉しい! すごく使いやすいですねこのエディタ
@shimabu_it
3 жыл бұрын
フロントエンドはVSCode一択ですよ!
勉強になりました。ありがとうございます。
めちゃくちゃ分かりやすかったです! 登録します!
わかりやすいご説明をありがとうございました。😀
できました!! ありがとうございます
参考になりました。 ありがとうございます。
あーーまじで助かる。いい時代だなー。
2:34のマインドの所が特に参考になりました。アレルギーが治りました。感謝です🙇🏻♀️✨
@millmill3014
Жыл бұрын
分からない所があり過ぎると、ヤル気が無くなる性格です💦本当にありがとうございます。
初心者にとってすごく分かりやすい動画でした。 イケメン先生、ありがとうございます。 チャンネル登録させていただきました。
@shimabu_it
3 жыл бұрын
ありがとうございますー😊
初学者でもめちゃくちゃ分かりやすかったです! チャンネル登録しました!
@shimabu_it
3 жыл бұрын
ありがとうございます〜! ぜひ色んな動画を参考になさってください!✨
お忙しい中ありがとうございます🙇VS Code使用の際のマインドは、プログラミング学習にも似てますね。全てを分かろうとせず、とりあえずやってみよ〜💪 次回作も楽しみにしています。
@shimabu_it
3 жыл бұрын
まさに仰るとおりかと思います! マインド面から整えるのも重要ですよね😁
Sublime Textから乗り換えます✈ ありがとうございます☺
勉強になります。
やっぱりプログラミングと言えばしまぶーさん一択ですね!✨
イケメンすぎて内容が頭に入ってきませんでした。
高評価、クリック!(自身の消化は、当然…30%程度なので、”素振り”します)
他のエディター使ってたんで参考になりました。使ってみようと思います。要望なんですがAWS等のバックエンドの講座可能でしたらお願いしたいです。設定や料金などが難しそうでいつまでたっても踏み込めません。
大変勉強になりました!ステータスバーの「問題」はとても便利ですね!今まで全然使いこなせてなかった(´;ω;`)僕、スペル間違いが多くて良くそれが原因でエラーになることがあります。でもこれを使えばすぐ問題を解決できそう、あと🔍ボタンの置換も便利そうですね。内容が必要な最小限な情報だけで短くまとまっていて理解しやすくて良かった
動画参考になりました!ありがとうございます。 関係ないのですが、webカメラは何を使っているのか知りたいです。
大学で使ってたのが懐かしい
この動画でVisual Studio Codeの使い方を理解することができました! ありがとうございます(^^)/
24:04 windowsの方、Ctrlキー+Fキーでいけます。 分からなかったので参考までにどうぞ。
補完がいつも一つしか出ないのですが何個か出せる設定があるのでしたら教えて欲しいです。
変換機能をオンにするにはどうすればいいですか?
もちろん高評価&いいね押下しています。 いつもありがとうございます。
こんばんは。コメント失礼します。 VScodeを使用していると不具合(codeに間違いがないのにもかかわらず出力されない、再起動すれば出力できる)が生じています。 そのためVScodeのダウングレードの方法を教えて頂きたいです…。
VS Codeを使って、HTML・CSSからプログラミングを勉強し始めたのですが、VS Codeの”GO Live”という拡張機能をインストールしたのですが、なぜか開いているindex.HTMLとは別のものを開かれてしまいます。どこかで、確認する方法はありますか!?
ここで言う開発とは、HTMLやCSSを使ったブログなどの開発のことを指しているのでしょうか?このVSCodeではシステム開発(例えば、Amazonの購入履歴をスプレッドシートに書き込むプログラム)はできないのでしょうか? だいぶ公開から期間が経っていますが、お答えいただくと嬉しいです。
index.htmlのフォルダーを作ったのですが入力もできない状況でどうしたらいいんですか?
過去動画へ質問失礼します コードを書くと文字そのものに色が付きますがこれの意味を教えて下さい
逆にゴリゴリにカスタマイズされてる方のVSCodeのプラグインやキーバインドが知りたいです!
イケメンやな
ありがとうございます!助かりました(´;ω;`)
importを使用してこんにちはと表示させたのですが、コンパイルまでは上手く行くものの、こんにちはと打っても????と表示され上手く行きません。何かコードに問題が有るのでしょうか。もし宜しければ教えて欲しいです。
1Windowとはどういいう定義なのでしょうか。初心者なので意味がわからないですが
拡張子が設定できません。どうしたらできますか?
初歩も初歩なんですけど誰か教えてもらえませんでしょうか。字が打ち込めません。pythonのコードをコピーして編集しようと思ったのですが、もともとのコードをダブルクリックしてもアクティブになるだけで、字を打ち込んでも打ち込めません。バックスペースを押してもアクティブの範囲が広がるだけで消せません。どうしたらいいんでしょうか。
動画とは関係ない質問で申し訳ないのですが、しまぶーさんはプログラミングの勉強をするときに何を持って理解したと考えられますか? 自分自身ドットインストールを使って勉強をしているのですが、その場その場では理解できるものの次の日になったら忘れてしまっていたり、こんなことやったっけと思うこともあります。 プログラミングの勉強は、「繰り返して覚えるものではない」という考えの方が多いように思います。 でも繰り返さないと覚えられないしなぁと思いながらも、同じところは何周もしないようにしているのですが、しまぶーさんのご意見を伺いたいです。 説明が下手で申し訳ありませんが、よろしくお願い致します。
@shimabu_it
3 жыл бұрын
学校の勉強とは違い、自分で作れるようになることこそが理解です。家庭科の時間に料理を作れることが大事なように、プログラミングにおいても何か作れたという結果こそが大事なのです。ドットインストールなどは基礎を補うためのもの(包丁の使い方や野菜の切り方を学ぶようなもの)で、その後の作るということこそが1番重要なところです。 なので、ある程度自分の中で分かったら実際に作っていく(その過程で当然わからないことはありますが、それは作る過程で学ぶ)ことを行ってください。そこで、学んでいって実際に作れたら、それが理解したということです!
@shimabu_it
3 жыл бұрын
ちなみに作るときにはあまりにも難しいものを作るのは辞めてくださいね!最低限簡単なものを作ってみてください!(最初からフランス料理フルコースを作るのは不可能です!)
@hedgehog641
3 жыл бұрын
@@shimabu_it なるほど、大変参考になりました!ありがとうございます!
相手様のヴィジュアルコードのリンク🔗をJOINすると、読み上げてしまいとてもうるさくなります。 どうにか消すことは出来ますでしょうか。 宜しければ教えて頂きたいです。
「 このシステムではスクリプトの実行が無効になっているため ・・・・・・・・」というエラーメッセージがでます!汗 実行できないです。助けて頂けますでしょうか。
こちらでダウンロードしましたができませんでした😢
動画投稿ありがとうございます! 少し痩せられました??
@shimabu_it
3 жыл бұрын
実は最近病気にかかっておりまして・・・そのせいかもしれないです(^o^;)笑
@trusai5833
3 жыл бұрын
@@shimabu_it なるほど…健康第一でこれからも頑張って下さい!!
それと、ミニマップを拡大したいのですが、やり方を教えて頂きたいです。
ご回答ありがとうございます。 MACなのですが、右クリックありません。
@shimabu_it
3 жыл бұрын
macはトラックパッドを2本指でタップで右クリック相当の動作になるはずです! まずはmacの使い方を学ぶと効率よく勉強も進みそうですね😊
「最悪アンインストールすればいい」 …やったところ「ようこそ」の画面が表示されないくなってたw何が悪いのかわからないw
コマンドってどこでしょう? 初心者すぎてコマンドがわかんないです、、
フォルダーの消し方がわからない・・・
はじめまして、つちともうします。 あまりにも初歩的な質問です。vscodeの中のファイルを削除するにはどうしたらいいのでしょうか。
@shimabu_it
3 жыл бұрын
遅れてしまって申し訳ございません! 右クリックで開くメニューから削除できますよー!
私は学生で案件を取るプログラマーですが、1ウィンドウ:1フォルダーの考え方が一般的というのには否定派です。1ワークスペース(複数のフォルダーをタスク毎にセットで使える)単位でまとめて保存するのが一般的であると思います
使っているフォントはなんですか?
ギットレンズとトゥードゥーハイライトくらいしか入れんわな
初心者すぎて、フォルダの作り方から分からなかった笑
TwitterでRailsは廃れると発言されてましたが、なぜですか? 代わりになにが来ますか? これらを説明した動画作ってください。
作っているものの、画像のみかたがしりたいです。 動画であげてますか?
インターンで使ったけど意味わからん過ぎてめっちゃ足手まとった
マインド…😅マインドってなんすか?😂
始まるまで長い
ファイルを保存してもcssが適用されてない…(笑)