ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：minorito04 タグをブラウザで確認する、効率の良いやり方
困り度：
  • 困っています
 Webページ制作初心者です。
メモ帳でタグを打ち、こまめにブラウザで確認する、
というスタイルでやっていきたいんですけれども、
打ち込んだタグをブラウザで表示させる際、どのようにするのが一番効率が良いでしょうか？

今はいちいちファイルの拡張子を変えてるんですけれども、
それじゃあまりにも面倒くさくて……。

OSはWindows Vistaで、使っているブラウザはFirefox、テキストエディタはメモ帳です。
ご存知の方、教えてくだされば嬉しく思います。
質問投稿日時：08/04/12 22:17
質問番号：3943829
最新から表示｜回答順に表示

回答

 
回答者：DEC2007 オペラブラウザを使うと便利ですよ。わたしも初心者なんですが、、

　オペラブラウザーの　ビュー(View)　＞　ソース表示で、

１、　ソースそのまま、編集できます。
２、Ａｐｐｙテストで、実行できます。
３、そのまま、閉じると、変更が上書き保存されます

　はぁ〜　びっくりしました。ウィジェットには、構文エラチェッカーも、あるじゃないかなあ〜と思ってます。（英語なのでよく分からない。のですが……）

Ａ、スクリプトファイルは、デスクトップに並べおきます。
　（バックアップはホルダーにする）
Ｂ、作業開始は、テストしたいファイルをダブルクリックすると、
ブラウザが一発で起動します。
Ｃ、そのあとは、Ｖｉｅｗ　＞　Ｓｏｕｒｃｅ　で、ジャバ編集できます。
　
　それで、あぷりぃーで、テストすると、変更されたソースが、
　デスクトップに保存されます。
　〜ぃや〜　便利です。

　じゃばスクリプト入門なら、オペラブラザー　便利です。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/14 15:13
回答番号：No.6
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：tenderfeel FireFoxのアドオンに良いものがありますよ。
テキストエディタとあわせて使うと幸せになれるかもしれません。

Web Developer
​https://addons.mozilla.org/ja/firefox/addon/60​
ブラウザ上でかなり細かくチェック出来るアドオンです。
枠線やＩＤ・クラス名の表示、ＣＳＳやＨＴＭＬの編集も出来てしまいます。
ＨＴＭＬ構文の検証なども付いてて凄く便利です。

FireBug
​https://addons.mozilla.org/ja/firefox/addon/1843​
Javascriptに重点を置いたツールですが、ＨＴＭＬの構造をツリー形式で確認できたり
適用されているスタイルが見れたりするのでこちらも便利です。
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/04/14 13:12
回答番号：No.5
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：Nine-nine htmlをダブルクリックしたらブラウザで開きますよね。
htmlの拡張子のファイルも中身はテキストです。ここまでは理解されていると思います。htmlの拡張子のファイルをテキストエディタで開きたいなら、
1.htmlファイルをテキストエディタの実行ファイル(.exe)にドラッグアンドドロップする。
2.テキストエディタを立ち上げたあと、htmlをテキストエディタ内の窓にドラッグアンドドロップする。
3.関連付けで、右クリックすれば出てくる候補に入れる。
4.一度ブラウザで実行した後、ブラウザについている「ソースの表示」を利用する。

4つ候補をあげましたので、どれかお気に召した方法で、トライしてみてください。

他の方もおっしゃっていますが、メモ帳よりすぐれたテキストエディタは沢山あります。試して見ることをオススメします。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/13 07:22
回答番号：No.4
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：abril > 今はいちいちファイルの拡張子を変えてるんですけれども、
> それじゃあまりにも面倒くさくて……。

ちょっとここで仰っている事の意味がよくわからないのですが、メモ帳で作成するHTMLファイルは最初から拡張子を".html"にしておけば済む話では…？
何故いちいち拡張子を変えなければならないのでしょうか？拡張子".html"のファイルがディフォルトでブラウザに関連付けられていたとしても、コンテクスト・メニューからテキスト・エディタ（メモ帳）でファイルを開く事ができるわけですし…私のWindows環境は3.1（古）から始まって現在はXPですが、少なくともその間はメモ帳でその様な作業ができましたが、Vistaではできなくなってしまったのでしょうか？？もしそうでしたらここまでのコメントは無視して下さい。

それはさておき、タグを手打ちする状態からスタートされている様ですので、ANo.2の回答者様が詳しくアドバイスされている通り、次のステップとしてフリーのHTMLエディタを色々試してみるのも良いかと思います。タグの入力補完機能やプレビュー機能は確かに便利ではありますので。タグとテキストの色分けがされる点だけでも（特にHTML専用エディタじゃなくても高機能テキスト・エディタならそこは大概対応してますが）編集しやすくはなると思いますよ。
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：08/04/13 01:38
回答番号：No.3
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：daidai316 HTMLの打ち込みに特化したフリーのHTMLエディタが多数公開されていますので、
そちらを利用されてみてはいかがでしょうか。

まず、保存の際にいちいち拡張子の変換を行なう必要も無く、
HTML形式で保存できる、という点だけでもメモ帳から十分に乗り換えるメリットがありますし、
打ち込んだ内容を内部/外部ブラウザを起動して確認する機能も備わっています。

こういったエディタの殆どは割と多機能に作り込まれているものが多いので、
最初は敷居が高いかもしれませんが、
基本的な動作はタグを打ち込む→HTML形式で保存というメモ帳の応用ですし、
タグを自動で補完する機能やカラーコードの入力支援等、慣れて使いこなせるようになれば
圧倒的に作業能率が上がる機能が多数搭載されています。

代表的なHTMLエディタをいくつか挙げておきますので、
もしご興味を持たれましたら試しに使ってみてください。

ez-HTML
​http://www.w-frontier.com/​
HeTeMuLu Creator
​http://www.hosiken.com/​
StyleNote
​http://www.wht.mmtr.or.jp/~riki/​
フリーのHTMLエディタを比較してみる
​http://besunday.hp.infoseek.co.jp/html_editor.htm​
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/04/12 22:57
回答番号：No.2
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：15mm XP時代に「HTML Project2」なるソフトを使っていました。
自動で保存＆画面にプレビューをしてくれていたので便利でした
（私のVistaでは動作不良が多いです）

キーボードショートカットを使って保存＆更新の効率を上げるという方法も悪くは無いと思います。

保存（メモ帳）：Ctrl＋Ｓ
更新（ＩＥ）　：Ｆ５

FireFoxは使ったことが無いのでわかりません
（でしゃばりだったでしょうかね＾＾；）
種類：回答
どんな人：一般人
自信：参考意見
回答日時：08/04/12 22:49
回答番号：No.1
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示
このページのトップへ