Inside Frontend 2019 アウトラインメモ
Inside Frontendに参加してきたのでアウトラインメモ。 A1: TypeScript: Why and how we adopted it at Slack - Felix TypeScript + React Battle Field 1のUIはReact TIL Battlefield 1 user interface is powered by React+MobX : javascript Electronアプリで書かれてるSlackとかSkypeとかはJavaScriptで動いてる Slackでは、C++とかのネイティブコードも使ってる JSDocなどを使ったドキュメントや型も書いてたけど、スケールしなかった このような場面でTypeScriptを使うことにした TypeScriptはRuntimeに関与しない 多くのnpmモジュールは @types をサポートしてる
Polymer 3.0 Preview: Paths and names - Polymer Project
Blog Polymer 3.0 preview: Paths and names We're changing the way we import modules in Polymer 3.x 2018-02-26 Updated March 23, 2018. An earlier version of this post listed the wrong release versions. 3.0.0-pre.11 is the last version before the changes described here. 3.0.0-pre.12 is the first version with the new changes. These numbers have been corrected in the post. For hands-on information abou
“Web Componentsだけ” で新サービスを実装して見えたこと - Qiita
Double O というサービスを作りました。 フロントエンドはピュアな Web Components を採用していて、バックエンドは Lambda と DynamoDB のみで構成しました。 (厳密には CloudFront とか API Gateway とかもあるけどそこは省いていいよね？) REST API 以外の Util 系の Lambda 関数はすべて AWS Cloud9 で管理することで環境構築も不要な Lambda ができて楽でした。 TL;DR サーバーレスについてはごく普通のことしかしていないので、詳しくは触れないでおきます。 ピュアな Web Components だけでサービスを成立させることができた。 HTMLElement クラスを継承するだけなのでメジャーライブラリは不要になった。 Web Components の Custom Elements は標準仕様
lit-htmlとバニラWeb Componentsでコンポーネントを実装する - Qiita
Web Components は現在、Chrome と Safari でポリフィルなしで使うことができます。( 参考: Can I use: Custom Elements, Can I use: Shadow DOM ) Web Components ではコンポーネント開発に適した HTML 標準の API を使って、UI ライブラリに頼らずにコンポーネントベースのアプリケーションを構築できます。ポリフィルが必要な場合には Polymer から分離した webcomponents.js があるので、今から、標準の Web Components で開発ができる環境が整っていると言えます。 今回、標準の Web Components を使ったコンポーネント開発と、それを便利にする lit-html との組み合わせを比べてみます。最後に Polymer によって拡張された Extended W
Web Components 周辺の仕様とか 2017年秋
2017.09.12 Web Components 周辺の仕様とかブラウザ互換性 2017年秋 二週間後の素振り入ってます、連投ですが悪しからず。Web Components v0 から Web Components v1 へのアップデートに関しては、去年の DevFest Tokyo 2016 で発表した Web Components 2016 & Polymer v2 にまとめてあるが、それを改めて見直している。 HTML Templates HTML Templates は HTML ドキュメントに埋め込まれてもコピーして使うまで非活性であるような、本来的な雛形の機能を実現する <template> 要素の仕様である。 <script type="text/template">...</script> やら <div style="display: none">...</div> や
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - material-components/material-web: Material Design Web Components
Vue Fes Japan - Speaker Deck