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

  • @shimabu_it
    @shimabu_it3 жыл бұрын

    今回は初心者向けのVSCodeの使い方講座です! 日本語化する拡張機能のインストールも行っております🇯🇵 既に使われている方も復習にいかがでしょうか!? 次回は便利すぎるショートカットコマンドの紹介です😏

  • @user-li1um6gm8o
    @user-li1um6gm8o Жыл бұрын

    高校二年生です。アルバイトで頑張って貯めたお金でパソコンを購入し、プログラミングの勉強を始めました!めちゃくちゃわかりやすかったです!

  • @kaibasakamoto4835
    @kaibasakamoto48353 жыл бұрын

    初学者に本当に優しい動画講座です。HTML/CSSでもお世話になっています。

  • @NoviceEngineer
    @NoviceEngineer3 жыл бұрын

    「ステータスバー」という機能を この動画で初めて知りました! 便利な機能ですね! 毎回 動画の内容が迚分かり易く、 丁寧なので、何時も参考にさせて貰ってます。 有難うございます。

  • @wimp4131
    @wimp41313 жыл бұрын

    初見です! vscodeの使い方がわからなくて困っていたらこの動画に出会いました。 とても内容がまとまっていて分かりやすかったです!感謝!!

  • @user-yt4ve5vs5s
    @user-yt4ve5vs5s3 жыл бұрын

    すごくわかりやすい説明で良かったです。 次回も楽しみにしています。

  • @keita5518
    @keita55183 жыл бұрын

    待ってました。 VSコードについて改めて勉強したかったのでうれしいです。 やはりしまぶーさんの講義がダントツわかりやすいです。 2倍速で繰り返し見てマスターします。

  • @masa_soli_s
    @masa_soli_s3 жыл бұрын

    ありがとうございます! しまぶーさんの過去動画でvscodeがおすすめされて、それ以降ずっと使い続けてます笑 ターミナルが複数表示できたり、オリジナルのショートカットコマンドを設定できたりで、今のところ機能面で困ったことは全くありません☺️ 次も楽しみにしています🤲

  • @ik7726
    @ik77263 жыл бұрын

    超初心者です。こんにちわ。ちょっとしたことが、出来なくて前に進めませんでした。本当に感謝しています。ありがとうございます。

  • @vstar8659
    @vstar86593 жыл бұрын

    初見ですが、 めちゃくちゃ分かりやすかったです! まだ半分しか見てませんが。 これからみます。

  • @gk3870-m3q
    @gk3870-m3q Жыл бұрын

    分からなかったことがようやくわかりました!!ありがとうございます!

  • @braveandyou
    @braveandyou3 жыл бұрын

    待ってました! 本業が忙しいと思いますが、プログラミングの動画も楽しみにしてますので、 よろしくお願いします🥺

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    JavaScriptのnpm講座を近々撮る予定ですよー!!お待ちを!!✌

  • @jmail3161
    @jmail31613 жыл бұрын

    優しい解説ありがとうございます🙇‍♂️

  • @musictravel9978
    @musictravel997810 ай бұрын

    久しぶりに触ったので大変ためになりました。

  • @amenagamine8404
    @amenagamine84043 жыл бұрын

    使い方がよくわかりました。ありがとうございました。

  • @user-ny7lo3qp5s
    @user-ny7lo3qp5s2 жыл бұрын

    完全初心者ですが本当に助かりました。

  • @airi7789
    @airi77893 жыл бұрын

    フォルダ内横断検索機能知らなかったです😳!めちゃめちゃ便利✨ あと今までKZreadでがっつり真面目に講座してるしまぶーさんのイメージ強かったから最後のおまけが可愛すぎました😂💖

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    横断検索はもうめちゃくちゃ使いますね!使いこなせるようになってください〜! 最後のおまけ見られましたか!自分でもこういうこと言ってるんだってビックリしました笑

  • @手裏剣サッシー
    @手裏剣サッシー3 жыл бұрын

    VScodeの導入動画は嬉しい! すごく使いやすいですねこのエディタ

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    フロントエンドはVSCode一択ですよ!

  • @footballdiet2015
    @footballdiet20153 жыл бұрын

    勉強になりました。ありがとうございます。

  • @mr.kgames4977
    @mr.kgames49773 жыл бұрын

    めちゃくちゃ分かりやすかったです! 登録します!

  • @user-eq1iw9tz2e
    @user-eq1iw9tz2e7 ай бұрын

    わかりやすいご説明をありがとうございました。😀

  • @user-hv1eu8sv6i
    @user-hv1eu8sv6i3 жыл бұрын

    できました!! ありがとうございます

  • @user-sp1ps2ui4g
    @user-sp1ps2ui4g3 жыл бұрын

    参考になりました。 ありがとうございます。

  • @user-sm6fh5vt3q
    @user-sm6fh5vt3q2 жыл бұрын

    あーーまじで助かる。いい時代だなー。

  • @millmill3014
    @millmill3014 Жыл бұрын

    2:34のマインドの所が特に参考になりました。アレルギーが治りました。感謝です🙇🏻‍♀️✨

  • @millmill3014

    @millmill3014

    Жыл бұрын

    分からない所があり過ぎると、ヤル気が無くなる性格です💦本当にありがとうございます。

  • @peanutsroom555
    @peanutsroom5553 жыл бұрын

    初心者にとってすごく分かりやすい動画でした。 イケメン先生、ありがとうございます。 チャンネル登録させていただきました。

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

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

  • @HS-xk6rt
    @HS-xk6rt3 жыл бұрын

    初学者でもめちゃくちゃ分かりやすかったです! チャンネル登録しました!

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    ありがとうございます〜! ぜひ色んな動画を参考になさってください!✨

  • @tototanaka184
    @tototanaka1843 жыл бұрын

    お忙しい中ありがとうございます🙇VS Code使用の際のマインドは、プログラミング学習にも似てますね。全てを分かろうとせず、とりあえずやってみよ〜💪 次回作も楽しみにしています。

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    まさに仰るとおりかと思います! マインド面から整えるのも重要ですよね😁

  • @user-cq9jp9uk6b
    @user-cq9jp9uk6b Жыл бұрын

    Sublime Textから乗り換えます✈ ありがとうございます☺

  • @zpzezn
    @zpzezn2 жыл бұрын

    勉強になります。

  • @noahr.1611
    @noahr.16113 жыл бұрын

    やっぱりプログラミングと言えばしまぶーさん一択ですね!✨

  • @darkabsolute935
    @darkabsolute9352 жыл бұрын

    イケメンすぎて内容が頭に入ってきませんでした。

  • @nayamimondai70
    @nayamimondai703 жыл бұрын

    高評価、クリック!(自身の消化は、当然…30%程度なので、”素振り”します)

  • @taro2268
    @taro22683 жыл бұрын

    他のエディター使ってたんで参考になりました。使ってみようと思います。要望なんですがAWS等のバックエンドの講座可能でしたらお願いしたいです。設定や料金などが難しそうでいつまでたっても踏み込めません。

  • @ta-suki-7066
    @ta-suki-70663 жыл бұрын

    大変勉強になりました!ステータスバーの「問題」はとても便利ですね!今まで全然使いこなせてなかった(´;ω;`)僕、スペル間違いが多くて良くそれが原因でエラーになることがあります。でもこれを使えばすぐ問題を解決できそう、あと🔍ボタンの置換も便利そうですね。内容が必要な最小限な情報だけで短くまとまっていて理解しやすくて良かった

  • @tarepantuuuu
    @tarepantuuuu Жыл бұрын

    動画参考になりました!ありがとうございます。 関係ないのですが、webカメラは何を使っているのか知りたいです。

  • @hoku3606
    @hoku36063 жыл бұрын

    大学で使ってたのが懐かしい

  • @newhorizon4610
    @newhorizon4610 Жыл бұрын

    この動画でVisual Studio Codeの使い方を理解することができました! ありがとうございます(^^)/

  • @user-lz2it2ui4l
    @user-lz2it2ui4l2 жыл бұрын

    24:04 windowsの方、Ctrlキー+Fキーでいけます。 分からなかったので参考までにどうぞ。

  • @HP-vv2gx
    @HP-vv2gx3 жыл бұрын

    補完がいつも一つしか出ないのですが何個か出せる設定があるのでしたら教えて欲しいです。

  • @user-ft1kh3nk9u
    @user-ft1kh3nk9u3 жыл бұрын

    変換機能をオンにするにはどうすればいいですか?

  • @zawaji5380
    @zawaji53803 жыл бұрын

    もちろん高評価&いいね押下しています。 いつもありがとうございます。

  • @user-lr8lj7nt7r
    @user-lr8lj7nt7r3 жыл бұрын

    こんばんは。コメント失礼します。 VScodeを使用していると不具合(codeに間違いがないのにもかかわらず出力されない、再起動すれば出力できる)が生じています。 そのためVScodeのダウングレードの方法を教えて頂きたいです…。

  • @naoto1681
    @naoto16813 жыл бұрын

    VS Codeを使って、HTML・CSSからプログラミングを勉強し始めたのですが、VS Codeの”GO Live”という拡張機能をインストールしたのですが、なぜか開いているindex.HTMLとは別のものを開かれてしまいます。どこかで、確認する方法はありますか!?

  • @user-gr1zp4md1w
    @user-gr1zp4md1w3 жыл бұрын

    ここで言う開発とは、HTMLやCSSを使ったブログなどの開発のことを指しているのでしょうか?このVSCodeではシステム開発(例えば、Amazonの購入履歴をスプレッドシートに書き込むプログラム)はできないのでしょうか? だいぶ公開から期間が経っていますが、お答えいただくと嬉しいです。

  • @user-uo6gv9dy7h
    @user-uo6gv9dy7h3 жыл бұрын

    index.htmlのフォルダーを作ったのですが入力もできない状況でどうしたらいいんですか?

  • @user-et7mc6cy6f
    @user-et7mc6cy6f2 жыл бұрын

    過去動画へ質問失礼します コードを書くと文字そのものに色が付きますがこれの意味を教えて下さい

  • @user-pk6wi5ed4g
    @user-pk6wi5ed4g3 жыл бұрын

    逆にゴリゴリにカスタマイズされてる方のVSCodeのプラグインやキーバインドが知りたいです!

  • @user-bb5ry9jv9f
    @user-bb5ry9jv9f3 жыл бұрын

    イケメンやな

  • @user-nt5ww6fi4c
    @user-nt5ww6fi4c2 жыл бұрын

    ありがとうございます!助かりました(´;ω;`)

  • @user-kd7zh5jp8l
    @user-kd7zh5jp8l2 жыл бұрын

    importを使用してこんにちはと表示させたのですが、コンパイルまでは上手く行くものの、こんにちはと打っても????と表示され上手く行きません。何かコードに問題が有るのでしょうか。もし宜しければ教えて欲しいです。

  • @user-zs6gp8uw9f
    @user-zs6gp8uw9f Жыл бұрын

    1Windowとはどういいう定義なのでしょうか。初心者なので意味がわからないですが

  • @pan3524
    @pan35242 жыл бұрын

    拡張子が設定できません。どうしたらできますか?

  • @user-wo7xt6ho5b
    @user-wo7xt6ho5b Жыл бұрын

    初歩も初歩なんですけど誰か教えてもらえませんでしょうか。字が打ち込めません。pythonのコードをコピーして編集しようと思ったのですが、もともとのコードをダブルクリックしてもアクティブになるだけで、字を打ち込んでも打ち込めません。バックスペースを押してもアクティブの範囲が広がるだけで消せません。どうしたらいいんでしょうか。

  • @hedgehog641
    @hedgehog6413 жыл бұрын

    動画とは関係ない質問で申し訳ないのですが、しまぶーさんはプログラミングの勉強をするときに何を持って理解したと考えられますか? 自分自身ドットインストールを使って勉強をしているのですが、その場その場では理解できるものの次の日になったら忘れてしまっていたり、こんなことやったっけと思うこともあります。 プログラミングの勉強は、「繰り返して覚えるものではない」という考えの方が多いように思います。 でも繰り返さないと覚えられないしなぁと思いながらも、同じところは何周もしないようにしているのですが、しまぶーさんのご意見を伺いたいです。 説明が下手で申し訳ありませんが、よろしくお願い致します。

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    学校の勉強とは違い、自分で作れるようになることこそが理解です。家庭科の時間に料理を作れることが大事なように、プログラミングにおいても何か作れたという結果こそが大事なのです。ドットインストールなどは基礎を補うためのもの(包丁の使い方や野菜の切り方を学ぶようなもの)で、その後の作るということこそが1番重要なところです。 なので、ある程度自分の中で分かったら実際に作っていく(その過程で当然わからないことはありますが、それは作る過程で学ぶ)ことを行ってください。そこで、学んでいって実際に作れたら、それが理解したということです!

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    ちなみに作るときにはあまりにも難しいものを作るのは辞めてくださいね!最低限簡単なものを作ってみてください!(最初からフランス料理フルコースを作るのは不可能です!)

  • @hedgehog641

    @hedgehog641

    3 жыл бұрын

    @@shimabu_it なるほど、大変参考になりました!ありがとうございます!

  • @user-gb9ip2ue5n
    @user-gb9ip2ue5n Жыл бұрын

    相手様のヴィジュアルコードのリンク🔗をJOINすると、読み上げてしまいとてもうるさくなります。 どうにか消すことは出来ますでしょうか。 宜しければ教えて頂きたいです。

  • @user-qj5ks9nn6h
    @user-qj5ks9nn6h2 жыл бұрын

    「 このシステムではスクリプトの実行が無効になっているため ・・・・・・・・」というエラーメッセージがでます!汗 実行できないです。助けて頂けますでしょうか。

  • @mitmind27
    @mitmind27 Жыл бұрын

    こちらでダウンロードしましたができませんでした😢

  • @trusai5833
    @trusai58333 жыл бұрын

    動画投稿ありがとうございます! 少し痩せられました??

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    実は最近病気にかかっておりまして・・・そのせいかもしれないです(^o^;)笑

  • @trusai5833

    @trusai5833

    3 жыл бұрын

    @@shimabu_it なるほど…健康第一でこれからも頑張って下さい!!

  • @user-hu1ey9zq6h
    @user-hu1ey9zq6h3 жыл бұрын

    それと、ミニマップを拡大したいのですが、やり方を教えて頂きたいです。

  • @user-hv1eu8sv6i
    @user-hv1eu8sv6i3 жыл бұрын

    ご回答ありがとうございます。 MACなのですが、右クリックありません。

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    macはトラックパッドを2本指でタップで右クリック相当の動作になるはずです! まずはmacの使い方を学ぶと効率よく勉強も進みそうですね😊

  • @user-dm3eo7oi5m
    @user-dm3eo7oi5m6 ай бұрын

    「最悪アンインストールすればいい」 …やったところ「ようこそ」の画面が表示されないくなってたw何が悪いのかわからないw

  • @user-xl1mh5dh4o
    @user-xl1mh5dh4o Жыл бұрын

    コマンドってどこでしょう? 初心者すぎてコマンドがわかんないです、、

  • @user-dv6yg1ml4v
    @user-dv6yg1ml4v2 жыл бұрын

    フォルダーの消し方がわからない・・・

  • @user-hv1eu8sv6i
    @user-hv1eu8sv6i3 жыл бұрын

    はじめまして、つちともうします。 あまりにも初歩的な質問です。vscodeの中のファイルを削除するにはどうしたらいいのでしょうか。

  • @shimabu_it

    @shimabu_it

    3 жыл бұрын

    遅れてしまって申し訳ございません! 右クリックで開くメニューから削除できますよー!

  • @user-ko2xo9hl9k
    @user-ko2xo9hl9k Жыл бұрын

    私は学生で案件を取るプログラマーですが、1ウィンドウ:1フォルダーの考え方が一般的というのには否定派です。1ワークスペース(複数のフォルダーをタスク毎にセットで使える)単位でまとめて保存するのが一般的であると思います

  • @user-zm9nx4ut1t
    @user-zm9nx4ut1t3 жыл бұрын

    使っているフォントはなんですか?

  • @_SDGs_
    @_SDGs_3 жыл бұрын

    ギットレンズとトゥードゥーハイライトくらいしか入れんわな

  • @user-gw8dn7ct3y
    @user-gw8dn7ct3y3 жыл бұрын

    初心者すぎて、フォルダの作り方から分からなかった笑

  • @Tibitan365
    @Tibitan3653 жыл бұрын

    TwitterでRailsは廃れると発言されてましたが、なぜですか? 代わりになにが来ますか? これらを説明した動画作ってください。

  • @user-gx1sb9cw6w
    @user-gx1sb9cw6w3 жыл бұрын

    作っているものの、画像のみかたがしりたいです。 動画であげてますか?

  • @user-dk6sc9cc1y
    @user-dk6sc9cc1y3 жыл бұрын

    インターンで使ったけど意味わからん過ぎてめっちゃ足手まとった

  • @user-nj1ko5rm6d
    @user-nj1ko5rm6d9 ай бұрын

    マインド…😅マインドってなんすか?😂

  • @azaz7587
    @azaz758711 ай бұрын

    始まるまで長い

  • @user-xq7ot9ye5o
    @user-xq7ot9ye5o3 жыл бұрын

    ファイルを保存してもcssが適用されてない…(笑)

Келесі