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

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

ただいまの
回答率

88.77%

Sublime Textに付いて

解決済

回答 6

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,852
退会済みユーザー

退会済みユーザー

HTMLからJavaScriptを覚えるため Sublime Textを使い始めたのですが
ブラウザでは文字化けし 右クリックで出していたメニュー欄にあるはずの
Open in browserが消えてしまい ブラウザで結果を確認できず困っています
どなたか Sublime Textに詳しい方がおられましたら 

ご教授くださいますと幸いです。

追記と致しまして JavaScriptとSublime Textについての
わかりやすいテキストを探しております つきましては
そちらも合わせて ご意見を頂戴出来ればと思っております。

宜しくお願い致します。



ご回答頂きまして 誠に有難うございます。

ご質問が重複しております為
ブラウザ等の ヴァージョンに付きましては
こちらに 追記させて頂きたいと存じます。

・ブラウザはChromeです
設定等は特別しておらず 右クリックで open in browser が
出ていた時に オートで開かれたブラウザです。
(現在open in browserが 右クリックしてもメニューに出てこない為
他にブラウザを立ち上げる方法がないか 検索して探しているところです)

・Sublime Textはヴァージョン3です

・HTMLは4・0です
ソースコードに付いてはSublime Textのセッティング上の実験として
設定方法などを検索した時にサイトに記載されていたコードをコピペしていました。
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 6

+1

文字化けはmetaタグのcharsetとテキストファイルの文字コードが一致してないことが多いです。

SublimeはだいたいUTF-8で作ることが多いと思いますので、
metaタグのcharsetがUTF-8になっているか確認してみてください。

右クリックでブラウザを開くのはたぶん拡張機能ではないでしょうか。
https://packagecontrol.io/packages/View%20In%20Browser
これかな?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/03/26 23:05

    文字化けはブラウザのみで起きているのですが UTFに関するコードを調べ
    そこに記載されていた ソースコードをコピペして見たのですが エラーメッセージ
    が出て 文字化けを解消出来ませんでした。 

    Package Controlはインストールしましたが open in browserのパッケージを入れ
    なくても 右クリックでopen in browserが出てきていた為 そのまま使用していました。
    何度か新規作成でファイルを作り直しソースコードを書いていたところ 当然右クリック
    でPackage Controlが出なくなりました。

    キャンセル

  • 2015/03/26 23:07

    上記にお礼を 添え忘れておりました。
    申し訳ありません。

    改めまして  

    迅速なご回答 有難うございます,,^^,,

    キャンセル

  • 2015/03/26 23:22

    誤字の訂正です。^^;

    × 当然右クリック

    〇 突然右クリック です

    表現がわかりづらくなってしまい 申し訳ありません。

     

    キャンセル

check解決した方法

0

ご意見を賜りました皆様 ご尽力頂きまして
誠に有難うございました。

無事 セッティングを終えることが出来ました。


Sublime Text3をインストールし直し Package ControlからView in Browserを
インストール Default内容をUser側にコピペで どうにかブラウザを立ち上げ
ソース内容を表示することが出来ました。
ですが ブラウザはChromeが開けず IEビューで見られる状態で

なぜ 開けないブラウザがあるのか また(自分なりの)謎が
深まってしまいました。^^;

http://satohmsys.info/post-655/【参照】

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

Sublime Textがどうこうは関係ないです。
HTMLはどのバージョンを使っていますか?(DOCTYPEをどのように宣言していますか?)
ブラウザは何を使っていますか? お使いのOSは?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/04/02 02:56

    Package Control 自体も壊れているのでしょうか?

    ソースコードを描き Sublime Textの使用を終わらせ また別の日に
    Sublime Textを使おうと立ち上げると 必ず上記のエラーが出ます。

    ファイルを作り直しても このSublime Textの開閉をすると ファイルがクラッシュ
    するようです。
    インストールのし直しをした方が良いのでしょうか?
    ちなみに ググったところによると 同じエラーの対処に正しいjson形式に直して保存
    するとエラーメッセージが出なくなると記載があり 試しましたが 何も変化は
    ありませんでした。

    キャンセル

  • 2015/04/02 07:16

    > Package Control 自体も壊れているのでしょうか?

    Package Control自体が壊れる? そういうことはないと思います。
    エラーメッセージが示している通り、Preferences.sublime-settingsが正しいJSON形式になっていないので、Error trying to parse settingsになっているのだろうと思いますが。
    (Error trying to parse settings = 設定を構文解析しようとしてエラー)

    > ちなみに ググったところによると 同じエラーの対処に正しいjson形式に直して保存
    するとエラーメッセージが出なくなると記載があり 試しましたが 何も変化は
    ありませんでした。

    現状、Preferences.sublime-settingsはどうなっていますか?
    正しいJSON形式になっていることをどうやって確認しましたか?

    以下が参考になると思いますが。

    http://takelab.sub.jp/sublimetext%E3%81%8C%E5%A4%89%E3%81%AA%E3%82%A8%E3%83%A9%E3%83%BC%E3%82%92%E5%90%90%E3%81%84%E3%81%A6%E3%81%8F%E3%82%8Berror-trying-to-parse-settings-expected-value-in-packagesuserpreferences-subl

    キャンセル

  • 2015/04/08 01:01

    お返事が遅くなりまして 申し訳ありません。
    無事 設定を完了致しました ^^;

    キャンセル

0

回答したいが情報が足らないです。
DOCTYPEの宣言から</head>までのソースを質問欄に記述して欲しいです。
<html>
<head>
.
.
.
</head>

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/03/26 23:18

    迅速なご回答 有難うございます。

    DOCTYPEの宣言は
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">ですが
    Sublime Textのセッティングで 設定の仕方を検索したサイトに記載されていたコードをコピペしました。

    あくまでも 本格的にソースコードを打ち込む前の セッティング段階で
    トラぶってしまった次第です。

    情報が足りず 申し訳ございません。

    キャンセル

0

  • ブラウザの名前とバージョン
  • HTMLのソースコード
  • Sublime Textのバージョン

などなどあると、みなさんの解答もスムースかと。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/03/26 22:51

    迅速なご回答 有難うございます

    ご質問の回答に付きましては 他の方の質問と重複致しております為
    上記の 質問欄に追記の形で 回答させて頂きました。

    宜しくお願い致します。

    キャンセル

0

文字コードが何かわからないのかな、と感じましたが・・・

文字化けする状態でいいのでChromeでファイルを開いて
(設定やOSで違うこともあるかも知れませんが)右上にあるメニューから
その他のツール を選び、更に エンコード を選んだら、一覧が表示されると思います。

(1) 文字化けしてる状態で、何が選択されているか

(2) 他のエンコードに変更したら、文字化けが解消されるか(解消される場合、そのエンコード)

この2点を見てみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/04/01 00:34

    お返事が遅くなり 申し訳ありません ><;
    その他ツール⇒エンコード⇒ で見てみましたが
    UTF-8でした あくまでもSublime Textを立ち上げず ノーマルブラウザの状態
    での エンコードですが Sublime Textを立ち上げて その変化を見てみたいと思います。

    そのためにはまず ブラウザを立ち上げる方法を模索せねばですが^^; 

    キャンセル

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

  • ただいまの回答率 88.77%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る