Projectがみせております。design、Reactなどコンポーネント単位でウェブモジュールをつくっていこうという動きがあります。オリジナルデザインでウェブサイトを作ろうとしても、パーツの再利用性などを考えることは効率やブランディングの観点からも正しく、みんなそうしてウェブサイトを作ってきたと思います。2017年現在の現状を俯瞰的にみてみると、仕組みが出来てきたというフェーズに入ってきたのだと思います。それによって、起こる現象はおそらく2つ。ウェブデザインの2極化が起こるこれは安易に想像がつきますね。一つの流れとしては、「デザインなら●●を使えばいいじゃん」というフレームワーク推しが増えるということ。UIを使ってみようかとか、業務管理システムの管理画面をつくるというときにはBootstrapでいいんじゃない?みたいなことが起こっています。今後の変化としては、「ウェブサイトをHTMLとCSSでつくる」ということでさえ、「●●を使えばいいじゃん」という流れになっていくのではないか、ということです。何が変わったのかというと、デザインのクオリティが上がったため、モノによってはオリジナルデザインよりも全然いい!みたいなことが起こってきたことが原因であると考えています。二つ目の流れとしは、「他が同じになっていくならとことん違う方向でいこうぜ!」という流れです。これは主にウェブ制作者で今後デザインをまだ売りにしていきたいというパターンで、そう振り切るしかないと判断する流れだとも言い換えられます。大枠はフレームワークを採用して、ビジュアルやコンテンツ、動画に力をいれましょう!という流れが想像できます。いづれにせよ、ウェブ制作に関わる者は何かしらの選択を余儀なくされるという予感です。ウェブデザインとはなんなのかを突き詰める流れが生まれるそもそも、コンポーネント思考やテンプレート化ではなく、構成要素、つまり現実でいえば電子や量子といったところまで遡っていこうという流れがもう一つの流れかと思います。CSSレベルでもOOCSSやBEMなどといった設計思考が定着していますが、それを進化させて、もっとアルゴリズム化する傾向というのが考えられます。黄金比や白銀比といったアルゴリズムや、CIガイドラインなどで見かけるロゴ使用ルールなんかをつきつめたものです。それを研究して人工知能だーーーみたいな。これは、結構難しい課題ではありますが、おもしろい分野であります。Startという新鋭フレームワークをご紹介します。Liteご存知Googleのデザイン思考フレームワークです。現在はLite版ということで、充分に使えるものではないのですが、フルバージョンでリリースされたら結構普及思想ですね。UIというのがあったり、その他ビュー系フレームワーク限定で使えるなどの制限ありで、もう少し拡張されたマテリアルデザインコンポーネントが多々あります。Designというのはあくまでもデザイン思考の話ということで、様々な広がりをみせていっていますね。BootstrapこちらはTwitterによるフレームワーク。古くから知られていて、もうおなじみ感ありますね。コンポーネントの設計としてはすごく優れているが、コーポレートサイトの制作などでは少したんぱくすぎるかなという印象で、あまり前に前にでてくるという感じではない感じがしますね。システムの管理画面などではなかなかのシェアかもというところ。(Javascriptのみ)こちらはCSSコンポーネント的なくくりだとするとイレギュラーになりますが、コンポーネントとしてとてもきれいにできているなーという印象。最近、割りと注目されてきているという感じがします。ついでにjQueryをコロソウみたいな動きとしても紹介されてたりしますね。DesignというGoogler推薦必至のコンポーネントフレームワークです。いっても位置づけとしては、AMPを簡単にはじめるための下地みたいなものです。Designやないかーという状況に陥りそうですね。それはそれでいいんですけど。Startについてもう少し詳しく触れていきますので、もう少しお付き合いください。Startでウェブサイト全体がAMP化これはただのコンポーネントフレームワークではない。サイト全体がAMP化できるということを示唆しているのである。今まで、AMPといえば、ブログポスト(記事ページ)のみの範囲での推進だったのだが、いよいよ、様々な機能が充実してきて、これを使えばウェブサイト自体もAMP化できる。その理由はこのようなものがあります。デザイン整っててヤバいなんというか、間のとり方がいままでのソレとは違ってきていることが伺えます。基本的なパーツ群とかは準備されてきているので、詳細はこちらをご覧ください。Startではサンプルにスマホ、タブレット、PCと3つの確認ができるようになっています。これが、ウェブサイト適用への入り口になっていると感じた点です。Startという立ち位置です。PC→レスポンシブからスマホありき→PC設計へ一時的に「モバイルファースト」という言葉が流行ったりもしましたが、本質的にそうなりますよねという話かと思います。いままでの問題点としては、PCからデザインを作っていって、レスポンシブやモバイル対応の優先度がPCより上回らないというケース。クライアントの温度感としてもまだまだPCの方がインパクトでますし、価値を感じやすいというのがあるのかも知れません。忘れてはいけないのはやっぱりモバイルの時代なんだよということです。モバイル重視とかのレベルではなくて、モバイルで生活してるじゃん!って話。Startとかを念頭に設計していけば、モバイルがとにかくきれいであり、表示も早いということで、設計のベクトルを変えていくきっかけになっていくのではないかと期待しております。導入が簡単というのもフレームワークの普及に大きく貢献しますね。Startの使い方をさっくりとまとめてみます。AMPのチェックをする(https://validator.ampproject.org/)基本的にこれだけで使い始めることができます。ベースフレームワークとして使うという考え方だと導入の障壁も低いかもしれませんね。まとめとおまけGoogleを眼中からはずすのが難しいこの世の中、ますますGoogleであふれかえる世界になるという流れですが、マスがそういう視点に向いているので、逆行するというよりは、うまく波にのっかっていくほうが得策ですね。Web上のGoogle製スクリプトの割合が増えきったあと、どんな世界がくるのか、ついつい想像してしまいますね。Analyticsの方もぼちぼち進化していて、さすがだなーと思いました。https://ampbyexample.com/components/amp-analytics/たとえば、これ、AMPの中のAnalyticsの設定のサポートページなのですが、スクロール位置やポイントの通過回数、カルーセルのボタンを押した回数などもデフォルトで図れるようになっているのですね。2017年、Webはまた一皮むけそうな感じですね。個人的には、これから「リアルタイム」という言葉がウェブ技術界隈で流行語大賞をとるんじゃないかなとか勝手に思っています。HTTP/2の世界とかもかなり面白そうですねー。h2oとかも近々さわってみよう。upLoginユーザーは見つかりませんでした。