Webアプリケーションの画面設計のためのツールについて,ご教授ください。


下記のようなソフトはあるでしょうか?


(1)画面設計書→実際のHTML への変換

に使えそうなソフト。


イメージで言うと,例えば「XLS2HTMLtable」をテーブルに限らず全タグの生成に対応させたもの。
特にExcelに限定しません。


(2)ドラッグ&ドロップでHTML部品を画面上に配置し,

配置結果を実際のHTMLコードとして出力するソフト。


イメージで言うと,VisualStudioライクなGUIで,例えばFirefoxアドオンの「Pencil」をPNG出力だけでなくHTML出力にも対応させたもの。
タグを手打ちしないで,大雑把なHTMLのプロトタイプページを作りたい。



※条件としてはフリーで,しかも最終生成物がHTMLコードであるようなソフトをお願いいたします。(1)(2)どちらでも結構です。

※※虫が良すぎるでしょうか…。

回答の条件
  • 1人3回まで
  • 登録:2009/03/27 15:30:16
  • 終了:2009/04/03 15:35:02

回答(2件)

id:hennzutuu No.2

hennzutuu回答回数14ベストアンサー獲得回数02009/03/28 00:48:18

ポイント46pt

マイクロソフトから、WebDeveloperと言うASP.NET+AJAXの開発ツールが出ています。

コードレスで、画面設計が出来、HTMLの部品をコントロール感覚で貼り付け出来るので、

それをそのまま、システムに組み込む事も可能です。

WebDeveloperのExpressエディションはフリーなので無償です。

まさにVisualStudioの無償版です。

http://www.microsoft.com/japan/msdn/vstudio/express/

  • id:language_and_engineering
    補足・・・

    (2)のイメージ

    手書き風のモックアップ画面がさくさく作れる『Balsamiq Mockups』
    http://www.ideaxidea.com/archives/2008/07/balsamiq_mockups.html

    かわいくて高機能で,XMLに出力できるが,HTMLには変換できないのでNG
  • id:language_and_engineering
    補足2・・・

    (2)

    ドラッグ&ドロップによる直感的な操作でウェブページが制作できる純国産CMS『bingo!CMS』がバージョンアップ(株式会社アイ・ティー・ディー)
    http://venture-plus.com/news/39502

    聞こえはいい線行っているが,どちらかというとコンテンツ管理向けで,有料なのでNG
  • id:language_and_engineering
    補足3・・・

    (2)

    FCKeditor - あなたのブラウザがWYSIWYG HTMLエディターに早がわりなのだ
    http://www.geocities.jp/fckeditor/

    ウェブサービス開発で使えるWYSIWYGエディターまとめ
    http://www.ideaxidea.com/archives/2009/02/rich_editors.html


    HTMLのWYSIWYGエディタはすばらしい物がたくさんあるけども,Wordと同じく
    「左上から行を埋めていく / リッチテキスト装飾」
    というワープロ的発想にとどまるようです。

  • id:language_and_engineering
    補足4・・・

    (2)

    きっと皆好きになる!手書きで作るモックアップ「DENIM」
    http://www.moongift.jp/2008/11/denim/

    画面遷移やちょっとした部品配置などできるので優良ソフト

    しかし,生成物を作業の雛形として使いたい・・・という場合には向かず



    もし補足3と補足4を組み合わせたようなツールがあればベストなのですが。

    (1)のご回答もお待ちしております。
  • id:Reiaru
    XML については HTML にコンバートしてしまえば良い様な気もします。

    XML -> HTML コンバータ
    http://write-off.cside.com/downloads/xmlconv/index.html
    (参照ボタンが動作せず、手書きでファイルパスを指定しなくてはいけませんでしたが)

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

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

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

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