パスワード不要な世界はいかにして実現されるのか - FIDO2 と WebAuthn の基本を知る: Tender Surrender

2019/03/14 256 users WebAuthn リテラシ オンラインアカウント FIDO2

不正送金やアカウントの乗っ取りなど、パスワードが原因の事件が後を絶ちません。高齢者など、IT リテラシの低い人でも簡単かつ安全に自分のオンラインアカウントを管理できる世界が理想ですが、まずはパスワードの不要な世界を実現するのが先決であることは、これまでのインターネットの歴史で証明されたと言えるでしょ... 続きを読む

結局 PWA は来るの？来ないの？: Tender Surrender

2018/03/26 759 users Pwa Instagram Twitter エバンジェリスト

昨日 Twitter でこんな記事を発見しました。 PWAが来るって言っているエンジニアは今すぐ辞めろ 「instagramのPWAが最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、オワコンであった。」 もしかしてこれのことかな？ Instagram PWA is sooooooo impressive. I prob... 続きを読む

Payment Request API のよくある誤解を解く: Tender Surrender

2017/12/07 83 users medium Payment Request API 誤解

このポストは Chromium Browser Advent Calendar 2017 の 12/8 分です。 先日 Medium に投稿した英語版 を翻訳し、日本向けに若干加筆したものになります。 Payment Request API が登場してからというもの、おかげさまで非常に多くの方に興味を持っていただいています。一方、その複雑さから勘違いや、誤った情報を元に盛り上がってしまっているよう... 続きを読む

Web Payments はなぜ避けて通れないものになるのか - ウェブでの新しいお金の払い方: Tender Surrender

2017/08/24 208 users メインストリーム ユーザーエクスペリエンス API ウェブ

前回の記事 で解説したように、Payment Request API によってウェブでの支払いにおけるユーザーエクスペリエンスは大きく変わる可能性があります。しかし、これが本当にメインストリームになるのか、将来的に自分のサイトを対応させる必要性は出てくるのか？そんな疑問を持つ方は少なくないと思います。 僕はかなり高い確率で、今後ウェブ上でのほとんどの支払いが Web Payments を経由したも... 続きを読む

ウェブのプッシュ通知、何がそんなにすごいのか？: Tender Surrender

2015/03/14 619 users Chrome ユーザーエンゲージメント Android 理由

3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ... 続きを読む

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

2015/01/20 550 users ウェブアプリケーション 革命 Web Components

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

HTML Imports - Web Components を構成する技術: Tender Surrender

2015/01/07 44 users HTML Imports Web Components

この記事は webcomponents.org の記事とのクロスポストです。 Template や Shadow DOM、Custom Elements を使うことで、機能ごとの UI コンポーネントが実現できるようになることはこれまでに説明してきました。しかし、それらを使ったコンポーネントの HTML、CSS、JavaScript を別々に呼び出すのは、非効率です。 依存関係の解決も容易ではあり... 続きを読む

Tender Surrender: ブラウザで音を楽しむイベント：Web Music ハッカソン #3 レポート

2014/09/17 14 users ハッカソン 目白押し API Web MIDI 濃い内容

2014年9月17日水曜日 ブラウザで音を楽しむイベント：Web Music ハッカソン #3 レポート ブラウザで利用可能な Web Audio API や Web MIDI API などを使って音を楽しもうというこのハッカソンも、早いものでもう3回目となりました。今回も実に濃い内容で、素晴らしい作品が目白押しだったのですが、このポストではできるだけさらっと、その内容をお伝えしたいと思います。 ... 続きを読む

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

2014/05/19 550 users ウェブアプリケーション 革命 Web Components

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

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

2014/05/19 550 users ウェブアプリケーション 革命 Web Components

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

Tender Surrender: Canvas に描いた画像を png などの形式の Blob に変換する方法

2013/09/02 39 users blob canvas JPEG コンテキスト PNG

2013年9月2日月曜日 Canvas に描いた画像を png などの形式の Blob に変換する方法 canvas の DOM エレメント (コンテキストではない) から toBlob() を使う、というのが一番簡潔な回答です。が、これは Firefox には実装されているのですが、残念ながら Chrome にはまだ実装されていません。そこで下記の方法を使って png や jpeg など、任意の... 続きを読む

Tender Surrender: 超カンタン！HTML5 で GIF アニメを作る方法

2013/08/02 32 users canvas gif 超カンタン ライブラリ ライ

2013年8月2日金曜日 超カンタン！HTML5 で GIF アニメを作る方法 知っている人は知っている方法だと思いますが、実際にやってみたのでメモ。 ※ デモの画像はこちらからお借りしました。特にライセンスが記述されていなかったのですが、問題があれば差し替えます。 ライブラリは jsgif というのを使わせて頂きました。 手順はライブラリを読み込み、画像をひとコマ分ずつcanvasにロード、ライ... 続きを読む

Tender Surrender: Chrome でもう大量のタブに悩まされない Project Tab Manager 2.0 リリース

2013/05/06 69 users Chrome Extension バージョン Chrome

2013年5月6日月曜日 Chrome でもう大量のタブに悩まされない Project Tab Manager 2.0 リリース 昨年夏に公開した Project Tab Manager という Chrome Extension のバージョン 2.0 をリリースしました。Project Tab Manager 知らなかった！という人がほとんどだと思うので、ゼロから書いてみます。 Project T... 続きを読む

Tender Surrender: Google の Developer Advocate とはどんな仕事なのか？

2013/04/11 49 users YouTube Developer Advocate 仕事

2013年4月11日木曜日 Google の Developer Advocate とはどんな仕事なのか？ 僕の仕事は Google の Chrome Developer Advocate です。 Google Japan では先週 (2013 年 4 月) からこの Chrome の Developer Advocate を募集開始しました。他にもGoogle+、YouTube、Android ... 続きを読む

Tender Surrender: HTML5開発者に便利なツール14個

2012/03/13 159 users jQuery DOM APIリファレンス Python PHP

2012年3月14日水曜日 HTML5開発者に便利なツール14個 先日Google+でAddy Osmani氏が紹介していたオンラインツールが便利そうだったので紹介します。 DocHub.io CSS, HTML, JavaScript, DOM, jQuery, PHP, PythonのAPIリファレンス。インクリメンタルサーチできるので、開発中は常に開いておきたい。 Dillinger.io ... 続きを読む

Tender Surrender: WebSocketのバイナリメッセージを試したら、ウェブの未来が垣間見えた

2012/03/06 503 users WebSocket 理屈 結論 ウェブ 未来

2012年3月6日火曜日 WebSocketのバイナリメッセージを試したら、ウェブの未来が垣間見えた 長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっ... 続きを読む