「WebFlow」レスポンシブウェブデザインを直感的に構築できる新サービス、間もなく登場 【増田 @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

[読了時間: 2分]

　ウェブを閲覧する環境は、PCのみならずタブレット、スマートフォンと着実に多様化を続けている。

　デバイスごとにフィットするデザインやコンテンツを用意するのは手間がかかるし、そもそも1つのデザインで多様なデバイスに対応できたら、作り手側も利用者側にもベストではないか?ということで注目を浴びているのが「レスポンシブウェブデザイン (Responsive Web Design)」だ。

　レスポンシブデザインを効率良く構築するフレームワーク (HTMLやCSSのファイルセット)はTwitter Boot Strapやkubeといった良質のものがいくつか提供されているが、記述ルールを逐一理解し、複数デバイスで確認しながらの作業となる。

　新たに発表された「Webflow」は、レスポンシブなウェブデザインを視覚的に構築できるウェブサービスだ。直感的に使えるツールでページを作成しつつ、PC・スマホ・タブレットそれぞれのビューも確認できるのが特徴だ。

1種類のデザインセットで、多様なデバイスに対応

　ツールは、一般的なウェブデザインツールのように、視覚的に画像やテキストなどをドラッグ・アンド・ドロップして配置したり、デザイン要素を追加編集でき、ボタンをクリックするだけで簡単にデバイス上の表示をチェックすることが可能だ。

　最終的に、HTMLおよびCSSコードとして出力できるので、まずはレスポンシブデザインのテンプレート作りなどに便利に使えそうだ。

　
　現在、サービスは事前登録受付中で、ローンチの準備ができ次第、順次アクセスできるようになるとのこと。試用サイトも用意されている ( http://playground.webflow.com/ )ので、興味のある人はトライしてみてはいかがだろうか。

Webflow Beta Sneak Peek from Webflow on Vimeo.

【関連URL】
・Webflow – Design Responsive Websites Visually
http://www.webflow.com

蛇足：僕はこう思ったッス
デバイスの多様化について、TechWaveの例でいえば、最近はモバイル利用の中でもタブレットの動きが活発で、ガラケー(フィーチャーフォン)のアクセスは激減している状態。
デバイスの種類ごとに別のデザインを用意していては手間もかかるだけで、いいことなんて無い。そもそも複数デバイスを使い分けるが当然の時代における「ユーザーの体験」にフィットしてない。
日本ではまだ一部のサイトだけ、という印象だが、北米の大手サイトを中心にスタンダードとなりつつある様相。以前も言ったが、2013年はレスポンシブデザイン&JavaScriptの時代になると思う。