mizchi

明日の下書き

---

これはなに

• 高円寺.dev #3 用の資料 https://koenji.connpass.com/event/160886/
• フロントエンド専門じゃない人向けの、フロントエンドの最先端〜やや未来の話です
• このレイヤーでは Node.js を使うべき/使うと強いという部分がありますが、他言語を否定しているわけではありません。むしろ他言語でこのアーキテクチャを模倣してほしいという話です。

mizchi

この記事は議論のたたき台で、ポジショントークや、偏見にまみれています。

今のフロントエンドの分類

• 古典的なサーバーサイド WAF への +α の味付け
• 大規模なクライアントアプリケーション管理のための SPA
• SEO / SSR を考慮した Node ヘヴィーな環境

他、提唱されてるパターン

mizchi

WebPackagingの「検証済みバイナリ」の応用に期待するもの。主にゲームクライアントの作成経験者としての意見です。

期待するもの

• 改造クライアント / DevTools からの副作用を止めたい
  • 検証に違反していたら fetch / ストレージへのアクセスさせたくない
  • 署名されたアセット以外(js の XHR, css の import, html の img.src など)からの fetch を止めたい
    • そもそも DevTools 開いたらその時点からの fetch を信用したくない
    • IndexedDb などへの副作用も検知したい
• 要は署名されたJSに署名外/署名違反からの副作用が入り込んでいないか検知したい

hashrock

シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ

GraphViz

http://www.graphviz.org/

• C製
• Doxygen, Moinmoinなどと連携可能
• ブロック図、クラス図、ネットワーク図など