質問: HTML/CSS を構築するにあたってできればコーディング不要、つまりグラフィカルなツールでの編集・プレビューを行いたいのですが、 何か良いツールはありませんでしょうか。 静的なページというよりは、何かしらのWebフレームワーク (Ruby on Rails, CakePHP, Django 等) と組み合わせるためのデザインを構築する際に使えるグラフィカルツールを必要に感じています。 過去(もちろん現在にも...)には、 ホームページ・ビルダーや Dreamweaver が活躍している時代もありましたが、 それでできあがった HTML/CSS は構造としてあまり美しいものではなく、 プログラムと連携させるのにとても苦労した、という話をよく聞きます。 Strikingly, Wix, Weebly, Jimdo 等々のブラウザ上でグラフィカルにページデザインを行えるサイトは登場していますが、あくまでもそれらのサイトの枠組みに沿ったものを作れるだけに過ぎず、たとえばそれを独自Webサービスのデザインとして使おうとするのは簡単ではありません。 現在私の知っている限りでは、(独自Webサービスの) HTML/CSS の編集には、タグやスタイルを直打ち、または Jade, Sass, SCSS 等々のエンジンによって「コーディングの」効率化を図っているところが関の山です。 もう少し、上レイヤーな手段、つまりはグラフィカルツール的な操作でデザインを構築できるWebオーサリングツールが、もしありましたらご紹介いただきたいです。
回答: こちらも候補になりそうなので遅い回答ですが。。 Google Web Designer =================== Adobeはもういらない!?「Google Web Designer」がすごすぎる > > 描画ツール、テキスト、3D オブジェクトを使ってコンテンツを作成し、タイムラインでオブジェクトをアニメーション化できます。コンテンツの作成が完了したら、人間が解読可能な HTML5、CSS3、JavaScript を出力できます。Google Web Designer では、広告クリエイティブを作成する際に、コンポーネント ライブラリから画像ギャラリー、動画、広告ネットワーク ツールなどを追加できます。コード ビューでは、構文の強調表示機能やコードのオートコンプリート機能を使用して簡単にコードを記述でき、エラーの少ない CSS、JavaScript、XML ファイルをすばやく作成できます。 > > > こういったツールはソースが綺麗に吐出されるのかというところがネックになりそうですね。