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 ライブプレビューアプリが無いなぁ... 続きを読む

Chrome Tech Talk Night #8 レポート | 株式会社サイバーエージェント

2015/07/22 21 users 株式会社サイバーエージェント レポート 再演 講演 メンバー

2015年7月16日（木）に開催されたChrome Tech Talk Night #8の内容をレポートします。今回はGoogleのDeveloper RelationsチームのメンバーがGoogle I/Oの再演を中心に、PolymerやService Worker、Material Design Liteなどのホットな話題についてお話します。なお、動画はすべて英語での講演となりますのでご了承く... 続きを読む

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 が... 続きを読む

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

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

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

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を社内システムとはいえ、プロダクションに適用してみたものの、... 続きを読む

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/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 / ブラウザ... 続きを読む

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

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

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

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... 続きを読む

Polymer コードラボ資料の公開、およびイベントの開催について - Google Developer Japan Blog

2015/02/12 13 users 根気 初級 モチベーション セッション とおり

先日開催された HTML5 Conference でのセッション「Polymer で作る次世代ウェブサイト」の中でご案内したとおり、Polymer のコードラボ資料の日本語版を公開いたしました。初級から中級向け全 5 コースを、一本 30 分〜 60 分程度、ご自宅や職場でこなせる内容となっています。ぜひお試し下さい。 とはいえ、ひとりでこのコードラボをこなすには、モチベーションと根気が必要です。... 続きを読む

基本的な要素・機能を提供するCore ElementsとMaterial Designを実現するPaper Elements | HTML5Experts.jp

2015/02/12 25 users Paper Elements 要素 機能 ライブラリ 実装

連載： 基礎からわかる Web Components 徹底解説 〜仕様から実装まで理解する〜 (4)この記事は、連載「基礎からわかるWeb Components徹底解説～仕様から実装まで理解する〜」の第4回目になります。今回は、前回紹介したGoogleが開発するWeb Componentsのライブラリ、Polymerを元に作られたコンポーネント群「Core Elements」と「Paper Ele... 続きを読む

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でMaterial Designなチャットアプリを作ろう | HTML5Experts.jp

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

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

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

2015/01/26 135 users

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

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

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

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

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> ... 続きを読む

話題の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... 続きを読む

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

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

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

Polymer - フラットUIの進化版！？なMaterial Designを実現するUIフレームワーク MOONGIFT

2014/07/09 22 users MOONGIFT フレームワーク UIフレームワーク 進化版

Material Designという新しいコンセプトがAndroid Lより採用されます。より直感的にステータスが分かるようになったり、選択しているオブジェクトが判断できるようになります。フラットによって情報構造がシンプルになったからこそ実現できるデザインでしょう。 そんなMaterial DesignをWeb上で実現できるフレームワークがPolymerです。Google製の格好いいフレームワーク... 続きを読む

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... 続きを読む

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 小さなコ... 続きを読む