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

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

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

Qwikの紹介 – HTMLファーストのフレームワーク | POSTD

2022/11/24 97 users POSTD Qwik ビジュアルエディタ angular 開発

Builder.ioは、強力なビジュアルエディタにより、開発者ではない人が超高速なサイトを開発・編集できるようにしています。 私たちのビジュアルエディタが優れている点の1つは、AngularからWeb Components、 そしてその間にあるすべてのフレームワークに至るまで、 さまざまなツールで同じサイトを生成できることです。 ... 続きを読む

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 のリアル/ Realistic Web Components - Speaker Deck

2018/11/25 73 users Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

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

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

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

JSフレームワークの末端がWebComponentsになるのか、なれるのか、検証してみた - Qiita

2018/02/13 97 users Qiita mizchi React 末端 フレームワーク

https://speakerdeck.com/mizchi/real-world-es201x-and-future で、「Reactやその他のフレームワークの末端はWebComponentsになるのではないか？」という話をした。とはいえ、実際に自分でそういうものを実装したわけではなかった。 じゃあ実際に、Reactから web components を呼ぶにはどうなるだろうか？実装してみた。 ... 続きを読む

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

2017年のWeb Components：新春特別企画｜gihyo.jp … 技術評論社

2017/01/02 51 users gihyo.jp 新春特別企画 技術評論社 ウェブブラウザ

Web Componentsの構成要素すべてをウェブブラウザがネイティブサポートしているのは， ChromeとOperaのみです。その他のウェブブラウザは， 部分的なサポートにとどまっています。 Web Componentsを試したい時は， 実際には上記の表で掲載されたすべてのウェブブラウザで既に試すことができます。数多くの×マークがついているウェブブラウザについても， その穴を埋めてくれる機構 ... 続きを読む

進化するWeb Componentsの今、2016年最新情報 | HTML5Experts.jp

2016/11/22 58 users HTML5Experts.jp フィードバック 実装 議論

連載： 基礎からわかる Web Components 徹底解説 〜仕様から実装まで理解する〜 (7) Web Componentsが変えるWeb開発の未来 から、はや二年が経ちました。コミュニティでの議論やフィードバックを経て2016年現在、Web Componentsの仕様は大きくアップデートされています。先日行われた DevFest Tokyo 2016 でも Web Components 2... 続きを読む

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

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

2015/06/01 78 users Polymer ラッパーライブラリ Site コンポーネント

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

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

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

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

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

2015/03/17 91 users HTML5Experts.jp 仕様 Polymer 4つ

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

Googleが勧める、SEOで今注目の2つの技術はJSON-LDとWeb Components | 海外SEO情報ブログ

2015/03/15 57 users JSON-LD ボキャブラリ シンタックス SEO 注目

[レベル: 上級]Googleはウェブマスター向け公式ブログで、JSON-LDとWeb Componentsの2つの技術を共に使うことを推奨しました。JSON-LDとはJSON-LDは、Linked Data（リンクト・データ）を記述するためのフォーマットです。 SEOにおいては、構造化データのボキャブラリの1つであるschema.orgを記述するシンタックスとして利用できます。構造化データとして... 続きを読む

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.net

2015/02/20 57 users iOS WebComponents reactjs Mui

MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやA... 続きを読む

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 という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるでしょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 ソフト... 続きを読む

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

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

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

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

Web Components(+Virtual DOM)ラッパー書いてみた ::ハブろぐ

2014/10/30 52 users Virtual DOM ハブろぐ jsx React ラッパー

Concept 『Web Components with Virtual DOM』 ahomu/Claylump Motivation Web Components ラッパーを書いてみたいなーと思った React の JSX がイマイチ気にくわない（JSとHTMLを一緒にするなオジサン） <template> に書いた内容を Virtual DOM 生成器に変換すればいいんじゃね というような所か... 続きを読む

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ライクなレイアウトを実現するサンプルを交えて... 続きを読む