TechAcademy（テックアカデミー） Webデザインコース Webデザイン HTML HTMLで絵文字を表示する方法を現役エンジニアが解説【初心者向け】
icon
icon
HTML

HTMLで絵文字を表示する方法を現役エンジニアが解説【初心者向け】

初心者向けにHTMLで絵文字を表示する方法について解説しています。ここでは絵文字の参照方法、文字コードを使った絵文字の利用方法(数値文字参照)について説明します。それぞれの表示方法を覚えましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

HTMLで絵文字を表示する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

 

そもそも、HTMLの記述方法がわからない場合は、HTMLの書き方について解説した記事を読むとさらに理解が深まるでしょう。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、Webデザイン講座のHTMLカリキュラムをもとに執筆しています。

 

田島悠介

今回は、HTMLに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

絵文字を表示する方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

目次

 

使える絵文字一覧

コンピュータ上で、文字は文字コードと呼ばれる番号で管理されています。

文字コードには多くの種類があるものの、最も多く使用されている文字コードはUTF-8です。

UTF-8はUnicodeと呼ばれる文字コードの規約を実装したもので、世界中の文字を1つのUnicodeという規格で表現していることが特徴です。

また、Unicodeでは多くの絵文字を使用することができ、使用できる絵文字は年々増加している状態です。

 

[PR] Webデザインで副業する学習方法を動画で公開中

絵文字をそのままコピペする方法

絵文字はあくまでも画像などではなく、文字扱いであるため、そのままコピペすれば使用可能です。

上記のサイトで絵文字を検索し「Browser」欄の文字をコピペしてみましょう。

Unicodeでは絵文字を使うことが出来ます😀<br>

 

数値文字参照を利用する方法

もう1つは文字コードで表現する方法です。

同様に絵文字を検索し「Code」欄の「U+」を除いた部分を使用する場合、前に「&#x」、後に「;」を付与して表します。

 Unicodeでは絵文字を使うことが出来ます&#x1F600;<br>

このように文字コードで参照する方法を数値文字参照や文字参照と呼びましょう。

 

絵文字を表示してみよう

今回のサンプルプログラムでは、Webページで絵文字を使用する方法について見てみましょう。

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sample</title>
</head>
<body>
  Unicodeでは絵文字を使うことが出来ます😀<br>
  &#x1f4f1;スマートフォン📱のSNSでは当たり前に使っていた絵文字ですが、<br>
  こうやってWebページでも使えるようになると、表現の幅が広がりますね&#x1f929;
</body>
</html>

実行結果は以下のように表せます。

 

まとめ

今回の記事ではHTMLで絵文字を表示する方法について学習しました。

使用する場面は限られるものの、求められることもあるため、学習しておきましょう。

 

1時間でできる無料体験！

執筆してくれたメンター

太田和樹（おおたかずき）

ITベンチャー企業のPM兼エンジニア

普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。

開発実績：画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。

著書「知識ゼロからの機械学習入門（技術評論社）」。

地方在住。

仕事のほとんどをリモートオフィスで行う。

通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。

 

大石ゆかり

HTMLで絵文字を表示する方法がよく分かったので良かったです！

田島悠介

ゆかりちゃん、これからも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは初心者でも、オリジナルWebサイトを公開できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

HTMLで文字を太字・イタリック表示する方法を現役エンジニアが解説【初心者向け】

HTMLで文字を太字・イタリック表示する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
HTML

HTMLでiframe要素のpaddingを指定する方法を現役エンジニアが解説【初心者向け】

HTMLでiframe要素のpaddingを指定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説しま...
HTML

HTML5でdfnタグを使って用語を定義する方法を現役デザイナーが解説【初心者向け】

HTML5でdfnタグを使って用語を定義する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
HTML

【初心者向け】HTMLの習得におすすめの本6選

これからプログラミングを始めてみたい、自分でサイトを作ってみたいという方は、まずHTMLを理解しなければなりません。初心者が独学で始める上で参考になるのが「本」...
HTML

HTMLでSASSを使う方法を現役エンジニアが解説【初心者向け】

HTMLでSASSを使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   ...
HTML

HTMLでpre要素を使って折返し改行する方法を現役エンジニアが解説【初心者向け】

HTMLでpre要素を使って折返し改行する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
HTML

あわせてよく読まれている記事

Pythonにおけるunicode decode errorに関する回避方法を現役エンジニアが解説【初心者向け】

Pythonにおけるunicode decode errorに関する回避方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Pythonにおけるunicode decode errorを知っておくことで、実務でエラーが発生したときに対応できるようになります。 目次使える絵文字一覧絵文字をそのままコピペする方法数値文字参照を利用する方法絵文字を表示してみようまとめ執筆してくれたメンター そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonにおけるunicode decode errorに関する回避方法について詳しく説明していくね！ 大石ゆかり お願いします！   この記事では、Pythonでファイルを読み込もうとしたときに表示されることのある、UnicodeDecodeErrorに対する対処方法について説明します。   文字コードとは？ ファイル読み込み時のUnicodeDecodeErrorを回避するために、文字コードの解説をします。 文字コードというのは、それぞれの文字に割り振られた識別用のコードのことで、コンピュータで文字を表現するときに必要になってきます。 コンピュータやファイルの種類によって文字コードは変わってくるので、ファイルの読み込みや、ファイルの保存の際に意識しておく必要があります。 文字コードの種類には、UnicodeやUTF-8、ASCIIやシフトJISなどがあります。 次の文字コード表はWikipediaに有る資料の例です。   decode errorとは？ decode errorというのは、文字コードを文字列に変換することができないことで生じるエラーです。 例えば次のような、指定文字コードと読み込み文字コードが異なる場合に発生します。 データをPythonのstr型の文字列として読み込みたい場合に、指定文字コードと読み込み文字コードの種類が違う 文字列の結合などのデータ加工がしたい場合などに、指定文字コードと読み込み文字コードの種類が違う Pythonで文字コードが関係する読み込みファイルは、テキストコンテンツが記載されたtxtファイルや、データを記載したCSVファイルがあります。 Python3では、文字コードに関しPython側で処理してくれることが多くなり、文字コードエラーが少なくなりました。   [PR] Webデザインで副業する学習方法を動画で公開中unicode decode errorを回避するために正しい記述を理解する unicode decode errorは、読み込みたいファイルの文字コードと、プログラムファイルの文字コードが異なる場合などに発生します。 エラーの原因はプログラムファイルの文字コードのせいでエラーが出る場合、コンピュータのデフォルト文字コードのせいでエラーが出る場合、など原因は複数あるます。 すべての場合に適用できるような解決策はありませんが、主要な解決策について紹介します。 encodingを指定する 読み出したいファイルの文字コードが違う場合には、encodingを指定するのが良いです。 次のように、ファイルを読み込む際に、関数の引数にencodingを指定すると良いでしょう。 file_data = open(file, 'r',　encoding="utf-8")   プログラムの文字コードを変える Pythonのプログラムファイルの文字コードの設定を変える場合は、プログラムファイルの冒頭に次の記述を記載します。 # -*- coding: utf-8 -*-   まとめ 以上、この記事ではPythonにおけるUnicodeDecodeErrorについて解説しました。 UnicodeDecodeErrorは、読み込み元と、読み込むプログラムの文字コードの違いなどで発生しました。 UnicodeDecodeErrorを回避する方法として、encodingを指定する方法や、プログラムの文字コードを変える方法がありました。 大石ゆかり 内容が分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   Pythonを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPythonコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、人工知能（AI）や機械学習の基礎を学べます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
Python

今すぐ対策できる！HTMLで文字化けを直す方法【初心者向け】

今回はHTMLで文字化けを直す方法を説明していきます。 『Web制作で謎の文字が出て、意図した日本語が表示できない！』などとお悩みのみなさんは、ぜひこの記事を読んでみてください。 文字化け対策自体は、非常に簡単ですのでぜひ理解してくださいね！ 目次 文字化けが起こる原因 文字化けさせない書き方（文字化けの直し方） 実際に書いてみよう   文字化けが起こる原因 まずは文字を表示する仕組みと、文字化けが起こる原因をご説明します。   文字コード 「コンピュータは0と1の世界」と聞いたことがあるのではないでしょうか？ コンピュータ内で扱われているデータは、文章も画像も動画も、すべて数字の羅列です。   コンピュータが「この数字の羅列はこういう意味だ」という解読ルールを知っていて、人間に理解しやすい文章や画像に変換して画面に表示してくれるので、数字の羅列を意識しなくても使うことができます。   例えば文字も、「この数字がこの文字」という対応ルールがあります。 この数字と文字の対応ルールのことを、文字コードといいます。 文字 2進数 16進数 10進数 0 011 0000 30 48 A 100 0001 41 65 B 100 0010 42 66 a 110 0001 61 97 $ 010 0100 24 36 スペース 010 0000 20 32 改行 000 1010 0A 10   文章   　　　　　→　 I am a human ASCII (16進数)　→　73 32 97 109 32 97 32 104 117 109 97 110     コンピュータの世界で一般的に使われている文字コードに、ASCII（アスキー）があります。 アルファベットや数字や記号など、キーボードで半角入力できる文字のコードを定めるものです。 1文字を2進数8桁以内で表せるので、1文字あたりのデータ量は1Byteになります。 （ASCIIコード表  出展 Wikipedia  https://en.wikipedia.org/wiki/ASCII ）     ASCII文字は、どのコンピュータやスマホも同じように解読できます。 ASCII文字だけで作られている文章は、絶対に文字化けしません。 HTMLやCSSのコードも、ASCII文字だけで記述しますよね。   ASCII以外の文字コードと文字化け 人間が使う文字は、ASCIIで定められたアルファベットや数字以外にもたくさんあります。 ひらがな、カタカナ、漢字だけではなく、ロシア語も、タイ語も、アラビア語も。 多種多様な文字を表すのに、様々な文字コードがあるのです。   文字化けは、数字の羅列である文字データを、誤った文字コードで解読し表示したことにより発生します。 例えば、文字を書くときはひらがなの文字コードで書いたのに、表示するときにロシア語の文字コードで表示すると、正しく解読できませんね。   Shift-JISとUTF-8と日本語の文字化け Web制作をしていると、日本語で書いた文章を日本語で表示したいのに、文字化けしてしまうことがあります。 実は、日本語を表す事のできる文字コードは、よく使われているものが「Shift-JIS」と「UTF-8」の2つあるのです。 みなさんが直面する文字化け問題のほとんどは、この「Shift-JIS」と「UTF-8」の取り違えによるものでしょう。   「Shift-JIS」は、WindowsやMacなどのOS内で使われている、日本語専用の文字コードです。 ひらがな、カタカナ、漢字や、「１」「＠」といった全角の英数字が該当します。 WindowsやMacを使って、何も意識せずに記載した日本語の文章は、「Shift-JIS」の文字コードでデータになるのです。 1文字を2進数で16桁で表せるので、1文字あたりのデータ量は2Byteになります。   しかし、インターネットでつながる世界は、日本語以外に様々な言葉が使われていますね。 どんな言語でも包括的に表せるように作られた文字コードが「UTF-8」です。   例えば、日本語とロシア語とタイ語とアラビア語が混在したWebページを作る必要があるかもしれません。 例えば、Shift-JISの文字化けページをロシア人が見ても、そもそも何の文字コードで書かれているかわからず、直すこともできません。   そんな問題を防ぐために、UTF-8はどんな文字でも対応できます。 全世界で一般的に使われている文字のほとんどだけではなく、数学記号や音楽記号、古代文字、絵文字、麻雀牌まで表すことができます。 そのため、データ量は1文字あたり最大4Byte と、「Shift-JIS」などと比べ大きくなってしまうというデメリットもあります。   日本語 文字コードを間違えると文字化けします Shift-JIS 149 182 142 154 131 82 129 91 131 104 130 240 138 212 136 225 130 166 130 233 130 198 149 182 142 154 137
HTML

Pythonのord関数の使い方を現役エンジニアが解説【初心者向け】

Pythonのord関数の使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次使える絵文字一覧絵文字をそのままコピペする方法数値文字参照を利用する方法絵文字を表示してみようまとめ執筆してくれたメンター そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonのord関数の使い方について詳しく説明していくね！ 大石ゆかり お願いします！   今回は、Pythonのord関数の使い方について紹介します。   ord関数とは ord関数とはPythonで文字をUnicode値に変換する関数です。 Unicodeとは文字コード値の一種で、国際規格です。 ord関数の解説を公式ドキュメントにて確認したい人は、Python公式ドキュメントを参照してください。 Python公式ドキュメント   ord関数の使い方 ord関数は以下の文法で使用できます。 ord('文字列') 返り値は文字列のUnicodeコードポイントを表す整数が返されます。 ord関数は1文字に対して有効なので、文字列は1文字しか設定できませんので注意が必要です。   [PR] Webデザインで副業する学習方法を動画で公開中実際に書いてみよう それでは、ord関数を使用して文字列のUnicodeポイントを取得する方法について、サンプルコードを例に実際に書いてみましょう。   サンプルコード # 文字をUnicodeポイントに変換 print(ord('a')) print(ord('あ'))   解説 コード2行目では、文字列’a’のUnicodeポイントをord関数を使用して取得し、出力しています。 コード3行目では、文字列’あ’のUnicodeポイントをord関数を使用して取得し、出力しています。 実行結果ではそれぞれ’a’→’97’、’あ’→’12345’と文字列のUnicodeポイントが出力されていることが確認できます。   実行結果 97 12354   補足 ここまではord関数を使用して文字列からUnicodeポイントを取得する方法について紹介しましたが、補足としてUnicodeポイントから文字列に変換するchr関数についても紹介します。 chr関数も基本的な文法はord関数同様ですので、下記サンプルコードを例に実際に書いてみましょう。   サンプルコード # Unicode値を文字列に変換 print(chr(97)) print(chr(12354))   解説 ord関数のサンプルコード同様に、コード2,3行目でそれぞれUnicodeポイントをchr関数を使用して出力しています。 実行結果ではそれぞれ’97’→’a’、’12345’→’あ’とUnicodeポイントの文字列が出力されていることが確認できます。   実行結果 a あ   まとめ 今回は、Pythonのord関数の使い方について紹介しました。 文字列からUnicodeポイントを取得する際は、今回紹介したord関数が便利なので積極的に使用していきましょう。 またUnicodeポイントから文字列を取得するchr関数もセットで覚えると、より理解が深まると思うのでこちらもセットでしっかりと学習しましょう。   大石ゆかり 内容が分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   Pythonを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPythonコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、人工知能（AI）や機械学習の基礎を学べます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
Python

Pythonで文字コードを変換する方法【初心者向け】現役エンジニアが解説

Pythonで文字コードを変換する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   目次 文字コードとは 文字コードを変換する書き方 実際に書いてみよう なお本記事は、テックアカデミーのPythonコースの内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 文字コードを変換する方法について詳しく説明していくね！ 大石ゆかり お願いします！   文字コードとは 文字コードとは、文字を表す番号のことです。 コンピュータは数字しか処理できないので、人間の言語 (自然言語と呼ばれます) はコンピュータが理解できる形に変換してあげる必要があります。 文字コードは、それぞれの文字（イメージ）に対応する番号の一覧表です。 文字コードはいくつか種類があり、それにより見た目が同じでも番号が異なります。 例えば、Windowsで保存したファイルがMacで文字化けしてしまった経験はありませんか？ OSの違いによる文字化けは文字コードが違うことが原因です。 普段はあまり聞き慣れない文字コードですが、プログラミングを行う際、特に日本語を扱う場合には、知っておくと汎用性の高い知識です。   ASCII もっとも基礎的な文字コードで、「アスキー」と発音します。 半角英数字128文字から構成されており、全ての文字を1バイトで表します。 例えば「A」はASCIIでは0x41 (0xは16進数を表します) となります。 上記の0x41のような表現を、「バイト文字」や「バイト列」と呼びます。   Shift_JIS 日本語を扱うために用いられる文字コードで、全ての文字を2バイトで表します。 読み方は「シフトジス」です。 亜種の cp932 がWindowsで採用されていたことで広く使われていました。 例えば「あ」はShift_JISでは0x82E0となります。 Windowsでcsvやtxtファイルを取り扱う場合には、Shift-JISが用いられることが標準的です。   UTF-8 現在最も広く使われている標準的な文字コードで、全ての文字を1〜4バイトで表します。 世界中の文字を扱えるため、標準的に使われるようになりました。 例えば「あ」はUTF-8では0xe38182となります。 Shift-JISで「あ」を表現する場合とでは、対応する番号が異なっている事が分かりますね。 以前のPythonのバージョン2.x (xは任意の数字。2020年4月にサポート終了済) では、標準の文字コードは ASCII だったため、日本語を扱う際は、文字コードを宣言する必要がありました。 しかし、現在主流のPython のバージョン3.xでは、標準の文字コードはUTF-8となったため、文字コードを宣言することなく日本語を扱えるようになっています。   [PR] Webデザインで副業する学習方法を動画で公開中文字コードを変換する書き方 Python の標準の文字コードは UTF-8 です。 また標準入出力（外部との情報のやりとり）も UTF-8 の文字列で行われます。 そのため、 Pythonのみでデータを取り扱う場合には文字コードを変換する場面は多くありませんが、Python以外のアプリケーションで生成したファイル (.txtや.csv) をPythonで扱う場合には文字コードにも注意が必要です。   ファイルから情報を入出力する場合 ファイルの文字コードを判別して入出力する必要があります。 詳しくは以下の記事を参考にしてください。 Pythonでファイルの文字コードを判定する方法   外部のプログラムなどとバイト列で文字列をやりとりする場合 文字列とバイト列との変換用に、関数が用意されています。 文字列をバイト列に変換するには encode メソッドを使用します。 '文字列'.encode('文字コード名')   逆に、バイト列を文字列に変換するには decode メソッドを使用します。 b'バイト列'.decode('文字コード名')   実際に書いてみよう 今回のサンプルプログラムでは、encode、decodeメソッド文字コードを変えてバイト列の内容を確認していきます。 実行はPythonインタプリタで行います。 コマンドラインで「python」と入力すると「>>>」と表示されますので、1行ずつプログラムを入力します。 はじめに文字列を UTF-8 のバイト列に変換してみましょう。 'こんにちは！'.encode('utf-8')   実行結果は以下のようになります。 b'xe3x81x93xe3x82x93xe3x81xabxe3x81xa1xe3x81xafxefxbcx81'   次に、同じ文字列を Shift_JIS の亜種である CP932 のバイト列に変換してみましょう。 'こんにちは！'.encode('cp932')   実行結果は以下のようになります。 UTF-8 の場合と実行結果が異なることが確認できます。 b'x82xb1x82xf1x82xc9x82xbfx82xcdx81I'   最後に、cp932 のバイト列を文字列に変換してみましょう。 b'x82xb1x82xf1x82xc9x82xbfx82xcdx81I'.decode('cp932')   実行結果は以下のようになります。 'こんにちは！'   Python 3.x では文字列は UTF-8 なので、encode・decode メソッドを使う機会は多くないかもしれませんが、文字コードを学んでおくとコンピュータが文字をどのように扱っているか、具体的なイメージをもってプログラミングを行えますね。   監修してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   Pythonを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPythonコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、人工知能（AI）や機械学習の基礎を完全オンラインでしっかり習得できます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
Python

PHPで文字コードを変換する方法【初心者向け】

PHPで文字コードを変換する方法について解説します。 mb_convert_encoding関数を使って文字コードを変換する書き方について説明しているので、ぜひ理解しておきましょう。   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPで文字コードを変換する方法について詳しく説明していくね！ 大石ゆかり お願いします！   文字コードとは 文字コードと言えば一般的には「Shift-JIS」や「UTF-8」などのキーワードを連想される方も多くいると思います。 ですが、これらは正確には符号化方式と呼ばれるものにあたります。 実は文字コードという概念には2つの概念が含まれていて、1つ目は「文字集合」、2つ目は「符号化方式」と呼ばれるものです。 文字集合 まず、「文字集合」とは、その名のとおり文字の集合体と考えてください。 例えば、日本語では「ひらがな」「カタカナ」「漢字」といった様々な種類の文字がありますよね。これらの日本語を表せる文字の集合として有名なのが「JIS X 0208」です。 もちろん、この「JIS X 0208」には中国語やベトナム語などの文字列は含まれていません。 もう一つ有名な文字集合は「Unicode」です。 「Unicode」の特徴は世界中で使われているすべての文字の集合体となっていることです。 もちろん日本語も中国語やベトナム語も含まれています。 そして、これらの文字集合には1つ1つの文字に対して識別するための唯一の番号が振られています。   符号化方式 もうひとつの概念である「符号化方式」とは、文字集合で定義されている各文字に割り当てられている番号に対応するコンピュータが扱う数字の対応表となります。 例えばコンピュータは「あ」等の文字列をUTF-8という「227 129 130」のような数値として認識しています。 例えば、テキストファイルに「あ」と書いてUTF-8で保存した場合は、コンピュータのハードディスクには「227 129 130」という数値が保存されます。 このテキストファイルをエディタで開くときに、エディタは「UTF-8」という文字符号化方式で「227 129 130」を「あ」に変換して表示しています。 最初に述べたように符号化方式には「UTF-8」「Shift-JIS」など多くの種類があります。 「UTF-8」は文字集合「Unicode」に含まれる各文字について、「Shift-JIS」は文字集合「JIS X 0208」に含まれる各文字について、文字集合の各文字に割り当てられている番号とコンピュータが扱う数字の対応表を持っています。   文字コードを変換する方法 mb_convert_encoding( )関数を利用します。 第1引数: 変換する文字列を指定します 第2引数: 変換後の文字コードを指定します 第3引数(省略可): 変換前の文字コードを指定します 省略した場合はmb_internal_encoding()関数で取得できる文字コードが設定されます   参考URL ※指定できる文字コードは下記のドキュメントを参照してください。 php.net-mbstring-encoding   [PR] Webデザインで副業する学習方法を動画で公開中実際に書いてみよう 下記の例では、実行ファイルの文字コードと内部文字エンコーディングがUTF-8であることを前提とします。 $str = "オリジナル"; //①文字コードを変換して保存してみよう！ // 内部エンコーディング(UTF-8)からEUC-JPに変換します $euc = mb_convert_encoding($str, "EUC-JP"); // UTF-8からSJISに変換します $sjis
PHP

PHPで文字コードの判定を行う方法【初心者向け】

PHPで文字コードの判定を行う方法について解説します。 文字コードとは何なのか説明しているので、ぜひ理解しておきましょう。   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPで文字コードの判定を行う方法について詳しく説明していくね！ 大石ゆかり お願いします！   文字コードとは 文字コードと言えば一般的には「Shift-JIS」や「UTF-8」などのキーワードを連想される方も多くいるかと思います。 ですが、これらは正確には符号化方式と呼ばれるものにあたります。 実は文字コードという概念には2つの概念が含まれておりまして、1つ目は「文字集合」、2つ目は「符号化方式」と呼ばれるものです。 まず「文字集合」とは、その名のとおり文字の集合体と考えてください。 例えば、日本語では「ひらがな」「カタカナ」「漢字」といった様々な種類の文字がありますよね。 これらの日本語を表せる文字の集合として有名なのが「JIS X 0208」です。 もちろん、この「JIS X 0208」には中国語やベトナム語などの文字列は含まれていません。 もう一つ有名な文字集合は「Unicode」です。 「Unicode」の特徴は世界中で使われているすべての文字の集合体となっていることです。もちろん日本語も中国語やベトナム語も含まれています。 そして、これらの文字集合には1つ1つの文字に対して識別するための唯一の番号が振られています。   もうひとつの概念である「符号化方式」とは 文字集合で定義されている各文字に割り当てられている番号に対応するコンピュータが扱う数字の対応表となります。 例えばコンピュータは「あ」等の文字列をUTF-8という「227 129 130」のような数値として認識しています。 例えば、テキストファイルに「あ」と書いてUTF-8で保存した場合は、コンピュータのハードディスクには「227 129 130」という数値が保存されます。 このテキストファイルをエディタで開くときに、エディタは「UTF-8」という文字符号化方式で「227 129 130」を「あ」に変換して表示しています。 最初に述べたように符号化方式には「UTF-8」「Shift-JIS」など多くの種類があります。 「UTF-8」は文字集合「Unicode」に含まれる各文字について「Shift-JIS」は文字集合「JIS X 0208」に含まれる各文字について、文字集合の各文字に割り当てられている番号とコンピュータが扱う数字の対応表を持っています。   文字コードの判定の方法 PHPではmb_detect_encoding( )関数を利用して、第一引数に渡した文字列の文字コードを判定します。 ただ、注意点があり、デフォルトではASCII/UTF-8だけの文字コードしか判定できません。 「Shift-JIS」「EUC-JP」などの文字コードを判定させたい場合は第二引数に、’Shift-JIS,EUC-JP’のようにカンマ区切り文字列で渡す必要があります。 返り値は一致した場合は、一致した文字コードを文字列で返却します。一致する文字コードがない場合はfalseが返却されます。   参考 php.net-mb-detect-encoding   [PR] Webデザインで副業する学習方法を動画で公開中実際に書いてみよう ※下記のコードはUTF-8でエンコードされている前提です。 // デフォルトの判定可能な文字コードを確認しましょう！ print_r(mb_detect_order()); // [0] => ASCII [1] => UTF-8 // 文字コードを判定してみよう！ // ① UTF-8とEUC-JPでエンコーディングされた文字列を用意します $utf8 = "テスト"; // デフォルトはUTF-8でエンコードされてます $euc = mb_convert_encoding($utf8, 'EUC-JP'); // EUC-JPでエンコードし直した文字列を別の変数に格納します // ② 文字コードを判定してみましょう // デフォルトの判定可能な文字コードに含まれないEUC-JPの文字列を判定 print_r(mb_detect_encoding($euc).PHP_EOL); // falseなので何も出力されない // デフォルトの判定可能な文字コードに含まれるUTF-8の文字列を判定 print_r(mb_detect_encoding($utf8).PHP_EOL); // 「UTF-8」という文字列が出力される // 判定可能な文字コードにEUC-JPを指定し、EUC?JPの文字列を判定 print_r(mb_detect_encoding($euc).PHP_EOL, 'EUC-JP'); // 「EUC-JP」という文字列が出力される"   この記事を監修してくれた方 青木 敦史（あおきあつし） 昼間は自社のWebサービスを運営している会社でフロントエンド/バックエンドを担当しているエンジニア。 Webエンジニアの経験は5年ほどです。TechAcademyではPHP/Laravelコースを担当しています。 開発実績: メイクレッスン支援アプリ / 電力自由化パッケージ /
PHP

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

エンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

テックアカデミーGAIナレッジベース
TechAcademy（テックアカデミー） Webデザインコース Webデザイン HTML HTMLで絵文字を表示する方法を現役エンジニアが解説【初心者向け】