お疲れさまXMLHttpRequest、こんにちはfetch - Qiita
Service Workersでプッシュ通知を受信できるようになったわけですが([1]: GCM)([2]: Web Push)、Chromeではバージョン48まではGCMで通知だけができるようになっただけで、メッセージ本体は通知を受けてからService Workerでサーバから改めて受け取るような実装をする必要があったりします。 ここで、Service Workersでは、XMLHttpRequestが使えません。その代わり、XMLHttpRequest (以下、XHR)に代わるWHATWGの仕様としてFetch APIがあり、Service WorkersではこのFetch APIを使うことになっていますので、その使い方を簡単に紹介します。 Fetch API自体は、Service Workers専用のものではなく、メインスレッドでもXHRの代わりに使うことが可能です。現時点で実装し
HTML Editing APIsが面白い - 感謝のプログラミング
HTML Editing APIsというのは、ブラウザ上で、ワープロみたいにテキストの編集ができるようになる機能のことです。 ブログとかではよく、文字を大きくしたり色を付けたりする編集機能があって、それはたぶんボタンを押すとJavaScriptでタグをつけていると思うのですが、それをHTML5で策定された新しいAPIを使って、より簡単に実装することができそうです。 サンプルを見てみます。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML Editing APIs</title> <style> #toolbar * { vertical-align: middle; } #editspace { width: 450px; height: 300px; padding: 30px; border: 1px so
2015年のWeb標準 | gihyo.jp
株式会社ミツエーリンクスの渡邉卓です。昨年の「2014年のWeb標準」と同様に、2015年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2015年のWeb標準については「より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加」「ECMAScript 6仕様の利用増加」「IE7・IE8 未サポートWebサイト増加」をキーワードとして取りあげます。 より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加 2014年10月28日、ついにHTML5がW3C勧告 (Recommendation) となりました。すでに多方面で利用されているHTML5仕様ですが、勧告になったことで、今まで利用を躊躇していた方々にも確実に浸透していくと予想できます。詳細は後述しますが、現役のWebブラウザでありながら
AppGyver
Build beautiful data-driven apps with real native performance Introducing the first UI framework that's designed solely for building awesome hybrid mobile apps. We've selected the best of what HTML5, native APIs and the top frameworks have to offer. We've then modified, improved and re-imagined them to bring you the best blend possible. Everything is built for hybrid app development from the get-g
JyanKen SQUEEZE
「通信対戦」「2台で対戦」は対人用、「CPU対戦」は一人用です。 TwitterまはFacebookアカウントも利用できます。 通信対戦以外は自動的に設定されます。 通信対戦について 2つある対戦ルームのどれかを選んで対戦相手を待ちます。 通信対戦中は何もせずに放置すると時間制限でゲームが進むので注意してください。 画面中央のじゃんけんサークルを相手の陣地よりも押し出した方が勝ちです。 定期的に行うじゃんけんと、その合間で連打する連続じゃんけんがあります。 先に2勝した方が総合勝利です。 ゲーム中には特殊効果のあるスキルを使ってゲームを有利に進めることができます。 使用できるスキルは毎回ランダムで選ばれます。 スキルには手動発動スキル(Manual skill)と自動発動スキル(Auto Skill)があります。 スキルの種類 大手一撃 手動発動大きな手の強力な一撃を放ちます 反撃の狼煙
開発者によるWeb標準化を可能とする「Extensible Web」とは？
といったところが代表的でしょう。例えば、セレクタを用いたDOM操作は jQuery で実践的に有効性が示され、querySelectorとして標準化されました。これにより、jQueryのパフォーマンスは向上し、さらに Zepto.js のような軽量化ライブラリが登場・・・といったWebの好循環を起こしました。 一方、ユースケースの考慮が浅いまま実装されてしまったAPIは、 結果的に実践にそぐわず、憂き目にあってしまうケースが多々見受けられます。(その代表的な例が、Application Cache です) これまで説明してきたフィードバックループを、 Webを構成するHTML・CSS・JS等の様々な分野で更に展開できるといいのですが、 現在のWebを取り巻く環境では限界があります。なぜならば、 「Web開発者が、拡張(extend)できるポイントが少ない」 ためです。 例えば、CSSの構文
Apple Shows Love for HTML5 with iOS 8
We were as excited as everyone else with last week’s Apple iOS 8 release announcement. We have only had the iOS 8 GA bytes for a few days, but we wanted to do as quick and complete a write-up as we could to give the global web developer community an in-depth look at Apple’s latest release. There’s no doubt we’ll see a few items we missed in the next couple of weeks and months, but for now we wante
コーディングガイド by @mdo
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
モバイル時代のWebパフォーマンス
2014/8/30に開催された「HTML5とか勉強会 in IWATE 2014」のセッション資料です。Read less
エキスパートがぶっちゃけトークで語る「ハイブリッドアプリ開発、ホントのトコロ」
エキスパートがぶっちゃけトークで語る「ハイブリッドアプリ開発、ホントのトコロ」 馬場 美由紀（HTML5 Experts.jp編集部） HTML5を活用したハイブリッドアプリ開発について、Web業界を代表するエキスパート陣が様々な観点からレポートをお届けした「ハイブリットアプリ開発最前線」特集。 最後のレポートは「ハイブリッドアプリ開発、ホントのトコロ」と題し、第48回HTML5とか勉強会「ハイブリッドアプリ開発最新動向」の懇親会で行われたぶっちゃけトーク対談を再現レポートします。 ▲登壇者（左から）：株式会社ニューフォリア 畠田喜丈さん、アシアル株式会社 久保田光則さん、AngularJS Japan User Group管理人 金井健一さん、Google Developer Expert（Chrome）吉川徹さん モデレーター：HTML5 Experts.jp編集長 白石俊平 ハイブリ
Google Chromeの開発者が語るこれからのWebに必要なこと、ちょっとした懸念点とか - ふろしき Blog
ｰｰｰｰ HTML5はネタが出尽くした。あとは、IE8やAndroid2.X標準ブラウザのような、レガシーブラウザがいなくなればいいだけではないか？ 私は最近、そんな言葉を耳にすることがあるのです。しかし、ブラウザ開発者たちは未だに、そんなことを微塵も感じさせないほど働いています。まだまだ進化の速度を、落とすわけにはいかないようです。2014年06月14日に開催された「HTML5 Night」にて、Google Chromeの開発者である及川卓也氏の口から、これからのChrome開発について語られました。 本記事では、及川氏の講演のダイジェストをお届けします。 今のChromeには何が不足しているのか？ Chromeは2013年の4月に大事な出来事がありました。Appleと一緒に開発していた、「WebKit」をフォークしました。それが、Chroniumと同様なオープンソースのレンダリングエ
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
IEの増加傾向続く - 6月ブラウザシェア
Net Applicationsから2014年6月のデスクトップブラウザシェアが発表された。2014年6月はMicrosoft Internet Explorerがシェアを伸ばした。先月シェアを減らしたChromeは今月はシェアを増やしている。Firefoxは先月に引き続きシェアが下落。Firefoxはこのところシェアの低下が続いている。 バージョン別に見るとMicrosoft Internet Explorer 8.0のシェアが21.25%で1位。先月よりもシェアを増やしており、バージョン別ブラウザとしては高いシェアを持ち続けている。Microsoft Internet Explorerはこれに11.0、9.0、10.0が続いている。最新の11.0へ移行する傾向は弱くなり、8.0が強い存在感を示している。ChromeはChrome 35.0への移行が進んだ。
Six technologies that will change the web platform
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
これなら合格！ 正しいリダイレクターの作り方
これなら合格！ 正しいリダイレクターの作り方：HTML5時代の「新しいセキュリティ・エチケット」（4）（1/3 ページ） えっ、まだmeta refreshとか301使ってるの？ リダイレクターの作り方も時代とともに移り変わります。記事を読んだらすぐに使えるセキュリティ・エチケットを紹介しましょう。 連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。今回は、「オープンリダイレクター」という脆弱性について説明します。 オープンリダイレクターとは？ オープンリダイレクターとは、あるURLを開くと自動的に他のページにジャンプするリダイレクト機能が、攻撃者によって任意の外部ページへのリダイレクターとして利用可能になっている問題です。 「http://example.jp」上で提供されるWebアプリケーションにて、例えば「http://example.jp/go?url=/nex
Logging Technique for HTML5 Single Page Application with Fluentd
@Fluentd Meetup 2014/05/13
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブパフォーマンスの基礎とこれから
コトバツナギ 解説付
DeNA Engineering - DeNAエンジニアのポータルサイト
http://ruinz.qlookblog.net/js-element-position.html