スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ！（Frontrend Advent Calendar 2013 – 06日目） | Ginpen.com

2013/12/06 430 users ハードウェアアクセラレーション Ginpen.com 周回

この記事はFrontrend Advent Calendar 2013の6日目の記事です。昨日は谷さんでWeb Components/Polymerを軽く触ってみるでした。（これ今後数年で大流行りしそうに思うので、未読なら是非！） さて、最近はHTML5だCSS 3だFlashやめてJS制御でアニメーションだーってんで盛り上がってるわけですが（周回遅れ）、いざアニメーションを実装してみても、なかな... 続きを読む

PolymerでMaterial Designなチャットアプリを作ろう | HTML5Experts.jp

2015/03/17 310 users ユーザエクスペリエンス Material Design

今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。まず始める前にこ... 続きを読む

PolymerでMaterial Designなチャットアプリを作ろう | HTML5Experts.jp

2015/01/27 308 users ユーザエクスペリエンス Material Design

今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。 まず始める前に... 続きを読む

Polymer と Web Components - steps to phantasien

2013/05/20 217 users GWT Closure angular フレームワーク 見解

先週はサンフランシスコで勤務先の年次博覧会が催され、中には自分と近いプロジェクトを紹介するセッションもあった。 いい機会なので便乗して宣伝してみたい。自主会社員活動につき勤務先の見解と違っても見逃してください。 さて件の年次博覧会、ウェブ開発者向けの講演の一つで Polymer という新しい JavaScript UI フレームワークが公開された。 Closure, GWT, Angular とき... 続きを読む

Electron と Polymer と TypeScript でリッチなマークダウンプレビュアー Shiba つくった - sorry, uninuplemented:

2015/08/03 180 users shiba Electron Sorry mattn

2015-08-03 Electron と Polymer と TypeScript でリッチなマークダウンプレビュアー Shiba つくった Electron Polymer TypeScript JavaScript 結構前ですが，mattn さんが小さい markdown ライブプレビューアプリ mkup をつくっていて，そういえば僕も合う markdown ライブプレビューアプリが無いなぁ... 続きを読む

GoogleAppsScript - Google Apps Scriptで今どきっぽい社内向けウェブアプリを作る - Qiita

2015/01/28 151 users Qiita GoogleAppsScript Check

今どきっぽいというのは、各種JavaScriptライブラリを使うという意味です。ここでは、Bootstrapと、Knockout.jsを使ったサイトを作ってみます。 HTML Serviceの強化 @dz_ さんの記事のCheck! Google Apps Script - UIの実装は HtmlService + Polymer の利用が主流に？に書かれているように、Google Apps Sc... 続きを読む

Polymerで作る次世代ウェブサイト

2015/01/26 135 users

Pornographic Defamatory Illegal/Unlawful Spam Other Violations Thanks for flagging this SlideShare! Oops! An error has occurred. 続きを読む

話題のMaterial DesignをWebで実現！Polymerで「Paper Elements」を試そう | HTML5Experts.jp

2014/08/05 125 users 連載 コンセプト 後半 デザインガイドライン 特集

連載： Google I/O 2014 特集 (10)この記事では2014年7月にGoogle I/Oで発表されたMaterial Designについて、どのようなコンセプトなのか、これまでのデザインガイドラインと何が違うのか、ポイントをおさえて紹介します。記事の後半では、Material DesignをWebで実現するためのPolymerとPaper Elementsに関しても説明します。 Ma... 続きを読む

Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb

2013/05/16 125 users OpenWeb 夜明け

今、Google I/Oに来ています！ そこで参加したWeb Components in Actionというセッションで、以前から注目していたWeb Componentsについて、大きな動きがあったことを知りました。 Polymer.jsというライブラリにより、Web Components仕様の大部分が動作させられるだけではなく、様々なカスタムコンポーネントを既に利用可能とのことなのです！ ちなみ... 続きを読む

Web Componentsを構成する4つの仕様 ー Web Components基礎編 | HTML5Experts.jp

2014/10/31 112 users Web Components 仕様 4つ X-Tag 実装

我々Web開発者がWeb Componentsという言葉を耳にしてから、もう2年程経ったでしょうか。Web Componentsが変えるWeb開発の未来という記事に、「今のWeb開発がどのような課題を抱えているか、それをWeb Componentsがどう解決するか」を書きました。これを踏まえて、本連載ではWeb Componentsの仕様から実装、PolymerやX-TagといったWeb Comp... 続きを読む

HTML5アプリ作ろうぜ！（13）：誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer (1/4) - ＠IT

2014/10/20 109 users Bootstrapライク レイアウト Android ソース

HTML5アプリ作ろうぜ！（13）：誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer (1/4) Material DesginでWeb ComponentsでオープンソースでレスポンシブなJavaScriptフレームワーク「Polymer」をWeb上で活用するためのチュートリアル記事です。Bootstrapライクなレイアウトを実現するサンプルを交えて... 続きを読む

Polymer と Web Components の違い9選（もとい Polymer の便利機能） ::ハブろぐ

2014/08/06 102 users template ライブラリ きり 勢力 ハブろぐ

との違い、もとい付加機能 色々な周辺事情で、勢力を広げつつある Polymer さん。（つい最近、それに加担したような気もする） 「どこまでが Web Components で、どこからが Polymer なのか」を理解するためにもPolymerの機能をメモる。Polymer は色々なことを便利にしてくれるライブラリであり、差分を言い出すとキリがないので主要なポイントだけ。 <template> ... 続きを読む

Web Componentsを構成する4つの仕様 ー Web Components基礎編 | HTML5Experts.jp

2015/03/17 91 users Web Components 仕様 4つ X-Tag 実装

我々Web開発者がWeb Componentsという言葉を耳にしてから、もう2年程経ったでしょうか。Web Componentsが変えるWeb開発の未来という記事に、「今のWeb開発がどのような課題を抱えているか、それをWeb Componentsがどう解決するか」を書きました。これを踏まえて、本連載ではWeb Componentsの仕様から実装、PolymerやX-TagといったWeb Comp... 続きを読む

Web Componentsを簡単・便利にするライブラリ「Polymer」を使いこなそう | HTML5Experts.jp

2014/12/26 91 users ライブラリ 実装 Web Components 連載 仕様

連載： 基礎からわかる Web Components 徹底解説 〜仕様から実装まで理解する〜 (3)Web Componentsを簡単・便利にするライブラリ「Polymer」を使いこなそう この記事は、連載「基礎からわかる Web Components 徹底解説 〜仕様から実装まで理解する〜」の第3回目になります。連載の第3回目となる今回は、Googleが中心となって開発を進めるPolymerとい... 続きを読む

ExpandJS - 多くのUIコンポーネントと役立ちメソッドを備えたJavaScriptライブラリ MOONGIFT

2015/07/19 90 users MOONGIFT UIコンポーネント メソッド 関数 多く

最近のWebはフラットなUIが主流で、かつユーザのアクションに対して何らかのアニメーションを行うマテリアルデザインも取り込まれてきています。そのためにも多くのフレームワークが出ています。しかしそれらを導入するとしばりが強いと感じている人も多いでしょう。 そこでExpandJSの導入です。PolymerとGoogleのマテリアルデザインをベースに、80以上のカスタムエレメントと350を越える関数を提... 続きを読む

Material Design と Polymer - HTML5とか勉強会に登壇してきた ::ハブろぐ

2014/07/29 80 users Googler ケーススタディ とこ ライブラリ まわり

まさかのデザインに関するトーク 先日の 第49回 HTML5とか勉強会 で、Material Design と、それをWebで実践するための Polymer (Paper Elements) まわりについてお話させていただきました。 去年とか、Googler が紹介するパフォーマンス関係のわりとマニアックなトコだとかケーススタディの共有に努めたり、さらにその前もJavaScript関係のライブラリ... 続きを読む

Google I/O で v1.0 が発表された Polymer の Elements Catalog が面白い ::ハブろぐ

2015/06/01 78 users ラッパーライブラリ Site コンポーネント 一角 ハブろぐ

Polymer Elements のカタログページ Site: Polymer Element Catalog Repo: Polymer/polymer-element-catalog Polymer は、これからの Web 標準の一角を占めるであろう Web Components のラッパーライブラリです。その Polymer で作られたコンポーネントのカタログサイトが公開されていました。 こ... 続きを読む

［速報］マテリアルデザインを実現するWeb Componentsライブラリ「Polymer」が正式バージョンに。「Polymer 1.0」発表。Google I/O 2015 － Publickey

2015/05/28 68 users Publickey アプリケーション チャート 到達 速報

Googleは、同社のイベント「Google I/O 2015」において、マテリアルデザインを実現するWeb Componentsライブラリ「Polymer」が正式バージョンとなる「Polymer 1.0」に到達したと発表しました。下記はPolymerのWebサイトの画面です。 Polymer 1.0への到達に合わせて、ツールバーやメニュー、マップやチャートといった一般的なアプリケーションのUIを... 続きを読む

JavaScript - PolymerでのCSSについて - Qiita

2014/07/09 62 users Qiita CSS iOS上 Android タイミング

最近はPolymerにどっぷりです。Polymerをこのタイミングでプロダクション環境に使おうとしているのは、正直かなり厳しいとは思いますが、人柱のつもりでまぁ・・・。いや、プロダクション環境で人柱すんなって話ですね。 それはそれとして、Polymer、というかWeb Componentsが現状全うに動作する環境、というのは、事実上Chrome(PC/Android)しかありません。iOS上ではま... 続きを読む

JavaScript - Polymerを実際に使ってみた - Qiita

2014/07/05 53 users Element owner ini Qiita script

<link rel="import" href="bower_components/polymer/polymer.html"> <polymer-element name="x-test"> <template> This is <b>{{owner}}</b>'s name-tag element. </template> <script> Polymer('x-test', { // ini... 続きを読む

Polymer 1.0 リリース

2015/07/22 49 users リリース Polymer 1.0 released 翻訳

このブログでは、Google から開発者のみなさま向けの情報をいち早くお届けします。 [この記事は Taylor Savage、Polymer プロダクト マネージャーによる Google Developers Blog の記事 "Polymer 1.0 Released!" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。] [このブログの元記事は Google I/O 2015 が... 続きを読む

JavaScript - PolymerでCustom Elmentsは簡単に作れるのか - Qiita

2014/07/05 31 users GENERATOR Qiita entry エモい話 http

エモい話はブログに書きました http://nekova.hatenablog.com/entry/2014/07/05/211303 簡単に作るために必要なこと 自分で一から作るより、generatorに作らせた方が早いし便利 [?] What do you want to use? Polymer [?] What's the GitHub repository? your-repo 小さなコ... 続きを読む

JavaScript - Polymerを0.4から1.0に上げてみ（たかったけど挫折し）た - Qiita

2015/06/17 29 users Qiita Polyfill プロダクション 疑問 時点

つい先日、Polymerがついに1.0になり、Production readyということになりました。webcomponents.jsというpolyfillが必要って時点で本当に Production readyなのか？という疑問は尽きませんが、それでも一つの里程標となったことでしょう。 さて、約1年半ほど前、0.4の時代のPolymerを社内システムとはいえ、プロダクションに適用してみたものの、... 続きを読む

Material design with Polymer - Polymer

2014/06/25 29 users

Dialogs, snackbars, and toasts Dialogs, snackbars and toasts all appear as a separate sheet, overlaying the background. The paper element collection includes two elements. A dialog (<paper-dialog>) is... 続きを読む

ブラウザで楽しめるドラム＆ベース＆ポケット・ミクのシーケンサー作った JavaScript/Web MIDI API: point of view point

2015/05/08 26 users シーケンサー API ミク ウェブブラウザ Web MIDI

JavaScript、Web MIDI API、Web Components/Polymerなどを使ってウェブブラウザで動くシーケンサーを作成、公開しました。 ドラムとベースに合わせて、eVocaloid初音ミク（ポケット・ミク）が歌います。ベースの音色変化にも対応しているので、アシッドっぽいこともできたりします。 Web MIDI API Rhythm & Bass Machine / ブラウザ... 続きを読む