Webflow ー 直感操作でレスポンシブウェブをデザインできるサービス Beta版公開 【@maskin】

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

[読了時間: 3分]

　スマホやタブレット、パソコンと、1つのデザインで多様なデバイスに対応できる「レスポンシブウェブデザイン (Responsive Web Design)」。この半年で日本でもウェブ制作のトレンドとなりつつあるが、考えるべき要素が増え作り手泣かせの面もある。

　そこで注目を浴びているのが、ウェブデザインアプリのような操作性でレスポンシブデザインができる「Webflow」だ。本日2013年7月3日、Beta版の提供が開始された。ウェブサービスなので、どこからでもどの端末からでも使用できる。

　画像やテキストなどをドラッグ・アンド・ドロップで配置、デザイン要素を追加編集して、スマホやタブレット使用時のふるまいなどを決定。とにかくツールが多く、アニメ(トランジション)の表現も簡単だ。

　レスポンシブデザインとなると、画面サイズの変化や、デバイスごとに見え方が変化するため、適宜実際のビューをチェックする手間があるが、それもボタン一つで確認できてしまうのがすごい。

　どんな感じか、まずは試用サイト ( http://playground.webflow.com/ )を体験してもらうのがいいだろう。

　デザインはHTML・CSSファイルとして書き出しができるとのことなので、雛形作りはもちろん、レスポンシブデザインの勉強などにも活用できそう。

Webflow Beta Sneak Peek from Webflow on Vimeo.

【関連URL】
・Webflow – Design Responsive Websites Visually
http://www.webflow.com/
・「WebFlow」レスポンシブウェブデザインを直感的に構築できる新サービス、間もなく登場 【増田 @maskin】
http://techwave.jp/archives/51784300.html

蛇足：僕はこう思ったッス
ツールの完成度がすごい。何も説明せずフルスクリーンで触らせたら、おそらく大半の人が「何てアプリ?」と応えるのではないだろうか。本文でも書いたが、視覚的に見えることで、レスポンシブデザインの仕組みを理解するのにもとてもいいと思う。