PWAs are coming to iOS 11.3: Cupertino, we have a problem
Since the beginning of August — when we forked webpack/webpack#master for the next branch — we’ve seen an incredible influx of contributions! Git contribution stats for the webpack next branch at a glance using gitinspector! Try it on your project to see insights. PS: This doesn’t include the incredible work done in our webpack-cli team and webpack-contrib organization supporting our loaders and p
2017 was a big year for Mozilla, culminating in the release of Firefox Quantum, a massive multi-year retooling of the browser focused on speed, and laying the groundwork for the years to come. In 2018, we’ll build on that incredible foundation, and in that spirit our next several releases will continue to bear the Quantum moniker. Let’s take a look at some of the new goodies that Firefox 58 brings
連載: HTML5 Conference 2017特集 (16) こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に、様々なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、Googleのえーじさんです。 えーじさんのセッションは「ウェブのための次世代決済法」でした。 スライド資料はこちらで公開されています。 Web Paymentsは(モバイル)Webの決済体験を変える 白石: 本日は、Web Paymentsについてお聞かせください。 Web Paymentsというのは、その名の通りWeb上での支払い体験を改善するものだと思いますが、そもそもなぜWe
Webの創始者であり、W3Cのディレクターを勤めるTim Berners-Lee氏の言葉に、「Webが持つ力とは、その普遍性にあります」というのがあります。Webサイトに誰もがアクセスできるようにするのは、わたし達の責任です。 Webのアクセシビリティは机上では難しいと思われがちですが、実際に取り組んでみるとそんなに難しいものではありません。障害者、スクリーンリーダのユーザー、低速接続のユーザーのアクセシビリティで、比較的簡単に取り組める項目を紹介します。 10 guidelines to improve your web accessibility 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webアクセシビリティとは何ですか? 01.カラーに依存しない 02.ズームを無効にしない 03.alt属性のあなたが知らないかもし
HTML5 Experts.jp編集部の仲です。 HTML5 Experts.jpも開設から4年5カ月が経ちました。2017年もエキスパートやコントリビューターの皆様のご協力のお陰で、様々な技術トレンドをタイムリーに記事として取り上げることができました。皆様、お楽しみいいただけましたでしょうか? 今年最後の記事は、恒例の「2017年の年間読まれた記事ランキングTOP20!」をお届けします。このランキングは、記事公開後1週間の閲覧数を元に作成しております。冬休みに気になる記事を読み返してみてはいかがでしょうか。 <1位> Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた ── 白石 俊平 <2位> デイリーポータルZの林雄司さんと、ヨッピーさんに聞いた「コンテンツを作る・伝える・稼ぐコツは何ですか?」 ── 馬場 美由紀 <3位>
移行ガイド abouthiroppy.hatenablog.jp ドワンゴのアドベントカレンダーの17日が空いているので本来その予定で書かれた記事ではないですが、そこに埋めます。 2日連続になってしまった。。 qiita.com Happy Xmas, Noders! #Nodejs pic.twitter.com/Rsxr8SbeUz— hiroppy😶 (@about_hiroppy) 2017年12月24日 さて、今年は、webpack3.0.0が2017/06にリリースされました🎉 (現在、3.10.0) medium.com After we released webpack v2, we made some promises to the community. We promised that we would deliver the features you voted
Safari Technology Preview Release 46 is now available for download for macOS Sierra and macOS High Sierra. If you already have Safari Technology Preview installed, you can update from the Mac App Store’s Updates tab. This release covers WebKit revisions 225266-225841. Service Workers Offline applications are important to the web. After HTML5 first tried to accommodate them with the Offline Applica
Web標準化という仕事、そしてWebの今後について、W3Cの中の人に聞いてきた 白石 俊平(HTML5 Experts.jp編集長) Webの現状をどう見る? 白石: 今日は取材お受けいただきありがとうございます。簡単に自己紹介からお願いします。 芦村: W3C/Keioで働いている芦村です。Webの標準化を仕事にしていまして、アクセシビリティやコンピューターを使いやすくすることに興味を持って取り組んでいます。 白石: W3Cの方に直接お話を伺う機会なんてそうはないので楽しみにしてきました。芦村さんから見て、今のWebの現状はいかがですか? 芦村: HTML5のムーブメントを経て、アプリケーションやシステム構築のための共通プラットフォームになってきました。 WebDINO Japan(元Mozilla Japan)の浅井智也さんが作った「Web曼荼羅」という図ですが、凄まじい数の仕様が、様
addEventListener('fetch', (e) => { e.respondWith(fetch(e.request.url)); }); このようなスクリプトとページを用意すると、初回のページ訪問時にService Workerが保存され、次回の訪問時にはworker.js経由でレスポンスを取得します。その際に、前回の記事でちらっと紹介したように、worker.jsはmain.htmlとは別のプロセスで動く可能性があります。以下にその状態を図に示してみます。 まずmain.htmlを開くとそのリクエストはブラウザプロセスで処理されます。Service Workerが存在する場合、Service WorkerのあるレンダラプロセスへとFetch Eventが投げられます。 先程の例のように、worker.jsでfetch()を実行すると、Service Workerからリクエス
Author(s) and publish date By: Charles McCathie Nevile Published: 14 December 2017 Skip to 15 comments Today W3C releases HTML 5.2. This is the second revision of HTML5, following last year's HTML 5.1 Recommendation. In 2014 we expressed a goal to produce a revision roughly every year; HTML 5.2 is a continuation of that commitment. This Recommendation like its predecessor provides an updated stabl
We are pleased to announce version 5.1.0 of Angular. This is a minor release containing several smaller features and bugfixes. We are also releasing v1.6 of the Angular CLI, and the first stable release of Angular Material. New Angular releases to celebrate the holidays!What’s new? Angular Material & CDK Stable ReleaseService Worker support in the CLIImproved Universal & AppShell Support in the CL
最近、Webサイトの高速化が話題になっています。 Wantedlyでもサーバーサイドのレスポンス速度はしっかりトラッキングして取り組んでいましたが、フロントエンドはまだまだやれることがあると認識し、悔しさを胸にさっそく動き出しています。 取り組むに当たって、まずは事例を集めていくことから始めました。サーバーサイドの実装を見ることはできないですが、フロントエンドは頑張れば覗けるので、Webサイトの高速化に取り組んでいそうな他のサービスをじっくり観察することで、自分たちのプロダクトに最適な方法を選択できるはずです。 様々な種類のサービスを提供しているサイトを調査してみると、その高速化の手法はサービスごとに結構違っていて、学ぶことが想像以上に多かったので、ブログにまとめてました。同じようにWeb高速化へのモチベーションが高まっている皆さんの参考になれば幸いです。 Netflixまずは、動画ストリ
Rustのターゲットにwasm32-unknown-unknownが追加され、Rust単体でのWebAssemblyのコンパイルが可能になりました。 この記事では、RustのみでWebAssemblyをコンパイルする手順を説明します。 EmscriptenなしでのWebAssemblyのコンパイル WebAssemblyを使ってRustのコードをブラウザ上で実行するでは、Emscriptenを使用したWebAssemblyの利用方法を紹介しました。 しかしEmscriptenという外部ツールを利用することと、大量のグルーコードが必要になり、純粋にWebAssemblyを利用するという面では、あまり効率的とは言えませんでした。 しかし今回Rustのターゲットにwasm32-unknown-unknownが追加されたことで、Emscripten無しでのWebAssemblyの利用が可能になりま
This is post # 6 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack, a JavaScript tool for developers to identify, visualize, and reproduce web app bugs through pixel-perfect session replay. If you missed the previous chapters, you can find t
2017年9月24日、Web技術者の祭典、HTML5 Conferenceが東京電機大学 千住キャンパスで開催され、“We can do anything on the Web”をテーマに多くのセッションが行われた。基調講演では、html5j代表の吉川徹氏が冒頭のあいさつでHTML5の経緯を振り返り、「HTML5と冠する最後のカンファレンスになるかもしれない」と節目を迎えていることを示唆した。続いて行われた、慶應義塾大学環境情報学部長・教授 村井純氏、Microsoft Windows、Google Chromeなどの開発に従事した及川卓也氏の講演内容をレポートする。 インターネットが担う役割を8つの原理から考える 慶應義塾大学環境情報学部長・教授 村井純氏 Internet for 2050~2050年に向けてインターネットは何をすべきか 「Webとインターネットにはどのような関係がある
この記事では、Angular v5でリリースされた新しい @angular/service-worker(Angular Service Worker)を、Angular CLI v1.5のプロジェクトに導入するクイックスタートを紹介します。Angular Service Workerについての包括的な解説についてはMaxim Salnikov氏が投稿した以下の記事を参考にしてください。 A new Angular Service Worker — creating automatic progressive web apps . Part 1: theoryA new Angular Service Worker — creating automatic progressive web apps. Part 2: practiceこの記事は以下の動作環境を対象としています。 _ _ __
最近、プログレッシブWebアプリ(Progressive Web Apps、PWA)に興味津々なフロントエンドエンジニア、いなばです。 今回は、オフラインWebをまずは自分で実際に手を動かしてやってみよう! と調べていたところ、sw-precache というモジュールで、リソースのキャッシュ制御がとても簡単にできたのでご紹介したいと思います。 まずは簡単に使ってみる まずはシンプルな構成で試してみました。 ソースコードはこちらになります。 https://github.com/i78s/sandbox/tree/develop/sw-precache-sample 手っ取り早くデモを確認したい場合は、 下記のコマンドを実行してService Workerに対応しているブラウザ( ここで確認できます )で実際の動作を見ることができます。 $ git clone https://github.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く