質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

4回答

414閲覧

Atomでブラウザ表示した時に文字がjapanese(CP 932)で表記される

退会済みユーザー

退会済みユーザー

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/07/26 08:52

編集2019/07/27 06:21

前提・実現したいこと

ドットインストールの学習をしていますが、「ブラウザで名前を表示しよう」で、動画のように真似してみたのですが同じになりませんでした。ブラウザ表示した時に正しく日本語で表示したい

発生している問題・エラーメッセージ

ドットインストールの学習をしていますが、「ブラウザで名前を表示しよう」で動画のように真似してみたのですが同じになりませんでした。UTF-8、HTMLに、なってて、Atom内ではちゃんと日本語で打てるんですけど、ブラウザに表示するとjapanese(CP 932)の表示になっちゃいます。
イメージ説明
イメージ説明

試したこと

始めたばかりで色々調べはしましたが、それっぽいものが見つかりませんでした。auto-encordingはやってみましたが多分違うと思います。

補足情報(FW/ツールのバージョンなど)

Atomを始める際にこのプラグイン入れといたほうが便利みたいなものはインストールしちゃったのでこちらに原因があれば教えてくださいイメージ説明
イメージ説明

ここにより詳細な情報を記載してください。
chromeでは正しく表記されましたSafariだとダメみたいです

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/07/26 08:56 編集

HTMLおよび実際の表示(画面キャプチャ)をご提示ください
退会済みユーザー

退会済みユーザー

2019/07/26 08:57

ごめんなさい!編集しました!これで大丈夫でしょうか?
x_x

2019/07/26 09:12

auto-encoding というのを削除するとどうなりますか?
pandatrio

2019/07/26 11:54

Chromeでも同じように文字化けしますか?
退会済みユーザー

退会済みユーザー

2019/07/26 15:06

auto-encoding をアンインストールしても何も変わりませんでした
退会済みユーザー

退会済みユーザー

2019/07/26 15:09

ありがとうございます!Chromeではちゃんとなりました!ですが、safariだとちゃんと表示されないのはなぜでしょうか。表示されないものなのでしょうか?
退会済みユーザー

退会済みユーザー

2019/07/26 15:10

返信が遅くなってしまいごめんなさい!!
guest

回答4

0

yaichiさん、実は私もドットインストールで勉強中の初心者ですので、ハイレベルな方がちゃんとした回答で私の誤りを訂正していただけるかもしれませんが、とりあえず、「私だったらこうしてみる」ということを書いておきます。

①まず、HTML&CSSを学習していく上で、Safariはブラウザとして適さないと思いますのでMacのシステム環境設定から「デフォルトのwebブラウザ」をGoogle Chrome appに変更しませんか? ちなみにドットインストールではこの先、ずーっとchromeの開発ツールを頻繁に使っていくことになります。

②いったんAtomを「auto-encoding」をアンインストールしたうえで、なおかつ「Atom」もアンインストールしてしまいます。

③Macの電源を落とし、「PRAMクリア」という方法でMacを再起動します。(「PRAMクリア」についてはネットで検索すれば、「Appleサポート」の回答がトップヒットします。)

④そこからAtomをインストールして、今度は「auto-encoding」はインストールせずに使って見てはいかがでしょうか。

⑤ちなみに、私は「auto-encoding」をインストールしていませんが、Safariでも問題なくutf-8で文字化けすることなく表示できています。

ご希望されている回答にはなっていませんが、初心者の私にはこれが精一杯の回答です。申し訳ありませんでした。orz

投稿2019/07/27 04:31

pandatrio

総合スコア24

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/07/27 06:31

似た立場からの具体的な回答とてもありがたいです!もう感謝の言葉しかありません。。。今、pandatrioさんの上の回答の方法を試しているのですが上手くいきそうなのでそちらを先に試させてください!本当にpandatrioさんみたいな回答を待っていたのでとても嬉しかったです!上の方法でいけたらいいんですが、無理な場合pandatrioさんのやり方を一番優先したいです!
退会済みユーザー

退会済みユーザー

2019/07/27 06:34

とりあえずデフォルトをChromeにしました!
guest

0

ベストアンサー

Safariではデフォルトの文字コードを何にするかは環境設定 > 詳細で指定できますが、この設定値が Japanese (Shift JIS) などになっていませんか。

追記
タグに指定されている Atom(言語) は本件とは無関係ですので、 Atom (テキストエディタ) としたほうがよいでしょう。

投稿2019/07/27 05:08

編集2019/07/27 05:10
thyda.eiqau

総合スコア2982

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/07/27 06:25

注意ありがとうございます!タグ変更しました!Japanese (Shift JIS)がデフォルト文字コードになってました!これをUTF-8に変えればいいんでしょうか?
退会済みユーザー

退会済みユーザー

2019/07/27 12:54

これで問題なさそうです!ありがとうございます!
guest

0

Safariのメニューで「表示」ー「エンコード」で「デフォルト」になっているか確認してみてください。

投稿2019/07/26 17:43

pandatrio

総合スコア24

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/07/27 03:28

デフォルトになっていました!
guest

0

以下の手順で解決してください

  1. Atomを削除
  2. Atomを再インストールしてCP 932になるか確認
  3. 拡張機能を入れてCP 932になるか確認

投稿2019/07/26 15:15

yasutomi

総合スコア2937

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/07/26 16:01

safariでCP932に化けますがchromeでは正しく表記されます。この場合でも再インストールするべきでしょうか?
yasutomi

2019/07/27 00:37

コメントを見た限りでは再インストールで対応する 段階にあると判断しました。
退会済みユーザー

退会済みユーザー

2019/07/27 03:32

すこし別の回答の方も検討してみます。それでも治らなければこちらをやってみますね!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問