browserex - xyzzy 関連:http://ohkubo.s53.xrea.com/xyzzy/#browserex


こちらの xyzzy での browserex の設定のように、
webサイトを効率よくデザインをするための設定や、
ソフトウェアの組み合わせを探しています。

例えば、HTML や CSS を書き換えると、即座にブラウザが自動的に更新され、
結果を見ながら、webサイトをデザインできる、
というようなものを想定しています。
(NVUや、Kompozerのように、ページを切り替えないと見られないものではなく、効率的に同時に見られるものが推奨です)

環境は、Windows でお願いいたします。
エディタやブラウザは、特に限定いたしません。
Sleipnirでも、Firefoxなどでもかまいません。

検索用ワード:ホームページ作成、webデザイン、webページ作成、web制作、web製作、エディタ、webブラウザ、Firefox

回答の条件
  • URL必須
  • 1人5回まで
  • 登録:2007/08/12 20:24:36
  • 終了:2007/08/19 20:25:03

回答(2件)

id:wizemperor No.1

wizemperor回答回数379ベストアンサー獲得回数522007/08/12 22:02:06

ポイント35pt

Firefox用のWeb Developerツールバーではだめですか?


http://www.infoaxia.com/tools/webdeveloper/


インストール後、ローカル環境なり、サーバのHTMLファイル(中味は空でもいい)を開いてから、

「その他」->「HTMLを編集する」でHTMLのリアルタイム編集、「CSS」->「CSSを編集する」でCSSのリアルタイム編集ができます。

ブラウザでの編集なので実際にレンダリングされる画面を見ながら作れます。

FirebugやOperaのデベロッパーツールもありますが、リアルタイム編集ならFirefoxとWeb Developerツールバーがお薦めです。

id:toby

ご紹介ありがとうございます。

Web Developerにこんな機能がついていたのですね。

入れていたのですが、気づきませんでした。


実際に使ってみたのですが、デバッグ用途にはいい

のですが、不都合があり、実用用途では使えないです。


ちょっとローカルファイルを編集してみた限りでは、

・保存すると、勝手にHTMLを改変する

・保存すると、LFとCRLFの混在したファイルを出力する

・保存すると、CSSとHTMLを混在したファイルを出力する

といった致命的な不都合がありました。

(つまり、既存のファイルを編集する用途には、向いていません)


また、

・編集Windowを切り離せない(画面がせまい)

という欠点がありました

(質問文でのxyzzyもこの形でして、けっこう不便です)


オンラインのものをちょっと編集してみる?という用途っぽいですね。

2007/08/14 23:41:53
id:curry_rice3 No.2

curry_rice3回答回数147ベストアンサー獲得回数02007/08/13 22:31:35

id:toby

すみません、まともに答えてください……

2007/08/14 23:48:24
  • id:toby
    「保存と同時に 更新」で検索したら、萌エディタ関連でいくつか見つけました。

    萌ディタTips : Saveと同時にSleipnirを更新 - 最速インターフェース研究会 :: Emacsの本を買った。
    http://la.ma.la/blog/diary_200510301205.htm
    萌エディタ + Sleipnir

    イベントに反応する - その他機能の追加方法
    http://baban.fc2web.com/moeditor/functions.html
    萌エディタ + Internet Explorer(IE)

    萌ディタで保存と同時にFirefoxをリロード
    http://a-h.parfe.jp/einfach/archives/2006/0803155425.html
    萌エディタ + Firefox
  • id:toby
    これもありました。

    最速インターフェース研究会 :: Firefoxでの開発を高速化する自動リロードスクリプト
    http://la.ma.la/blog/diary_200601201204.htm
    Firefox単体で動作

    IEでできるものがあると便利なのですが……。
  • id:toby
    なんか、文句ばっか言ってアレですね。
    すみません。


    口だけだとアレなので、
    指定のフォルダを監視して、
    指定のURLを更新するブラウザを作ってます。
    今ん所(IE用)

    こうご期待?
  • id:toby
    ソフト完成しました。
    まだベータリベルですがリリースしておきます。

    Internet Explorer Reloaded
    http://tobysoft.net/wiki/index.php?Internet%20Explorer%20Reloaded

    > 本ソフト Internet Explorer Reloaded(IE Reloaded)は、
    > 指定のフォルダを監視し、ファイルの変更があると、
    > 更新(リロード)を行うIEコンポーネント使用の簡易ブラウザです。
    >
    > HTMLや、CSSを編集しながら、Internet Explorer で
    > 確認するという用途を想定しています。
    >
    > webデザイナー用のツールです。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません