新しいWEBフロントの開拓.pptx

新しいWEBフロントの開拓
株式会社coroutine 東川諒央

自己紹介
1
TypeScript, lint, fmt など大体欲しいもの全部入り
3
CDN Edge 環境で動作するフルスタック WEB フレームワーク fresh
4
Deno で JSX が動作する未来とは
5
新時代を感じさせる JS ランタイム Deno
2
最新ニュース！npm全サポート宣言 & 最速ランライム宣言
6

自己紹介
1
株式会社 coroutine
東川諒央
@biwakonbu
大学教員ゲームバックエンドフリーランス
経歴
Ruby Python JavaScript
言語
PHP
技術顧問エンジニア教育
業務
設計プログラミングインフラ
etc…

2

2
❏ V8 を使用し、JS、TS および WASM 用のランタイムである
❏ Node.js での後悔を元にデフォルトでセキュアな環境を提供
❏ 勝手にファイル、ネットワーク、その他環境へのアクセスはできない
❏ TypeScript を標準でサポート
❏ TS 利用の為の面倒なインストール & 設定は不要
❏ TS 以外にも Linter, Formatter などビルトインツールが多数提供
❏ シングルバイナリの出力が可能 (UNSTABLE)
❏ Deno が監査済みの標準モジュールが提供されている

3
簡単なデモ

4

4
❏ アイランドアーキテクチャ (Island Architecture) の採用
❏ Islands Architecture - JASON Format
❏ 静的 HTML に最小限の JS を渡すアーキテクチャを採用
❏ React.js, Vue.js のようなライブラリでは JS ファイルの肥大化が
大敵だったがこの問題を解決する
❏ 部分差し替えによるインタラクティブWEBの実現
❏ Root のハイドレーションを止め、コンポーネント毎に変わる
❏ Preact 利用のため React ユーザには JSX が使える安心感
❏ Twind (tailwind-in-js) 組み込み採用

Deno で JSX が動作する未来とは
5
❏ WEB UI の領域が CDN Edge に移動する
❏ クライアントサイド (ブラウザ) で動作させる物が WASM に変わる？
❏ CDN (DOM操作) -> ブラウザ (ローカル完結処理) とか？
❏ SSR は面倒なものからあたり前のものになりそう
❏ SEO & 高パフォーマンスなページの両立を求められる時代に
❏ deno lint & deno fmt & TypeScript なチェッカーとの相性
❏ node プロジェクトでも deno lint | deno fmt する
❏ .vue, .svelte はパースできないが JSX なら動作するとの事
❏ JSX のプロジェクトならチェッカーだけを借りて利用する事が可能
❏ 設定不要な lint は現時点でも採用する価値あるのでは？

最新ニュース！npm全サポート宣言 & 最速ランライム宣言
6
❏ Denoが大幅な方針変更を発表。3カ月以内にnpmパッケージへの対応を
実現、最速のJavaScriptランタイムを目指しHTTPサーバを刷新－
Publickey
❏ 3カ月以内にnpmパッケージをインポート可能に
❏ 対応されれば移行拒否理由の殆どが解消される事に
❏ 最速の JavaScript ランタイムを目指す
❏ SSR に Node を利用する理由が無くなり CDN Edge 利用が想像できる
❏ Go の代替 API サーバ用言語ランタイムの可能性が出てきた
❏ シングルバイナリ生成可能
❏ 高機能な静的解析言語で高速なインタープリタ言語
❏ lint も fmt もデフォルトで揃っている開発体験

おわり
Twitter: @biwakonbu
Twitter やってます。
良ければ交流してください。

新しいWEBフロントの開拓.pptx

Recommandé

Recommandé

Contenu connexe

Similaire à 新しいWEBフロントの開拓.pptx

Similaire à 新しいWEBフロントの開拓.pptx (20)

Plus de Ryo Higashigawa

Plus de Ryo Higashigawa (10)

新しいWEBフロントの開拓.pptx