本日最初のセッションは、ヤクラ・マスタカさんにご答えいただきます。このセッションでは、株式会社でクセルグリッドのヤクラ・マスタカさんにご答えいただきまして、セッションをいただきます。ヤクラさんは、ウェブ標準技術やブラウザの実装動向にとても詳しく、各地のウェブケーイベントでの講演や雑誌、オンラインメディアへの現行進出、症跡の監修範囲だった数、というわけでいらっしゃいます。コードのグリッド、僕も呼んでいます。このワード、キャンプ東京の基調講演とも言うべきセッションでは、ヤクラさんにより、ステートオブザウェブと題にして、ウェブプラットフェーム法音基準の現在や、今後どのように言うべき進もうとしているのかについてお話していただきます。それでは、ヤクラ・マスタカさんで、ステートオブザウェブです。皆さん、正題で拍手をお願いいたします。聞こえますでしょうか?聞こえてます。多分ね、これね、基調講演、風な扱いのか、知らなかったです。ウェブについて、ちょっと今日はお話しさせていただきます。というのも、私、ここに立つのもちょっと申し訳ないんですけど、そこまでは、ドッグレスと関わりがなくてですね、もちろん、失筆のときに、何か現行を聞こう、聞こうするときとかには、ドッグレス使うことがあるんですけど、あんまり自分で触ったことが無かったとかするので、私の得意なウェブの話をしようかなと思います。改めまして、自己紹介いたします、役らまさかもいます。株式会社、クセルブリッドという、我々はジャバスクリップの会社と呼んでいるんですけど、で、クロントエンド H2をやっています。といっても、僕はどちらかというと、ジャバスクリップゴリゴリという、HTMLとかCSS書いたりとか、あとはそうですね、コードブリッドという、ウェブ技術者、開発者とか向けの、メディアの芸法を変えたりとか、あとは新しい芽の技術を使って、ここを生かせながら考えたりとか、そういうことをやっております。よろしくお願いいたします。文字見えますかね。あとは、家庭に長い生かせというのが仕方ないな。ウェブの話をしようと思うんですけど、ウェブって来年で30歳です。今年が29年目ですか。1989年の3月にウェブの放送というのができて、それから考えると来年で30歳という感じになります。今日はこれからの話をしようとは思うんですけど、現在とかこれからの話をするんですけど、その前にウェブがどういう編成をたどってきたのかというのを考えるのですね。本当に最初はウェブページ、もともとは技術論文とかを、科学者の間で交換するために作られたネットワークと、その上にやる、その上で情報交換するためのフォーマットとか、そういったものを定義したものでした。ただ、いろいろ使えるということが分かり、オープンに広まったので、キー用のウェブサイトができたり、もしくは個人のホームページとして進んだりとか、そういう始まりがありました。時はちょっとたち、たぶん10年、15年だと思いますけど、ウェブ2.0というのがたぶん15年ぐらい前なのかな、もてはやされた時期がありました。ちょうどその時期に、GMAGであったりとか、Google Mapsとか、JavaScriptを結構ゴリっと使って、ウェブ、ブラウザングでインタラクティブな動きをするようなものが登場しました。結構革新的で、だからウェブ2.0とバージョン番号が上がったような感じのもてはやされ方もしたんですが、そういうところでJavaScriptが再発見されました。もともとその5年ぐらい前がJavaScriptをすでにあったんですけど、どちらかというと、マウスカーソングの後ろに何かひょりひょろついていたりとか、なんか小さかしいものをするものが多かったんですが、よりプロダクションで使われるような技術として、再認知されたというのがJavaScriptですね。それからさらに5年ぐらいだったら、2008、9とかそれぐらいだと思うんですけど、HTML5というムーブメントというんですかね、盛り上がりがありました。勢いがつきました。JavaScriptとか、あるいはCSS3とか、いろいろなものが統合されてHTML5と呼ばれて、よりグラフキャラの表現とか、さらにはそれまでのJavaScriptというのができなかったくと、新しいこと、例えばウェブソーケントでよる、ニーヨルチャットだったりとか、そういった新しい表現というのが次々もありました。で、現在、ちょっとそういう動き、HTMLというのを流行としてみた場合は、その流行もしっかり落ち着いたかなという感じがします。で、中にはウェブっていうのは落ち着き、落ち着いてしまって、勢いが無くなったねっていう人もいると思うんですけど、僕は結構ウェブに堅いでしている人だから、多少、なんだろう、ウェブに寄った味方をする、やはりしている部分あると思うんですが、ただウェブが落ち着いたかというと、落ち着きはしたんですが、勢いが無くなったかというと、多分そうではないと思います。勢いというのはちょっと、良い表現ではないかもしれませんが、ウェブっていうのが、さらに当たり前のものになったんじゃないかなと思っています。というのも、ここに3年の開発、現場的なものをいろんな人と話しているんですけど、ネイティブアプリをやっていた方が普通にジャバスクリプトを変えてで、ネイティブのアプリのリアクトに入っているとか、そういったラッコアでネイティブアプリを出したりとか、あるいはこれまでもうちょっと固めのゲームを使っていたジャバとか、そういったものを使っていた人が、ジャバスクリプトで管理画面を変えたりとか、そういったことも見られます。なので、ウェブ技術っていうのは、もう本当に、なんだろう、ウェブデベロッパーだけのところではなくなったんじゃないかな、普通に開発者の一ツールとして認知されたんじゃないかな、と思っています。なので、ウェブがもうちょっと透明化した、企画化したというのが透明化したんじゃないかな、っていうのが僕のかたよった認識です。じゃあ、なんでこう30年もウェブが続いたのか、っていうのを考えると、ウェブのいいところっていうのが多分あるんじゃないかな。で、それはなんだろうなって考えたんですが、もう俺ですね、写真失敗したなと思ったんですけど、このグレーテスト障害みたいなやつは、リーチするっていうイメージが僕はあります。ウェブは広く位置するんじゃないかな、ネイティブとか他のプラットフォンに比べても、リーチが広い。なぜかというと、基本的にウェブがオープンな技術で作られています。他のプラットフォン技術が多くのものもありますが、ウェブはそれ以上にベンダーとかOSとか、そういうのを問わず、問わず使える開発できる技術です。あとは、ウェブページっていうのは本当にリンクをクリックしたらすぐアクセスできます。インストールが必要ありません。これが例えばネイティブアプリとか、あれは普通のMacとかWindowsのソフトウェアだったりとかすると、アクリストアンに行ったりとかして、ダウンロードをして、たまには購入のログイン情報とかを入れたいとか、そういった何らかのステップが間に必要になるかなって思います。マーケティングの話になるんですけど、こういったステップが一つ減るためにコンバーションがスーパーセント下がるらしいんですね。ウェブっていうのはそういうのをスッとかして、すぐ情報にありつける、アプリにありつけるっていうところが強めなんじゃないかなと思います。あとは必要なのはグラウザだけです。グラウザっていうのは大体どんどんのオレンジにプリンストールされています。例えば新しくiPhoneが発売されましたけど、発表されましたけど、新しいiPhoneを変えました。で、1からセットアップしようと思って、ツイッター入りたいなと言ったらまずはアップストアイって、ツイッターアップリを落としてログインしないといけないという面倒臭さがあります。ただ、ウェブプラウザだったら普通にサンパリがプリンストールされているので、それで良ければ普通にツイッター.comにアクセスすればあとはログインして進むだけです。そういう強さっていうのはウェブにしかないのかなと思っています。少なくとも他のプラットコンに対するアドバンテージではないかと。今年のGoogleアイオーに行ったんですけど、その中のウェブ関連セッションでこういっている人がいていいなと思ったんですけど、One Tap Awayって言ってました。One Tapでアプリにつながるっていうのがあってこれはすごい良い表現だなと思いました。こういったリーチの低くするための性質を持っているところがウェブの良いところ。それをより良くしていくのが今後のウェブのあり方なんじゃないかなと思っています。こうしたウェブの良さっていうのをさらに広げるためにいろんな努力をブラウザ・ベンターであったりとかあるいはライブラリーの開発者であったりとか日夜、努力したりとかコミュニケーションとかして進めているのが昨今のです。今日はその中のトピックとして3つぐらいキーワードを話しようかなと思います。ウェブの良さばかりを注目したんですけど足りないところっていうのもやっぱりありますよね。ネイティブとかと比べると。やっぱり機能が足りてない。人によってはOSの中に連絡書にアクセスしたりとかあるいは帰りを思いの前にダウンロードさせたいとかそういった機能がネイティブアプリにありますけどウェブにはちょっと残念ながらネイティの関連でまたまだ出さそうっていう問題はあります。ブラウザーだったらタブとしてはそこで終わりなんですよね。それがウェブの良いところでもあるんですけどやっぱり継続的にアクセスするための動機付けみたいなのがちょっと足りないかなっていう気もします。特にアプリとかサービスを提供する人にとってはこれって重要なことなんじゃないかなと思います。あとはどうしても使っている技術がアプリのために作られたものじゃないしアプリのために最適化できるものでもないので遅くなりがちかなというもちろん早く作ることもできるんですけど他の技術に比べるとちょっとそこに考えることが多かったりとかそういう問題が課題があるかなと思ってさっきも言った通りそういった足りない点を置ける動機っていうのを実際に進んでいます。いくつ関係に進んでいますしその中がいくつかを紹介できればと思うんですがまずその前にですね今日お話しする1点目のポイントではあるんですけどこれは足りないものを補うとか新しい機能を追加するっていうものではないんですがまず現状何が起こっているのかということについて紹介する1つ目のキーワードがこちらです。HTPSいただきます。最近クロンでこういうのを見かけることって増えてないでしょうか何かずっとアドレスバーでここに安全ではない通信とかこれちょっと英語のスクリーン書としましたけど出てるんじゃないかなって思いますこれは何かというと今までhttp.あっちがコラッシュラッシュみたいな感じでアドレスが始まってたと思うんですけどだいたいそういうサイトっていうのは安全じゃないんですねというのもhttpって情報がプレインテキストで送られてしまうんですこれってウェブのいいところでもあったんですけれどただウェブのそこで送られるhttpで送られる通信がプレインテキストで誰でも見られてしまうという可能性があるっていう問題が一つあります見られるだけだったらまだいいかもしれないですけど改善されるっていう可能性も考えると途端にいろいろ怖くなりますよねで実際にこれでセキュリティに関する贅沢したりが見つかったりとかあるいは実際に何かパスワードが流出したりみたいなそういうことも起こってしまいますhttpが安全じゃないっていうのを今一度に意識しないといけないという状態になりますだからなおさらクロンは結構頑張ってhttpのサイトは安全じゃないっていう風な箱を出したっていうのが現在の例えば見られていいよっていう情報を出している例えば本店操作自分でホームページを持っていて別に大した情報じゃないから別にこれは見られてもいいよ改善は嫌かもしれないけど見られてもいいよっていう人がいらっしゃるかもしれないですけど例えば小学校の時とかクラスの女子が何かのきれ橋から物をかいてすごいこれぐらいの風通かなかりきれいに降りたたんでこれを何々さんに渡してと言われてで渡すじゃないですか中身に何が書いてるか分かりませんけど中身に何が書いてあるか基本分からないんですよねただもしそこで何々さんに渡して言ってあいつってペラペラって開いてあいって渡したら結構なんとなく品宿物っていうか多分それ以上ですよねサイコパスですどちらかというと怖いですよねしかもさらに中身が書き替われたりすると大問題っていうかなんだろう怖いところのサーチではないだから中身を見られるっていうことについてはもうちょっと敏感にならないといけないじゃないかなって思っていますというのもGoogleとか他のベンダーがhttpsかお勧めのにあたって何でそんなに強行な手段に出ているかというとやっぱ国家にいる検査であったりとかあるいは検査ですね検査を嫌っているっていう部分がありますアメリカが結構自由を疑う国だっていうのもあるんですけれどやっぱりテック企業として自分たちの技術っていうものが悪用されかねる状況っていうのは彼らは協用できないっていうところでhttpsによる暗号化通信っていうのがすごく求められていてそれをユーザーにも求め落としているっていうのが現状です結構これを見ると結なんでしょうねなんかつけかってやってんなというのもあるんですがやっぱりいずれは情報の中身を見てそれによって何かなんたろ例えばブロックをしたりだったりとか日本でもね漫画村みたいな問題になってますけれどもそういったものもありますそういった気なくさい感じになってきて言われますなので情報は何であろうと伝えるっていう憲法で多分決められているやつだぞそれを守るためにその情報が何であろうと知らせないっていうのも一つの権利としてちゃんと訴えていくべきだと思うんですねなんでhttpsっていうのかなり必須な状態になってきていますじゃあhttpっていうは安全じゃないものから暗号化されて安全とは確実に言い切れないんですけど少なくとも情報の中身を言うことかなり難しくなるhttpsに対応するっていうのはどうすればいいかっていう話なんですがここでは全然説明できる時間が詳しく説明できる時間がないので3点ぐらいざっくり考えましたまず証明商売をするっていうのが一つですhttpsっていうのは暗号なんですけどそれを保証するような証明書っていうんですからそれをまず発行してもらう必要がありますしからできる感じでhttpsでプロトコルが変わってしまうので埋め込んでいる画像とか埋め込んでいるJavascriptのURLをちょっと書き換える必要があるこれがたぶん皆さんにとって一番面倒くさいところなんじゃないかなと思いますで最後にはhttpのサイトからhttpsのサイトにリダイレクトをかけるとかそういったコスメティクなとこになるこのうち画像やJavascriptのURLを書き換えるっていうのは手間ではあるんですけどまだどうすればいいかがなんとなく分かるじゃないですか証明書を発行するってこれはなんなんだという話なんですね企業に勤めているらっしゃる方で例えば案件でECサイトどこかの企業さんに作ったとかあるいはかかわったという人だったら多分証明書の発行とかもしかしたらやったことがあるかかもしれない方がいらっしゃるかもしれないですただ一般というか僕個人そんなに経験がないっていうぐらいにまだまだマイナーなタスクではあるかもしれないで証明書っていうのは画士は結構お金がかかるものでしたこれがhttpsかが進んでいる一つ要因ではあったんですね最近だと列営クリプトっていう無料で証明書発行してくれるサービスがあります無料で証明書発行してくれるのでこぞっていろんなサービスが中身に列営クリプトを採用して自動的にhttpsをかを片割りしてくれるようなこともやってます例えばwordpress.comだってあのポスティングのほうですねあれとかは多分多い人なんかで列営クリプトを使って自分のブログにhttps対応施すみたいなそういう機能がその当たりでございます他にまた例えばgithubページっていう簡単なポスティングがあるんですけどそれも対応してますしなんだとかなまあこういう感じで列営クリプトはいろんなところで使われるようになってますもし証明書に関して何から何までわかんないといったら列営クリプトとサービス名か何かを半額スペース入れて検索してみてください結構導入例ってのが増えてきてるので何かしら掴められるんじゃないかなと思いますで証明書を入れているすでに入れている方っていうのは本当に拍手もなんですけどありがとうございますっていう感じなんですがまだちょっと気をつけないといけないことがあるんですねそのうちですね具体的に言うと来月の後半ぐらいかなこういうページをクロームこれはクロームのスクリプトなんですけど見ることがあるかもしれませんこれは何かっていうと証明書のエラーのページなんですね証明書ってやっぱりすごく大事なところなんですけど管理月3だったりとかすると大目玉クラブじゃないですか大目玉をクラった結果これで閉まんてく系列の証明書を発行する会社っていうのが結構多いとおしましてクロームとかファイアホックスとかブラウザ・ベンタが劇横になっちゃいましたある程度の期間は設けたんですけどそれ以上期間を過ぎてしまうとこの証明書旅行なものだとして強制的に扱うよっていう状態になるんですねそれが来月の多分中場ぐらいですクロームが70でファイアホックスが63なんですけどちょうどリリースが来月の中場ぐらいなんでそれがリリースされてしまうとこういった表示をいろんなサービスで見ることになるかもしれません僕結構開発版を使って普段ベブを見てるんですけど見らんないサイト国内でもすごい多いですし海外でも結構多いですメールとかも対応してくれたりする企業も結構あって多少なりともよくはなってるんですけどそれでも予断を許さないかなっていう状況になってますなのでもし証明書導入済みの方がいらっしゃったら証明書それが本当にいいちゃんと更新されているかとかあるいは閉まってく系のものを使ってないかっていうのを確認してみてくださいコンソール開発するでコンソールとかを見ると結構これ閉まってく系のやつ使ってるから来月には無効になるようみたいなメッセージが出ているかと思います対象のサイトでこれも難しい話ではあるんですけどしかもあんまり面白くもない話なんですけどHTPSかっていうのはかなり必須になってきていますGoogleも確か検索順位HTTPのサイトは下げるみたいなそういうことを行っているあるいは行うみたいなそういう話を聞いたことがありますしそういった意味でもSEO的な意味でも結構HTTPを保湿するとかは不利な状況になると思いますもちろん例えば何か使っている広告のネットワークだったりとかあるいはサードパーティーのジャバスクリップだったりとか自分ではどうしようもない要因っていうのがあるんですけどそういうのがないかどうかを調べる目的でもHTPSかについて今一度改めて考えてきてというわけでちょっと楽しい楽しいかどうかわかんないけどウェブの良さを生かすというちょっとポジティブなと思います先ほど言ったリーチオリカスっていう話があったんですが足りない点もあるって言いましてそれを足りない点を補いつつより良いウェブの形っていうものを提案しているのがプログレッシブウェブアップスPWAっていう呼ばれるものです確か今日も午後にそういうセッションがあったかと思いますPWAって何かっていうとプログレッシブウェブアップス役が難しいんですけど僕はアプリのようになっていくウェブどういうことかというと例えば普通のウェブサイトっていうのはさっき言った通りタブを落としたらそこで終わりますなぜかというとウェブっていうのは結構情報だけだったりとかただ見て終わりたけというものは結構ほとんどですウェブアプリって言っても例えばデスクトップにショートカットを作ったりとかしない限りは普通にタブで開いて閉じてっていうのが当たり前だと思いますなので使い続けていくあるいは常に自分の近くに留めておくっていうのがすごく難しいメディアであると思うんですねしかも遅い要因だったりとかあるいはスクロールが出ついたりとか結構なんだろうな作るものの作る人の技量とかあるいは製薬によっては遅くなってしまい立ちなんで使い続けたいかなって思うかっていうのが微妙ですでそこらへんもプログレッシブウェブアップスでは重視してパフォーマンス大事でスルッとさせられるのがいいよあるいは使い続けられるための試作っていうのが重要だよっていうことをしていますこれは別にもともとクローンの開発者が提案したものなんですけどエラーサーベンダーもそうだしあとはサービスの提供者とかも主なんですすでにいろいろ実例があって国内だと計算とかあと海外だとツイッターですねついこの間先週くらいだったかなあの今 PC で見ているツイッターPC の Web で見ているツイッターってちょっとインタラクティブなんですけどPWA とはまだちょっと言えない状態なんですねそれをPWAにしていくようみたいな発表をしていました具体的にはObiomeのWebのTwitterがPWAなんですけどそれをデスクトップ版にも拡大していくみたいなそういう話をしていましたなので既に現れてもいるし本もある程度増えていくんじゃないかなっていうのがPWAですPWAちょっとふわっとした話なんですけど実際どういう機能かPWAっぽいものなのかというとまず一つがホーム画面にアイコンのWebアプリがアイコンが追加できるかそういうものですねでもこれってもともとのアイコンでできたじゃないかっていう人もいらっしゃるかもしれないですただ最近のPWA的な実装だと例えばAndroidの場合だとホーム画面だけじゃなくってちゃんとアプリのランチャーの中に入るなんでアプリのランチャーからインストールしたりとか設定を見たりとかそういうことができますあとモバイルの話ばっかりはしていましたがデスクトップに対してもPWAっていうそういう動きが進んでいます何かというと例えば実例だとスポティファイが今PWAが進めていてスポティファイとかは結構頻繁に起動して音楽を聴きたいものじゃないですかでもブラウザーを立ち上げてアドレス打つのがだる僕マークしててもちょっと面倒くさいっていうのはありますそれが普通に画面の下にある何ていうんですかタスクバーっていうんですかそこをクリックしたらスポティファイが立ち上がるようにしたらすごい便利じゃないですかあるいはOSの検索機能かでスポティファイって言って出て打ったらもうスポティファイが立ち上がるしかもそれがWebなのでスーパイアップアクセスできるっていうのはすごい強みだっていうところでデスクトップに対してPWAっていうのが広がっていますなのでホームスクリーンって言いましたけどほぼインストールに近いような形でWebアプリが利用できるっていうのがありますそうなるとエンゲージメントが向上できるだろうっていうふうに言われていますもう一つはオフラインですねWebってお世話ながら機内モードにしたら次アクセスしたときにはオフラインですって言われて終わりでこのクロームの恐竜のゲームがあそこぐらいしかないんですけどこのクロームの恐竜中がクリックしたらゲームができるんでぜひご楽しみくださいただこれを毎回やって遊ぶので辛いんでオフラインでも最低限は動くように例えば側のHTMLだけキャッシュするとかあるいはすでに見たコンテンツをキャッシュしてオフラインの時に多少これオフラインス用っていうふうに見せながら見せつつもこれキャッシュしましたっていうのを見せるでやると嬉しい人もいるアプリによっては全然動的なコンテンツ動的なコンテンツを更新を必要としないものもあるので嬉しいなというふうに思いますもう一つはプッシュノーティフケーションですねプッシュ通知ですね今まではブラウズを閉じたら終わりだったんですが今度はブラウズを閉じても通知が遅れますすでにいろんなサイトで実装されていて残念なことにアクセスしたらクロームのアドレスバーだりとかがピコ乗ってダイアルバーでプッシュ通知を送りたいと思うしております許可しますかみたいなダイアルバーがいっぱい出るサイトニュースサイトにもあるかと思いますそれの是非どうかはある犠牲をプッシュ通知を送れてエンゲージメントを向上できるっていうのはこれまだのウェブにいなかったものなので効果的に使えばすごくパワフルなものじゃないかなと思います残念ながら今は全然効果的に使えていないっていう調査結果も出たりとかするのでもうちょっと頑張ってほしいなって思うんですけどあとちなみにiOSやiOSはまだ対応していないのでそこら辺日本マーケットを対応が分かりな感じではあるんですけどまあでも機能としてはとても魅力的ですこういった大批的な賛礼がPWAとしてよく取り上げれるような機能ですまあではアプリでよくないっていう人は結構いるような気がします特にもアイフォンが強かったりとかするしメインティバーアプリが強かったりするのでまあウェブでどれだけやる必要があるんだっていうことを思う方もいらっしゃると思いますまあ僕もそれ別にアプリでよくないって思うものもあったりとかそれウェブでよくないみたいなものもあったりするんですけどなんでウェブにそういうものを持ち込もうか持ち込みたいのかっていうのはですねもともとGoogleの方が提案したって言ってましたけどGoogleの最近の狙いっていうのを考えると分かります何かと言うとインドですGoogleのトップがインドの人がプリトンするんですけどそういった機能でインドの性質を見てみると分かりますインドってすごいネット人口がめっちゃすごいんですね4.5億人ぐらいこれ2年前の話です新しいデータが見つかなかったんですけど5億人近くいらっしゃる延ばりにはネット人口の割合ってまた人口の3分の1ちょっとすぎたぐらいなんですねだからまだまだ伸びしろが対して日本絶対伸びしろないんですよもう91%ぐらいなので大分サチュレートしちゃってなのでそのマーケットに降って出るっていう時にインドってやっぱり厳しいんですネットってまだまだ通知ですよねだっけフォーマー通知以上かムーバーとかそれぐらいの時代です10年以上前の日本の水準になります3Gとか4Gも広がってはいるらしいんですけどそれでもブチブチ切れるし安定しない回線がありますあと料金がやっぱ高いです平均のどれぐらいだったかな1日働いてようやく数百名が買えるとかそれぐらいの周辺に対するデータ料金の値段なしですこれも下がっているらしいんですけどまだまだ高いなっていうなので頻繁にデータを日本みたいにバカすかダウンロードできるっていう環境にないんですねとなるとアプリって辛いんですよなぜかっていうとアプリのサイズって結構でかいです数十メガとかiPhoneのアプリだと100メガ超えるもんも全然珍しくないと思うんですけど対してウェブも最近は結構でかくはなってきてるんですけど多分でかすすぎても数メガとか数メッチャあるとかだと違いますけどなのでデータのデータ量がまず少ないということで抑えふにもあるいはダウンロードの確率的にも高いあとはさっきインストールが不要であったりとかあとっていうところがウェブの生きてくる道になるじゃあそれに対してよりアプリっぽい機能を追加すればいいんじゃないかなっていうのがPWの考えですねしかしここは日本って思ったかもしれませんが日本とは言え3G4Gが当たり前ですけど常に高速通信がやってる場合つながる場合じゃないですまあ月末のギガブスとかPWの込み合いとかありますしあとデータ料金も安くなってきますけどめっちゃ安いわけじゃないなんか先日日本の平均的なウェブサイトを見た場合いくらかかるのかっていうのを計算した人がいて6-7円ぐらいだったんですね耳にちい話ですけど6-7円かかるのかちょっと思ってショックだったんですよねだからこれをどう見るか分からないですけど安いかっていうところはそうでもないなと思っていて低いに押したことはないよねって思うんですねでそれは別にインストールの感じやし安いに押したことはないっていうのは重要だよねでもっと考えないといけないのが広いリーチっていうウェブの良いところっていうのも今のウェブって活かせているのかな今の開発者は活かせているのかなちゃんと意識しているのかなってところですというのもまあ今年って災害多いじゃないですかすごい多くてけんなりそれじゃないですかで災害時ってすごい正確な情報がすぐ求められるのにただ見ようとしたつながらないとかもちろんアクセスがすごい殺頭してるっていうのもあると思うんですけどまあすごいでかい画像を入れたりとかまあモダンな作りにした結果でかいジャバスクリプトを入れてページが重くなってしまってページが表示されないとかあるいはテキストさえも見られないっていうのがあります実際北海道で地震があったときに友人のツイートをかなくはなめてたんですけどテキストは読めるんだけど画像読めないとかでも結構ツイッターで最近だとスクリーンショットをシェアするみたいなのがあるじゃないですかなので大事な情報がスクリーンショットで見られスクリーンショットで共有されてもそれ全然嬉しくないみたいなまあニュアンスは全然違うんですけどそういうことを言っていてああマジかっていう改めて結構衝撃を受けましたやっぱり日本の通信まあなんかインフラの優福さんを持ってしてもこういうのにとはやっぱり結構無力なったなっていうのを改めて申し上がりました東京もね全然30年以内に確実にデカい地震が起こるって言われてますしまあまあこれって別にまあ日本だったらどこでも考えないといけないことだよねっていうのもありますなんでパフォーマンスっていうのを考えないといけないし最低限のアクセシビリティ情報に到達できるっていう本当に最低限のアクセシビリティっていうのもちゃんと確保しないといけないですまあそういうちょっと申明した私もいやなんでじゃあPWAっていうのをどういうふうに考えるかっていうとまず最初の一歩としてはライトハウスっていうのがありますクロームの開発チュールに内装されてるチェックツールですオーディッツパネルっていうのがあるんですけどまあこれでPWAの機能とかパフォーマンスとかアクセシビリティをチェックできますキクセルウリティのサイトはまあまあでしたでこういった早いコンテンツっていうのを作るのに早くアクセシブリティにするとまあ嬉しいしまあECサイトとかでも普通に売上に直結するとかそういった思うんで速さってすごい重要なんですけどまあ作るにはどうしたらいいかっていうところにまあ手放しで褒められるわけではないんですがお勧めできるわけでもないんですがアンプというのがありますこれはGoogleが提供しているHTMLとUIコンポーネントライブラリです作ったコンテンツをアンプの定義に従って作ってそれをアップロードすると自動的にGoogleが拾ってきてGoogleのキャッシュからも配信されますでちょっと見にくいかもしれませんが検索結果にこういう稲妻のアイコンがついて場合によってはニュースとかだと軽いセブになるみたいなことがあるかなでアンプのすごいところはまあ制約がある部分ほとんどページが1秒に表示できるってやつですね早いとにかく早いでしかも早いって言ったんですけどアンプの提供しているコンポーネントがっていうのは重くしないのか遅くしないっていうところにすごい注入していますWebってどうしても遅くなりがちって言いましたけどそれを徹底的に配置することで速さっていうのを実現できてるんですねまあいいことばかりかっていうとやっぱりなくてアンプHTMLっていうものを描くんですけど制約がすごい強いっていうのがあったりとかあとはグーグルがキャッシュしてそれを表示するっていうのがありましたけどグーグルのURLにそのトラフィックがいてしまうっていうのを懸念する人もいますで実際にそれでコンバージョンとか売上が下がったみたいな話も聞きますただアンプを紹介したのはワードキャンブルってこともありますしワードプレスでサポートみたいなのが何かなプラグインによって続きますXWPEEDだったかななんかそういうコンサルの会社なのかななんかグーグルとオトマティックで合体系して実現しているらしいんですなので僕あまりはワードプレスのことが分からないんでぜひどうも用意して試してくださいと言えないんですけどちょっとチェックしてみてくださいちょっとだけ押しますが失礼しますじゃあまとめというかチャレンジ今回テーマはチャレンジってことでただ言っていただけますけどしくないみたいなのです今回話したHTPS PWAアップなんですけどHTPSに関してはもうやりましょうとしか言いようがないです難しいところもあるのを承知しています難しさに表したこともありますただやるしか多分ないんだと思いますでPWAに関してはまず何も分からないとかどういうところから始めていいか分からないというかに方にはライトハウスがおすすめですライトハウスはそれぞれの指標に対して100点満点をつけてくれるというものなんでそれがいいかどうかは別としてモチベーションはちょっと上がりますこれをじゃあちょっと点数あげるかっていうのをやると自然といいものにが近づいていく別のものではないかもしれないですけどいいものに近づいていくかなと思いますアンプに関してはちょっと本当にいいものかどうかはまだ私も分からないんですが試してみるといいのかなとアンプがどういうことをしているのかというのを学ぶのも結構勉強にやらないと思いますなので今日はこれらの物を宿題としてぜひ持ち帰ってやっていただければなと思いますただチャレンジといってもそんな崖を登るような写真で使いましたけど大きな音じゃなくて普通に歩いていくぐらいでいいんですなんか小さいところから始めていくプログレッシブウェブアップスプログレスっていうのは結構進歩っていう意味もあるんですけど前進していく少しずつ進んでいくっていう意味もありますなので少しずつでも上に登っていけばよりいいウェブとかよりいい社会が待っているんじゃないかなと思いますぜひそのよりいいウェブに向けて皆さんを一歩踏み出していただけたらなと思いますありがとうございましたはい 彼らさんどうも素晴らしいセッションありがとうございました