Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebフロントエンジニアはOSの夢を見る

 WebフロントエンジニアはOSの夢を見る

Zli x DMM 合同LTで発表した資料です。

https://www.youtube.com/watch?v=BjFDjxSTR78

uzimaru0000

July 18, 2020
Tweet

More Decks by uzimaru0000

Other Decks in Programming

Transcript

  1. 自己紹介
 - B4
 - うじまる
 - Webフロントエンド
 - TypeScript
 -

    Elm
 - 最近Rustをやってます。
 - Twitter
 - @uzimaru0000
 - GitHub
 - @uzimaru0000

  2. 構成
 - `x-system`
 - 全体を管理する役割、前のスライドのOSに当たる部分 
 - `x-window`
 - windowを管理する役割


    アプリの削除・最小化・サイズ調整をしている 
 - `x-hoge`
 - アプリケーションをmountする役割 
 一般的なSPAのWebアプリのエントリーポイント 
 余談
 CustomElementは `(.+)-(.+)` の形式になってないとダメ! 

  3. ShadowDOM と CSS in JSの相性が悪い!
 三行で
 - 一般的なCSS in JSのライブラリは


    <head>の中に<style>を作る
 - ShadowDOMはそのDOMの中で
 閉じたCSSを使える(便利!)
 - <head>で定義されたStyleは貫通しない

  4. まとめ
 - 自分の使える技術を1つのページに集めることができる!
 - 各アプリケーションを小さいアプリにできるので作ってて楽しい!
 - 情報が少ない 
 - やってる人がいなすぎる


    - Reactのイベント周りの処理でも不具合があった 
 - 日本語記事は無かった(気がする) 
 今後
 - Rustを勉強中なのでWASMを使いたい
 - もうちょっとリッチなアプリも実装したい