PolymerでFirebaseのリアルタイムデータベースとデータのやり取りをする - Qiita
データベースを有効にする Firebaseにアクセス こちら Databaseをクリック Realtime Databaseからデータベースを作成をクリック ロックモード テストモード から、テストモードを選択して、有効にするをクリック Polymerでデータ送信用のエレメントをつくる コンポーネントのインストール paper-input paper-inputは こちら DOWNLOADのコマンドをクリックしてコピー ターミナルにペーストしてインストール paper-button paper-buttonは こちら DOWNLOADのコマンドをクリックしてコピー ターミナルにペーストしてインストール テキスト入力欄と送信ボタンを作成 ダウンロードしたpaper-inputとpaper-buttonを src/my-view1.htmlにインポート <link rel="import" h
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
コードを書きながらデザインできる「Hadron」ってどんなツール？
デザインツールやプロトタイピングツールが増える中、デザイン可能なコーディングツール「Hadron」のプレビュー版がリリースされました。さっそくどんなツールなのか、チェックしてみましょう。 コーディングを行いながらデザイン制作まで行うことができるツール「Hadron」がプレビュー版をリリースしました。多くの注目を集めるツールですが、実際の機能はどのようなものなのでしょうか。 実際の画面を見ながら説明していきたいと思います！ Hadronとは Hadronとは、HTMLやCSSのコーディングを行いながら、同時にデザインを制作できてしまうというツールです。ブラウザ上で動作するツールなので、MacでもWindowsでも利用することが可能です。 デザインツールで作成したデザインファイルを元にコーディングを行うことが一般的ですが、それらを同時に行うことができるため、Webサイトの制作フローを大幅に短縮
Dart Web Apps on Android - Qiita
先日のGoogle I/OでAndroidやWebの新しいデザインであるMaterial Designが発表され、その実装が可能なPolymerへの注目が高まっています。PolymerはもともとJavaScriptですが、DartにもPolymer.dartとしてポーティングされています。 さてI/OではDart on AndroidもしくはGo on Androidが来るのではないかと皆さん期待していて裏切られたかもしれませんが、実は26日にDart公式ブログで、Dart1.5のモバイルアプリ開発向けの情報が述べられています。またPolymer.dartはすでにMaterial Designへの対応を終えており、これが意味するところはつまり、 『Polymer.dartを使ってAndroidでMaterial Designのアプリを作れ！』 ということでしょう！ ということでさっそく公式
Who's using Polymer?
Some things (we're aware of) using Polymer. Google properties Youtube Web Google Earth Chrome UI Youtube Gaming Google Patents Google Music Google Santa Tracker 2014 & 2015 Google I/O 2015 web app* Google I/O 2016 web app Google Project Fi* Chrome experiments* Google Developer Codelabs Google I/O 2014 codelabs* Google Zeitgeist 3D Globe* Polymer's site: polymer-project.org* Polymer's Element Catal
Webの未来は今。Polymer 2.0とWeb Components。Google I/O 2017 - Qiita
Webの未来は今。Polymer 2.0とWeb Components。Google I/O 2017GooglePolymer Googleが「Google I/O 2017」でW3C標準のWeb ComponentsベースのフレームワークPolymerの2.0のリリースを発表しました。 Polymer Keynote on Day 1の内容を速報します。 プロダクトマネージャーTaylor Savage 今年、SafariがWebコンポーネントをサポートしました。 これによって、10億以上のモバイルデバイスがWebコンポーネントをサポートすることになります。 PolymerはWebプラットフォームを未来に進めるために、Chromeチームと協働で進めてきました。 そして、PolymerはOSSのWebエコシステムと共に進んできました。 ReactやVueはWebに革新をもたらしました。
ExpandJS - 多くのUIコンポーネントと役立ちメソッドを備えたJavaScriptライブラリ MOONGIFT
最近のWebはフラットなUIが主流で、かつユーザのアクションに対して何らかのアニメーションを行うマテリアルデザインも取り込まれてきています。そのためにも多くのフレームワークが出ています。しかしそれらを導入するとしばりが強いと感じている人も多いでしょう。 そこでExpandJSの導入です。PolymerとGoogleのマテリアルデザインをベースに、80以上のカスタムエレメントと350を越える関数を提供するライブラリです。 ExpandJSの使い方 フォーム入力系。フォーカスが当たるとアニメーションします。 ツールチップ。 ダイアログ。 アクション付きダイアログ。 パネル。 メニュー。 ペーパー風表示。 アバター。 ボタン。 クリックでアニメーションします。 フローティングボタン。 アイコン。 アイコン付きリスト。 リストの右側に情報追加することもできます。 四角い系統のボタン。 チェックボタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webエンジニアなら 知っておきたい 画像圧縮
GitHub - lit/lit-element: LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
GitHub - Polymer/pwa-helpers: Small helper methods or mixins to help you build web apps.
Home
GitHub - Polymer/pwa-starter-kit: Starter templates for building full-featured Progressive Web Apps from web components.
Mix and Match: Angular + Custom Elements (Polymer)
GitHub - lit/lit: Lit is a simple library for building fast, lightweight web components.
GitHub - googlearchive/summit-2017
GitHub - Polymer/polymer-cli: Moved to Polymer/tools monorepo
GitHub - Polymer/prpl-server: ⚠️Maintenance mode⚠️ An HTTP server for Node designed to serve PRPL apps in production.
TechCrunch | Startup and Technology News
GitHub - Polymer/designer: Polymer Designer Tool
GitHub - GoogleChromeLabs/sw-toolbox: [Deprecated] A collection of service worker tools for offlining runtime requests![GitHub - GoogleChromeLabs/sw-toolbox: [Deprecated] A collection of service worker tools for offlining runtime requests](https://cdn-ak-scissors.b.st-hatena.com/image/square/27d857324c720e35287a04a54c45d916765a62d6/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F5bd3909c83d7cdfb6a9970c154446f689b694584bcb3cd1eef6d1a38121bc1e9%2FGoogleChromeLabs%2Fsw-toolbox)
