Visual Studio Code｜なかしまぁ先生

VSCodeでプレビュー

通常、VSCodeで作成したファイルはブラウザで確認するように指導していますが、それを自動的に素早く表示できる機能拡張がいくつかあります。なかなか希望のものが少ないのですが、「Live Server」は使えるかもですのでご紹介します。１.Live Server次の機能拡張をインストールしてみましょう。２.作業フォルダとファイル以下のように任意のフォルダ(=作業フォルダ。例:ws)の中にファイル(=test.html)がないとうまくいかないようです。エクスプローラの

VSCodeからブラウザへのドラッグ&ドロップ

1. 困った現象のあらまし私の科目では、HTML・CSS・JavaScriptの演習の際、テキストエディタ(=Visual Studio Code)でファイル作成し、上部タブをドラッグ&ドロップして、ブラウザ上で確認するように指導していました。 2023年12月の後期授業中盤のころ、VSCodeからドラッグ&ドロップしたらVSCodeの別ウインドウが開いてしまうという困った現象が発生したとのご連絡が学生のかたからありました。こちら(=Mac)では確認できず

VSCodeでSQLのお勉強

Visual Studio Codeでは、データベースのSQL(Structured Query Language：構造化問い合わせ言語：RDB（リレーショナルデータベース）データ操作)の勉強ができるそうですので、記録します。最初に言っておきます。環境設定はけっこう大変です。ちょっとしたことで先に進めないこともありますので、そこは覚悟しておきましょう（と入っても、たいていのシステムのインストールは何かしらトラブルがつきものですよね😁）１．インストールまず、公式ペー

VSCodeでファイルをアップロードできる機能拡張「SFTP」

VSCodeは、テキストエディタ。ソースコードを書くためのツールです。そのツールで、ファイルをサーバにアップロードすることができます。１．作業場の作成まず、アップロードしたいファイルの作業場（格納フォルダ）を作成しましょう。そのフォルダをVSCodeにドラッグ・アンド・ドロップします。２．SFTPのインストール２通りあります。ひとつめは、左列に並んでいるアイコンの「機能拡張」をクリックして、「SFTP」を検索（ただ、SFTPは同名のものが３種類くらい

Visual Studio Code で原稿書き

1. 書籍を作る実は、今回、書籍を作ろうと思いまして、書こうと思ったのですが、Microsoft Wordや、Pagesでと思ったのですが、・書式の設定でマウスゴリゴリするのが、ちょっと面倒で、・かといってHTMLタグで書くのもなんとなく、・最終的にはテキストベースで入稿だろうと予測してましてどうしたもんかなと思案していたところ、以前、VSCodeでSFを書く作家さんが話題になったことを思い出しました。そっか、私達には、最強のテキストエディタVisual Stud

Visual Studio Codeの扱い方

Webページを作るときには、・制作物を作るためにテキストエディタ、・制作物を確認するためにブラウザが必要になります。エディタと言うとMicrosoftのWordなどを連想するかもしれませんが、あちらはリッチエディタと呼ばれ、文字の大きさ、装飾などもできる機能の豊かなエディタです。コードを書くときはそれらリッチな機能は必要ないため、コード（≒文字・数字・記号）だけを入力するテキストエディタが必要になります。 Mac付属のソフト「テキストエディット」もよくありません。

GitHub Copilotを試してみた

みなさん、こんにちは。なかしまぁ先生です。 GitHub Copilotは、テキストエディタ上でコードの提案をしてくれるAI君です。（Copilotは副操縦士のこと）この記事は、６月くらいに利用申請を出して、今日やっと登録されたので早速試してみた記録です。今日届いたメールがこれ。１．インストール①早速オフィシャルページへ ②サインインをすると、「Install GitHub Copilot」のリンクが ③テキストエディタは「Visual Studio Code」

Visual Studio Code

フォローしませんか？

記事一覧