準備編 VScodeでjavascriptの開発
ActiveXが、マイクロソフトのブラウザのEdgeでサポート対象外となりましたね。仕事で、ActiveXの処理部分をjavascriptで作り替える開発をすることになったので、今後のため開発環境をつくっておく。
1.VScodeのインストール方法
参考URL:JavaScriptをはじめよう #2 VSCodeを使ってみよう
https://note.com/erukiti/n/n02217beab2ef
2.VScodeの操作感の確認。
・VSCodeはそれ自体が、TypeScriptというJavaScriptに型機能を追加した言語で書かれたオープンソースソフトウェア。
・他のIDEよりも圧倒的に動作が軽い
・デフォルトの背景が真っ黒。ぱっと見、かっこイイ。
3.ローカルでサンプルコードの作成
・サンプルコードは、いろんなサイトからピックアップして実施。
4.レンタルサーバ上にスクリプトを配置。PCからアクセスして表示。
・サーバにアップロードしたindex.htmlを表示すると、文字化けした状態で表示された。なお、index.html は「UTF-8」で書かれている。
原因
日本語はShift-JIS、UTF-8などの複数の文字コードで表現ができる。
Webブラウザは、自動で文字コード判断し画面に表示してくれるが、正しい文字コードで表示できないことがある。
対処方法
WebブラウザがUTF-8として表示するように、HTMLの中で文字コードを指定する。<head>要素内に、<meta>要素を追加。UTF-8で書かれていることを宣言する。
<meta http-equiv="content-type" charset="utf-8">
https://techacademy.jp/magazine/9929
そのほか参考情報
・色々検索すると、よくこのサイトにたどり着く
https://lab.syncer.jp/Web/JavaScript/Snippet/
・ヘッダータグの記述サンプル
http://www9.plala.or.jp/oyoyon/html/js_first.html
この記事が気に入ったらサポートをしてみませんか?