Content-Length: 196503 | pFad | http://b.hatena.ne.jp/hinail/design/%E3%83%84%E3%83%BC%E3%83%AB/

[B! design][ツール] hinailのブックマーク

タグ

designとツールに関するhinailのブックマーク (1)

  • GUI環境でWeb の UIを構築する開発ツールを作りたい - mizchi's blog

    qiita.com という記事を書いた。 要約としては、「今こそGUIでWebのUIを生成できるような開発環境を目指すべき」みたいな話。 概念 Web の GUIの概念を分解すると JS はViewとしての実装を持つプレゼンテーションレイヤー、ロジック注入のコンテナーレイヤーに分割して考える HTML/CSS は、レイアウト定義のレイヤー、そのレイアウト領域を占めるエレメントのレイヤーに分割して考える この考え方に基づくと、GUI開発環境で作るべきものは、 テンプレートへのJSロジックのつなぎ込み レイアウトエディタ 個別のエレメントの装飾 となる。 JSロジックのつなぎこみはヘヴィにJSだからまだコードで書く方がいい。作るならノードベースのエディタになりそう。 エレメントの装飾は自力で頑張るより Sketch から生成できないか試したい。後回し。 レイアウトエディタは今でも作れそう。作っ

    GUI環境でWeb の UIを構築する開発ツールを作りたい - mizchi's blog
    hinail
    hinail 2017/12/17
    素敵だけど激重なサイトばかりできそう
  • 1








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://b.hatena.ne.jp/hinail/design/%E3%83%84%E3%83%BC%E3%83%AB/

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy