You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
昨日に引き続いて2日目なんですが、寝坊しちゃって15時からの参加。。 www.polymer-project.org 詳しく内容が知りたい方は、全てのセッションが公開されているYoutubeを見ていただくのが良いと思います。 www.youtube.com PolymerのSlackもあるので、興味がある方はぜひ参加してみてください。 Join us on Slack! 最初は、寝ながらコーヒー飲めるスペースで A11y with Polymer をボーっと聞いてた。 トークが終わったタイミングで会場に入る。2階席とかもあって、広さに圧倒される。 Polymer Power Tools を聞く。Polymerを実際に使う際に、開発を手助けするツールを、build, test, lint, server, csp, そして cdn を切り口に紹介。WIPなツールとして紹介されていた、Poly
さて、ここにこういうサイトがあります。 nodefest.jp 実はこのサイト、噂のPolymerの1.0をふんだんに使ってます。 というわけで、そんなそこまでがっつり使い込んだわけではないですが、知見らしいものが一応たまったので・・。 まだ見ぬ未来のポリマリストのために書いておきます。 Polymer Starter Kit github.com こういうのがありまして。 とりあえずcloneしてきてビルドすればそれっぽい雰囲気はすぐにつかめると思うので、さわってみたい人はここからはじめると良さそうです。 Gulp まずは外堀から埋めていきます。 # localhost:3000 で開発(ビルドしない) gulp serve # localhost:3000 で開発(ビルドしたものは`dist`配下に) gulp serve:dist # ビルドするだけ(`dist`配下に) gulp
遅い夏休みを利用して、 これに参加しにオランダのAmsterdamに着ました。 www.polymer-project.org 今日はこっちに来てから2日目なんですが、軽く振り返りつつ Polymer Summit 1日目の話に少しだけ触れます。 初日 直行便を利用。オランダ航空なだけに、ハイネケンが無料で飲めたのが最高だった 初日は時差ボケで調整日。ホテルで眠くなるまでコード書いてた。 2日目 トラムも使い方よく分からなく、SIMカードがないので歩きながらの情報収集が困難だった。ので、SIMカードを求めてErasumusparkからde krommerdt経由でKoninklijk Paleis Amsterdamらへんまで歩く。 スタバで情報収集。 SF行った時もそうだったんですが、スタバは注文の際に名前を言って、順番に呼ばれる形式。自分の名前は Daijiro っていうんだけど、発音
Polymer 1.0最新情報!(前編)ーPolymer 1.0とPolymer Catalog、活用事例の徹底解説 河合良哉 Polymerは、Google I/O 2015にて1.0が正式リリースとしてアナウンスされました。本記事は、Google I/OでPolymerが取り上げられた「Polymer and modern web APIs: In production at Google scale」のセッションをレポートします。Polymerの最新情報や活用事例、Polymer Catalog、Polymer Starter Kitなど 盛りだくさんのこのセッションの翻訳と解説を前後編に分けてお伝えします。 前編となる本記事では、「Polymer1.0の特徴」、「Polymer Catalogとすぐに使えるElements」、「ライブサイトへの適用例(前半)」を解説します。 Pol
At Google I/O 2015, Polymer 1.0 was announced as “production ready.” With 1.0 they introduced huge performance improvements and new elements to be used. The Polymer ecosystem now seems prepared for development. As a Polymer fan, of course I wanted to create Polymer elements and actually did some. For a published component, I needed automated testing and documentation published on the web. Thankful
[2015/11/10 追記] Web Components周りはだいぶ情勢が変わったのでこの記事の内容は真に受けないでください。 (コメント欄が有益なので記事は残します) Polymerというより現状のWebComponents全体がふらふらしてるので口車に乗せられると将来痛い目を見そうだと思った 半年くらい経ってブラウザベンダー間での議論がけっこう進展したので、Web Components自体は割と安泰かと思います。 Shadow DOMの仕様を満たしてない Polymerが使っているShady DOMはCustom ElementsのStylingを容易にするためにShadow DOM仕様を満たさない状態で使われています。 https://www.polymer-project.org/1.0/docs/devguide/styling.html#background the Pol
Polymer Elements のカタログページ Site: Polymer Element Catalog Repo: Polymer/polymer-element-catalog Polymer は、これからの Web 標準の一角を占めるであろう Web Components のラッパーライブラリです。その Polymer で作られたコンポーネントのカタログサイトが公開されていました。 これまでも Core Elements や Paper Elements が Polymer のコンポーネントとして提供されていましたが、分類も新たにレパートリーが拡充されています。 Cart に入れて Download カタログには各コンポーネントのドキュメントやデモが載っていて、使いたいものをチェックして Cart に入れていきます。必要なコンポーネントを Cart に入れてダウンロードさせると
Blog What is shady DOM? Why do we need a new kind of DOM? 2015-05-28 Table of ContentsWhy a new kind of DOM?DOM PollutionTree ScopingShadow DOM EncapsulationShadow DOM is awesome, why is there a shady DOM?Shady DOM is BornSummary Why a new kind of DOM? Encapsulation is at the core of web components. Web components aim to provide the user a simple element interface that is rendered with complexity
先日の Google I/O 2015 にあわせて Polymer 1.0 がリリースされました。めでたい。そこで表題のように、自分で Polymer エレメント(コンポーネント)を作るときの構成の話。 始めるにあたっては PolymerLabs/seed-element をベースにすると便利で、この中には以下のような標準的な構成が示されています。 bower による依存の解決 web-component-tester を使ったクロスブラウザのテスト iron-component-page を使った API ドキュメントとデモ web-component-tester web-component-tester は Polymer エレメントをテストするためのツールで、テストを実行するだけじゃなく Mocha や Async.js など便利なライブラリをテストから利用できるようにしてくれます
Polymerの1.0がリリースされました。今回は、AndroidとAndroid Ware、IoTの比重が大きく、ブラウザ関連の発表が少ないGoogle I/Oでしたが、Polymer 1.0はその中の貴重な発表の1つでした。 Polymerとは何か? Polymerはフレームワークではなく、さまざまな他のフレームワークの「下」で使える拡張可能なHTMLのレイヤーです。コンポーネントという言葉やコンポーネント的なものはMithril.jsやReact、Angular.jsさまざまなWebMVCで登場しますが、コンポーネント同士の互換性はありません。WebComponentsはコンテナ船のコンテナ的な、どこでも使えるコンポーネントを提供します(コンテナ船のメタファーはGoogle I/Oの説明から)。 1.0は0.5とくらべて、Chrome上で3倍、Safari上で4倍になっているとのこと
変更点のナナメ読み Polymer 1.0 が Google I/O 2015 のキーノート(?)で公開されたようなので、ドキュメントから変更点について気になるところだけ拾い読みしました。 ハイライト Introducing Polymer 1.0 - Polymer の Highlight より。 0.5 と比べて Web Components をネイティブサポートする Chrome で起動速度と実行時性能が劇的に高速化(したしい) 0.5 と比べて ペイロードサイズ(ファイルサイズ)を減らした 実装の全体的なリファクタリング(たぶんゼロベース) 新しく シンプル化&高速化されたデータバインディングを実装 新しく shady DOM という Shadow DOM の Polyfill を実装 ネイティブの Shadow DOM なしで要素のスタイルを保護する境界を作った 前々からアピール
Here at Divshot we’re huge fans of Polymer and everything Google is doing to move Web Components forward. In fact, we believe it’ll be the dominant way to build web apps in the near future. With Google’s recent acquisition of Firebase, I thought it’d be fitting to introduce you to both Polymer and Firebase if you haven’t already taken the plunge. Sometimes it’s difficult to put all of the pieces o
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。 まず始める前にこのライブデモ、Kitteh Anonymousをデスクトップまたはモバイルのモダンブラウザで実際に試してみてください。ここでは、このデモの簡略版であるLiteバージョンを実際に作成する方法をステップ・バイ・ステップで紹介したいと思います。 必要な知識 Polymerの基礎知識 パッケージマネージャ、Bowerの基本的な使い方(Polymerと依存するファイルをインストール、アップデートするのに使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く