質問

freeeに入社してアクセシビリティの取り組みで最初にやったことは何ですか？

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

• @mizchi

質問

フロントエンドの給与トピックス。他の領域ではおおよそ言語によって区別されるが、フロントエンドは広いから「フロントエンド」というくくりで給与を見ると不正確ではないか。フロントエンドにおいてもより細分化されたラベルが必要だと思うがみずちさんはどう思われるでしょうか

回答

根っこがnode.jsなのでデザイン的な部分は分からないんだけど、マークアップのフロントエンドと価値観は合致しないっていうのもあって、フロントエンドエンジニアだけじゃない適切なラベリングが必要じゃないかと思う。
マークアップの人らは供給が多いので、その人らに引きづられて給与が100〜150万ぐらい下がったりする。だからnodejsの人として活動している（会場笑）お互いに尊敬を持ちつつ、別のラベリングがあるといいかも。

Issueのタイトル

質問内容(20文字程度) / AMAブース名(下記)

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

ログイン、非ログインだけでなく、特定の小規模なグループといった概念をどうキャッシュさせるのか

コンポーネント座談会

コンポーネントに関する質問をY!のReact・Vue・Angular勢のそれぞれの視点でお答えします。また「うちはこうしてる」も大歓迎なので、一緒に議論しましょう。

• @pirosikick（Yahoo! JAPAN / リッチラボ株式会社）
• @koh110（Yahoo! JAPAN）
• @ikasumiwt（Yahoo! JAPAN）

質問

コンポーネントは要素は見た目部分が多く単体テストは諦めてstorybookによる手動の見た目確認と動作確認で現在は妥協しています。storybookは見た目のみで、見た目以外の部分はやはり単体テストするほうが効果的でしょうか？

コンポーネント座談会

コンポーネントに関する質問をY!のReact・Vue・Angular勢のそれぞれの視点でお答えします。また「うちはこうしてる」も大歓迎なので、一緒に議論しましょう。

• @pirosikick（Yahoo! JAPAN / リッチラボ株式会社）
• @koh110（Yahoo! JAPAN）
• @ikasumiwt（Yahoo! JAPAN）

質問

例えば、インライン要素に対応するコンポーネントの中でブロック要素に対応するコンポーネントを使ってしまったり、コンポーネントが展開された後のマークアップがHTML仕様違反になってしまうようなミスをチェック・防止する取り組みなどあれば教えてください。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• ココンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

（セッション中で消化される内容かもしれませんが）

開発者目線でつくると、いわゆるデザインシステムというよりはスタイルガイドないしUIインベントリになりがちな印象です。それを支える下地として、デザインシステムのような言語化、ドキュメント共有、意識共有などは進んでいるのでしょうか？

質問

国内のサイトで、対応されているおすすめのサイトはありますか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

決済SDK提供者はどうやって利益を得ているのか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

去年のJapan Accessibility Conferenceの後、社内で勉強会を開催し布教しようとしています。
デザイニングWebアクセシビリティの輪読会などしていますが、それ以外にやりやすいこととかおすすめの進め方はありますか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

• @mizchi

質問

web componentsとreduxを結びつけるツール(middleware)はあるのか？

回答

Reactは末端にWeb Componentを取ることができるので、React/Redux＋web componentという形にすることができる。
ツールという意味ではReactのpropsをweb componentにうまく渡すためのコードは書かないといけないので、これがツールになる。まだ決定的なものはない。
今はまだWebComponentが一般的に使える状況ではない。もう少し環境ができあがってきたらになるのではないか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• ココンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

タイトルのとおりですが、御社プロダクトを利用者が導入するにあたって"アクセシビリティ"が要件にあることで、（売り方にもよると思うんですが...）採用につながったケースはありましたか？　仮にあれば、そのときの社内の反応、感触とか。

質問

Payment Request APIを試してみたいのですが、サンプル作りにオススメな決済サイトはありますか？

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

決済方法を幾つか提供しているサイト経由で決済を行う場合、どのタイミングで決済方法を確定するのか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

弊社サービスを運営する中で、これから導入していったほうがいいと個人的に思っています。
それなりに規模が大きくなった中で、途中からアクセシビリティの観点で対応するために、どういったことが課題になるのか、ありがちなボトルネックを知りたいです。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

デスクトップアプリでの動きはどのようなものになっているのか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

• @mizchi

質問

古いアーキテクチャを新しく置き換える際にどういうフローがいいか。新しくプロジェクトを立ち上げたほうがいいか、型を地道につけていくほうがいいかなどあれば教えてください。

回答

それはプロジェクトと自分のポジションによる。
正直、スクラッチしたほうがいいが、古い画面とのUXを損なわないようにするのが大変。
それを許容できるかどうかはユーザーの回遊パターンを見たりして判断する必要がある。
スクラッチできない場合は、型をつけていって、1つ1つ地道に捨てていくしか無い。
古いコードを捨てるためには外から固めていく。
テストないからリファクタリングできないというのは結局は自分が悪いので、その負債をなくしていくのは気合しかない。

Issueのタイトル

質問内容(20文字程度) / AMAブース名(下記)

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• 動的デザインガイドのつくり方 by narirou
• コンポーネントTDDの実践から見えたもの by pirosikick

質問

Issueのタイトル

質問内容(20文字程度) / AMAブース名(下記)

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

Fastly内での標準化について、東京のエンジニアの働き方

• FastlyはIETFとかW3Cといった標準化段階にメンバーを送っている
  • AndrewはW3C Tag
  • Mark Nottingham HTTP chair
  • Kazuho さんもHTTPワーキンググループ
• 開発者が標準化が決定される前に意見を出すことが大事
• Client Hintsも、本当にこれがベストなのか疑問だった、開発者も積極的に声をあげていくとよい
• 興味がある人はAndrewまで

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

パフォーマンス計測について、Speed IndexやTime to intractiveなどの指標があるとは思いますが、
実際のwebサービス開発で具体的に何を指標とされているのか、目標値などについて可能な限り教えてもらえると嬉しいです。

質問

デザイナーとフロントエンドエンジニアの役割分担について

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

Issueのタイトル

72時間ホンネテレビ時に行なったフロントエンドとしての対応を教えてください

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• 動的デザインガイドのつくり方 by narirou
• コンポーネントTDDの実践から見えたもの by pirosikick

質問

72時間ホンネテレビ時に行なったフロントエンドとしての対応を教えてください。
また、そこで実装されたものを今もプロダクトに残し続けていますか？
どのくらい「イレギュラーなイベント」として扱ったのか気になります👀

質問

支払い時の本人認証はアプリ側で行う必要があるのか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

伊原さんのお仕事は、UXデザイン・情報設計も含まれますか？
freeeでの実際の業務で、UXデザインとアクセシビリティ周りを取り組む割合は？？

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

freeeの既存プロダクトのソースコードを、CIでlintかけるとどのくらいエラーが出ましたか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

Issueのタイトル

ここ最近のWebサービス、アプリでの事例はありますか？ / Web Payments / Payment Request API について何でも訊いて下さい

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi

質問

実際にWeb Paymentsを導入されているWebサービスやアプリはありますか？良い事例とおもえるものなどあれば聞きたいです。

質問

セッションでは全盲の方の例がありましたが、色弱の方向けのアクセシビリティの対策・工夫はありますか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• 動的デザインガイドのつくり方 by narirou
• コンポーネントTDDの実践から見えたもの by pirosikick

質問

ビジネス上、さまざまな理由でサードパーティスクリプトを入れることになると思いますが、どのようなポリシーやフローで管理しているのでしょうか？

（サードパーティスクリプト、なかまを呼び始めたり、色々と塵も積もればなんとやらな謎の挙動をしたり大変ですよね）

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

• @mizchi

質問

routerとかがフレームワークごとにあると思うけど、routerだけは統一的な感じになると思いますか？

回答

routerは辛いテーマだと思う。
webエンジニアのイメージしてるrouterは非常に狭いと思う。
webではルーティングはURLとの対応だが、例えばGUIを作っている人たちはルーティングをスタックとして捉えている。
基本はスタックがあって、スタックを積んでいってルーティングする。
画面を遷移させるだけがルーティングではなく、url→状態ではなく
状態のシリアライズ→urlという発想を持ったほうが良い気がする。
でもとりあえず一般化しようとすると実装が破綻するから、
urlがマスターか、アプリの内部状態がマスターなのかを意識して、選択してもらえると。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

表題の通りです。ケースバイケースなようにも思いますが傾向としてどんな感じでしょうか...。使用するライブラリ間の傾向に違いがあったら面白いかも。

質問

組織ではなく、プロダクトとしてのステップについて、目指すべきゴールを教えてください。
何からやっていくか、ゴールに向けてどうやっていくかなど。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

デスクトップ版でははservice workerをインストールしてPayment Appsで決済出来るらしいが、そこでインストールした物が悪意のあるものだった場合どう対処するのか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

Web パフォーマンスについて何でも訊いて下さい

超速 AMA です。Web パフォーマンスについて何でも訊いてください。処理分野（ネットワーク、レンダリング、スクリプト）ごとの最適化、フェーズ（ページロード、ランタイム）毎のパフォーマンスの捉え方、超速本についてなど、可能な限りお答えします。

• @ahomu（サイバーエージェント）
• @1000ch（サイバーエージェント）

質問

Webパフォーマンスチューニング初学者です。 (Web超速本読みはじめです)
最近、 box-shadow と border-radius によるパフォーマンス劣化に遭遇しました。
border-radius を非適用にすることで驚くほどパフォーマンスが向上したのですが、デザインを保ちつつどうやって改善するか悩んでいます。
なぜ border-radius のレンダリングコストが高いのかご存知であれば知りたいのと、(すでにWeb超速本にかかれているかもしれませんが) スタイリングを保ちながら改善するためのアプローチ手法についてご教授頂きたいです。
また、スタイリングを起こすときにデザイナーとこの事についてコミュニケーションは取っているのでしょうか？

Issueのタイトル

• Payment Request APIがどこまでの役割を持つか
• 決済フローの違いをどうカバーしているのか
• フロントエンドがどこまでなのか等役割分担はどうなっているのか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

質問

アクセシビリティをやっていこうという雰囲気作り（下地作り）が大変。
すでにfreeeでは関心がある状態だと思うが、どうやってそういう状態に持っていったか詳しく知りたい

また、工数など、経営者側に理解がないと苦しそうだが、どう解決したか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

Issueのタイトル

質問内容(20文字程度) / AMAブース名(下記)

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

JSONとかAPIをキャッシュするのはありか？パージはできるのか？

デザインとエンジニアリングのワークフローについて語りましょう

高度なプロトタイピングツール、デザインシステムといった、様々な手法が台頭している現在、そのあり方は再び変わりつつあります。 協業する上での悩み、ノウハウ、Yahoo/GYAO/リッチラボで実践されているワークフローについて、なんでもお答えします。

• @narirou（Yahoo! JAPAN）
• @oodemi（Yahoo! JAPAN / リッチラボ株式会社）
• @deytack（Yahoo! JAPAN / GYAO株式会社）

質問

サービスデザインを行うUXデザイナーにエンジニアからの質問が集中しがちです。
仕様について疑問があるとエンジニアが一人のデザイナーに駆け込み、考慮不足による仕様の練り直しや議論に発展しがちなので効率が悪く、デザイナーがやりたい本質的な仕事を阻害しています。
皆様の経験からこのようなことが思い当たれば対策についても教えていただきたいです。
また、経験がない場合でもサービス内でチームの編成 (縦串と横串) がどうなっているのかについてお伺いしたいです。

Issueのタイトル

Web Components とか ES Modules について / 現場の ES201x とアーキテクチャの変遷と未来

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• 動的デザインガイドのつくり方 by narirou
• コンポーネントTDDの実践から見えたもの by pirosikick

質問

Web Components のメリット・デメリットと今後の展望について

• Reactと比較した場合のメリット・デメリット（特にパフォーマンス周り）
• 今後Web ComponentsはWebアプリのスタンダードになり得るか？

Shadow DOM時代のCSSについて

• BEMやSMACSSのようなCSSアーキテクチャは不要になるのか？

ES Modulesについて

• webpackのようなバンドラは今後使われなくなってくるのか？（HTTP/2前提で）

といった、今後のWEBフロントエンドのトレンドについての所感をお聞かせいただけると嬉しいです。

Web Payments / Payment Request API について何でも訊いて下さい

Payment Request API, Payment Handler API などの Web Payments にまつわるフロントエンド仕様についての質問を受け付けます。その他決済システムにまつわる疑問についても、可能な範囲でお答えできればと思っています。

• @agektmr（Google）

質問

Payment Requestに関する実装方法についてはドキュメントがあったのですが、支払い機能をもつアプリの開発方法についてのドキュメントを探すことができなかったので教えていただけたらと思います。
よろしくおねがいいたします。

質問

日本国内のwebアクセシビリティと、国外の違いは？
日本と海外で比較して遅れているとか、適合状況とか。
また、進んでいる国があれば教えてください。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

デザインとエンジニアリングのワークフローについて語りましょう

高度なプロトタイピングツール、デザインシステムといった、様々な手法が台頭している現在、そのあり方は再び変わりつつあります。 協業する上での悩み、ノウハウ、Yahoo/GYAO/リッチラボで実践されているワークフローについて、なんでもお答えします。

• @narirou（Yahoo! JAPAN）
• @oodemi（Yahoo! JAPAN / リッチラボ株式会社）
• @deytack（Yahoo! JAPAN / GYAO株式会社）

質問

もしデザインシステムのような類を社内でつくられているとしたら、それはどのように運用されているのでしょうか？

Issueのタイトル

質問内容(20文字程度) / AMAブース名(下記)

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

• @mizchi

質問

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• 動的デザインガイドのつくり方 by narirou
• コンポーネントTDDの実践から見えたもの by pirosikick

質問

（もしかしたら Andrew Betts 氏のセッション中に消化されるかもしれませんが）

現在 Fastly を利用している手元のプロダクトで、サーバー側で HTML を出力する際に、ブラウザ名＆バージョンとOS名＆バージョンの計4情報を利用しています。

VCL 上で詳細なパースをするのは難しそうな（または煩雑にすぎる）ので https://github.com/Financial-Times/polyfill-service/blob/master/vcl/main.vcl を参考に UA パース用のエンドポイントを用意して restart する手法などを試しています。

• もうちょっとうまく User-Agent と付き合いたい
• Fastly ないし VCL 芸でなんとかなるものなのか
• accept.language_lookup() みたいな組み込み機能で簡単なパースが行えるようにできないか
• うまく User-Agent と付き合っている事例やカスタマイズの話があれば
• やはりアプリケーション側で UA 情報への依存量を減らしていかないと...？
  • （どのみちそうしないと HIT 率が上がらなくて苦しいのですが）

あたりをざっくり伺えると嬉しいです。

質問

一番乗り気にならなかった（大変だった）案件はありますか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

いざ社内でやっていこうというときに、方針がわからなかったり迷ったときに、参考になる・聞ける場所はありますか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

各種デスクトップブラウザでの動き、対応状況はどうなっているのか

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

デザインとエンジニアリングのワークフローについて語りましょう

高度なプロトタイピングツール、デザインシステムといった、様々な手法が台頭している現在、そのあり方は再び変わりつつあります。 協業する上での悩み、ノウハウ、Yahoo/GYAO/リッチラボで実践されているワークフローについて、なんでもお答えします。

• @narirou（Yahoo! JAPAN）
• @oodemi（Yahoo! JAPAN / リッチラボ株式会社）
• @deytack（Yahoo! JAPAN / GYAO株式会社）

質問

開発サイクルの最初に立てたサービスデザインの仕様が確定した段階で、その仕様で打ち出した仮説が正しかったのかを評価するためにリリース後の分析設計 (メトリクスの収集や計測方法、どんな指標をどう評価するか...etc.) をしますか?やるとしたら分析指標を決めるのはデザイナーなのでしょうか？
どんな指標を取れるのかデザイナーがわかりにくいためコミュニケーションコストが大きいと感じています。
このあたりの話でチームで実践されていることを広くお伺いしたいです

質問

セッションで既存プロダクトにaltが設定されていないなどの改善策が紹介されていたが、例えば全盲の方へのUXはどういうものが「理想」なのでしょうか。
健常者は俯瞰して見れるが、音声だと俯瞰できない。
全盲の方はどういうユーザビリティになっていると嬉しいかなどのガイドラインはありますか。

質問をしたいAMAブース

• Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• Fastly のエッジクラウドについて何でも聞いてください by Fastly
• Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• freeeのアクセシビリティ、いまとこれから by 伊原 力也
• 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

Issueのタイトル

dockerのnodeのコンテナってローカル開発環境で使われてますか?

質問をしたいAMAブース

• AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota

質問

フロントエンド開発でdockerのnodeのコンテナって使われていますか。CI環境とローカルの開発環境を近づけられたらと思いnodeのコンテナの使用を検討しています。もし使っていたら話を聞けると嬉しいです。

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

• @mizchi

質問

端末によってパフォーマンスは変わってくるが、常に確認したいときどのようなツールが有るか

回答

lighthouseがオススメ。
npmにcliツールにもなっているのでそれを使うと良い。
自分が書いたQiitaもあるから見てみて。
lighthouse のスコアを CLI だけで確認する - Qiita
puppeteerの計測がすごいが、数値がプリミティブなので読むのは相当つらい。けどできたら楽しい。
最近SEOのスコアも取れるようになった