Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど

2023/10/24 122 users WebAssembly Photoshop スレッド 用途

Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途... 続きを読む

JavaScript 今ドキな書き方 ES2020 - Speaker Deck

2020/11/14 435 users Speaker Deck Twitter Gma ＣＴＯ 赤貝

Transcript YouTube Live (2020.10.29 Thur. 21:00~) 話す人 現役のエンジニア二人 赤貝が好きな CTO と デザイン勉強中のエンジニア @mu_vpoe 最近の仕事は figma で画 面設計をつくることで す。英語の勉強してる。 ムー zaru @zaru CTO, Love 赤貝, JavaScript, Firebase, Web Components. Twitter フォロー お願いし... 続きを読む

ライブラリを使わずここまでできる！Web Componentsで近未来のフロントエンド開発 | ヌーラボ

2018/03/14 170 users 近未来 ヌーラボ ライブラリ Cacoo フロントエンド開発

Cacoo チームエンジニアの川端です。普段は Cacoo のエディター(編集画面)のフロントエンドの開発をしております。最近パパになったので 娘の写真を親に共有するアプリを作ってみました 。その際に、Web Componentsなる機能を使ってみました。JSフレームワーク群雄割拠の昨今、ライブラリを使わずWeb Componentsだけでどこまでできるのかご紹介したいと思います。 Web Com... 続きを読む

“Web Componentsだけ” で新サービスを実装して見えたこと - Qiita

2018/02/13 398 users CloudFront Qiita DynamoDB 関数

Double O というサービスを作りました。 フロントエンドはピュアな Web Components を採用していて、バックエンドは Lambda と DynamoDB のみで構成しました。 (厳密には CloudFront とか API Gateway とかもあるけどそこは省いていいよね？) REST API 以外の Util 系の Lambda 関数はすべて AWS Cloud9 で管理する... 続きを読む

Web Componentsについて気になること、泉水さんに全部聞いてきました！ | HTML5Experts.jp

2017/09/21 107 users HTML5Experts.jp

こんにちは、編集長の白石です。 この記事は、9月24日に開催される HTML5 Conference 2017 に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、株式会社サイバーエージェントにお勤めの... 続きを読む

「Web Componentsが来る！CSS設計はどうなる？」―CSSのエキスパートに聞いてみた！ | HTML5Experts.jp

2017/04/17 149 users CSS エキスパート CSS設計 ＣＴＯ 榊原昌彦

榊原昌彦 一般社団法人リレーションデザイン研究所 代表理事、一般社団法人エリア・イノベーション・アライアンス CTO こんにちは、編集長の白石です。 Safari 10.1からCustom Elementsが使える ようになったり、 Microsoft EdgeもWeb Componentsの実装を約束していたり と、Web Componentsの足音は刻一刻と迫ってきています。 そんな時代に、W... 続きを読む

Web Components と Electron でつくる Neovim フロントエンドの未来 - sorry, uninuplemented:

2015/12/19 199 users Electron Sorry mar Neovim vim

2015 - 12 - 20 Web Components と Electron でつくる Neovim フロントエンドの未来 Neovim Vim Electron Web Component この記事は Vim Advent Calendar 2015 の20日目の記事です． まずはこちらの スクリーンショット をご覧ください． エディタの UI やカーソル移動は Vim っぽいですが，mar... 続きを読む

Web Componentsの現状 | インフラ・ミドルウェア | POSTD

2015/08/11 108 users POSTD 展望 Web Component 議論 講演

2011年に発表されたWen Componentsは、コミュニティに衝撃を与え、発表以来、講演や議論のテーマとして多く取り上げられています。ところが実際は、Web Componentsはコミュニティに十分に受け入られていません。その現状と問題点、今後の展望について見ていきましょう。Alex RussellがFronteers Conference 2011で初めて発表したWeb Component... 続きを読む

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

2015/03/17 310 users Polymer ユーザエクスペリエンス チャットアプリ 注目

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

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

2015/01/27 308 users Polymer ユーザエクスペリエンス チャットアプリ 注目

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

なぜ Web Components はウェブ開発に革命を起こすのか: Tender Surrender

2015/01/20 550 users Tender Surrender ウェブアプリケーション

ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるでしょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 ソフト... 続きを読む

祝: Atom の Web Components 導入、ついでに Atom Shell の話。 - steps to phantasien

2014/12/22 220 users Atom steps to phantasien DOM

GitHub 謹製 Atom エディタが Shadow DOM を使い始めたという。 めでたい。せっかくだから私も Atom を使ってみよう。 起動してテキスト書きもそこそこにインスペクタで DOM を眺める。 するとあら素敵。Shadow DOM のみならず Custom Elements もばりばり使われているじゃありませんか。 ためしにステータスバーをつついてみるとわかる。 Atom は U... 続きを読む

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

2014/10/31 112 users HTML5Experts.jp 仕様 Polymer 4つ

我々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 Polymer Bootstrapライク レイアウト ソース

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 Polymer template ライブラリ きり 勢力

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

Web Componentsが変えるWeb開発の未来 | HTML5Experts.jp

2014/07/30 299 users HTML5Experts.jp 未来 Web開発 補完 連載

連載： Google I/O 2014 特集 (7)Web Componentsが変えるWeb開発の未来 Google I/O 2014でEric BidelmanがPolymer and Web Components change everything you know about Web developmentというタイトルで、Web Componentsおよびその補完・拡張ライブラリであるP... 続きを読む

Tender Surrender: なぜ Web Components はウェブ開発に革命を起こすのか

2014/05/19 550 users Tender Surrender ウェブアプリケーション

ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるでしょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 ソフト... 続きを読む

Tender Surrender: なぜ Web Components はウェブ開発に革命を起こすのか

2014/05/19 550 users Tender Surrender ウェブアプリケーション

2014年5月19日月曜日 なぜ Web Components はウェブ開発に革命を起こすのか ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくら... 続きを読む

Web Componentsで行うHTMLのコンポーネント化｜1 pixel｜サイバーエージェント公式クリエイターズブログ

2014/04/16 248 users Pixel サイバーエージェント ブログトップ 裏話 HTML

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 ブログトップ 記事一覧 画像一覧 JavaScrip･･･ » Web Componentsで行うHTMLのコンポーネント化 Wed, April 16, ... 続きを読む

Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG

2013/12/27 395 users 株式会社LIG 革命 超入門 Web開発者

こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下... 続きを読む

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

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

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

Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演 － Publickey

2013/12/02 103 users 村井純教授 及川卓也氏 及川氏 招待講演 コミュニティ

Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演 HTML5のコミュニティ「html5j」主催のイベント「HTML Conference 2013」。村井純教授の招待講演に続いて登壇したのは、Googleの及川卓也氏。 及川氏は「深まり、広がるWeb技術」と題し、技術動向としてWeb Componentsなどに触... 続きを読む

あなたの知らない超絶便利なWeb開発を叶える仕様Web Componentsとは～Google I/O 2013まとめレポート (1/3) - ＠IT

2013/07/10 205 users 超絶 Web開発 本稿 Google I HTML

本稿では、Google I/O 2013の中から、「Web Components」に関するセッションをレポートする。 「Web Components」は、簡単にいうと、Web（HTML）をコンポーネント化するための仕組みで、再利用性やメンテナンス性、開発効率を上げるのに大きな効果があるといわれている。 今年のGoogle I/Oでは、次の2つのセッションでWeb Componentsについて解説が... 続きを読む

Polymer と Web Components - steps to phantasien

2013/05/20 217 users Polymer GWT Closure angular 見解

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

［速報］グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013 － Publickey

2013/05/15 111 users Publickey カスタムタグ ユーザーインターフェイス

グーグルはサンフランシスコで開催中のイベント「Google I/O 2013」の基調講演で、Webの新しい技術「Web Components」を用いてユーザーインターフェイスの部品化に取り組んでいることを明らかにしました。 Web Componentsは現在W3Cが策定中の技術で、カスタムタグを定義でき、HTML/CSS/JavaScriptを組み合わせて部品を作ることができます。 グーグルは、特... 続きを読む