コンテンツへスキップ

UX BEAR【ゆえっくま】

IT業界ではたらくまの開発&投資情報。鮭の皮は食べる派です。
  • テクノロジー
  • マネジメント
  • ファイナンシャルリテラシー

UX BEAR【ゆえっくま】

IT業界ではたらくまの開発&投資情報。鮭の皮は食べる派です。
  • テクノロジー
  • マネジメント
  • ファイナンシャルリテラシー

【文字化け解決】文字コードと文字エンコーディング「UTF-8」「Shift_JIS」「EUC-JP」とは?

  • by UXBEAR
  • JavaScript, テクノロジー
  • 2021年7月14日2021年5月23日
code

HTML/CSS/JavaScriptを書いてサーバにアップしたとき、ブラウザ上で文字化けが起こることがあります。なぜ文字化けが起こるのでしょうか?文字コード指定方法など対策についてです。

目次

  • なぜ文字化けが起きる?
  • 日本の文字コード
  • プログラム上での文字コードの指定方法
    • HTML
    • CSS
    • JavaScript
  • まとめ
  • JavaScriptの学習講座、エンジニアの転職
  • あわせて読みたい記事
  • あわせて読みたい書籍

なぜ文字化けが起きる?

ファイル自身の文字コード(文字エンコーディング)と、それを表示するブラウザの文字コード(文字エンコーディング)が異なると、文字の対応表が異なるので文字化けが発生します。

日本の文字コード

日本では、「UTF-8」「Shift_JIS」「EUC-JP」の3つがよく使われている文字コード(文字エンコーディング)です。

HTMLでは UTF-8 を使用することが推奨されています。

文字コードの指定手順

  1. プログラム上での文字コード指定
  2. エディタで保存する際の文字コードを確認
  3. FTP転送字の文字コード確認

プログラム上での文字コードの指定方法

HTML

<meta charset="UTF-8">

meta要素のcharset属性に文字コードを指定

CSS

@charset "utf-8";

スタイルシートで使う文字エンコーディングを定義。

JavaScript

<script src="sample.js" charset="UTF-8"></script>

src属性で外部Javascriptを読み込む場合は、charset属性で文字コード指定します。

まとめ

なぜ文字化けが起こるか?解決のための文字コードの指定方法についてでした。

リンク

JavaScriptの学習講座、エンジニアの転職

あわせて読みたい記事

JavaScriptとは? タイプ別 入門/初心者向けおすすめ本5選【プログラミング】
【CodePenとは?】無料のWebコードエディタで使い方、ブログへの埋め込み方法。
JSONの書き方
【Anime.js入門】JavaScriptアニメーション基礎入門(変形編)

あわせて読みたい書籍

リンク

リンク

関連記事

  • 米国株やETFのセクターの種類と英語表記一覧【セクターローテーション投資戦略とは?】米国株やETFのセクターの種類と英語表記一覧【セクターローテーション投資戦略とは?】
  • 【BNDとは?】 – 米国債券全体へ投資&毎月配当金 ETFを分析、米国債TLT比較。【BNDとは?】 – 米国債券全体へ投資&毎月配当金 ETFを分析、米国債TLT比較。
  • Googleタグマネージャとは?Googleタグマネージャとは?
  • ルービックキューブのそろえ方手順一覧、かんたん動画、回転記号に、世界記録【パズル攻略】ルービックキューブのそろえ方手順一覧、かんたん動画、回転記号に、世界記録【パズル攻略】
  • 【DMM英会話】オンライン英会話で、必要な英語力を最短で手に入れる方法。【DMM英会話】オンライン英会話で、必要な英語力を最短で手に入れる方法。

共有:

  • Twitter
  • Facebook
タグ:euc-jpShift-JISutf-8文字コード文字化け
前【VGKとは?IEVと比較】欧州株式ETFを分析、 ヨーロッパ投資
次介護保険サービスを受けるには?申請方法【老後資金問題】

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


カテゴリー

  • Chart (28)
  • ETF (27)
  • JavaScript (27)
  • xR (14)
  • アプリ (9)
  • その他 (43)
  • テクノロジー (83)
  • ファイナンシャルリテラシー (126)
  • ファイナンス (72)
  • マーケティング (42)
  • マネジメント (52)
  • ライフスタイル (14)
  • ライフハック (9)
  • 仮想通貨 (14)
  • 確定申告 (1)
  • 老後資金 (9)
  • 英語 (12)

検索

関連記事

  • 米国株やETFのセクターの種類と英語表記一覧【セクターローテーション投資戦略とは?】米国株やETFのセクターの種類と英語表記一覧【セクターローテーション投資戦略とは?】
  • 【BNDとは?】 – 米国債券全体へ投資&毎月配当金 ETFを分析、米国債TLT比較。【BNDとは?】 – 米国債券全体へ投資&毎月配当金 ETFを分析、米国債TLT比較。
  • Googleタグマネージャとは?Googleタグマネージャとは?
  • ルービックキューブのそろえ方手順一覧、かんたん動画、回転記号に、世界記録【パズル攻略】ルービックキューブのそろえ方手順一覧、かんたん動画、回転記号に、世界記録【パズル攻略】
  • 【DMM英会話】オンライン英会話で、必要な英語力を最短で手に入れる方法。【DMM英会話】オンライン英会話で、必要な英語力を最短で手に入れる方法。

関連サイト

にほんブログ村 IT技術ブログへ

関連キーワード

csv d3.js DAO Defi e-Tax ETF ETH Google Analytics Google Chart JavaScript Markdown NFT oculus OpenSea transferwise Unity Webマーケティング wise xR インデックス投資 インフレ イーサリアム スマートコントラクト セービングス口座 チェッキング口座 チャート デジタル有価証券 デフレ ビットコイン ブログ 仮想通貨 仮想通貨ウォレット 会計ソフト 入金 口座開設 手数料 景気 海外口座 海外投資 海外送金 源泉徴収票 為替手数料 確定申告 税金 英語

Neve | Powered by WordPress