#mozaicfm

#21 mozaic.fm v2 release note

Theme

mozaic.fm の v2 をリリースしました。 breaking change があるので、そのアナウンスとテストを兼ねています。

一番大きいのは、 feed の URL の変更です。新しい URL はこちらです。

http://feed.mozaic.fm

Change Log

少し時間がかかってしまいましたが、全体的に作り直しました。以下が v2 の変更点です。

feed の URL が http://feed.mozaic.fm に変わります。

feedburner をやめたかったので自分で生成するようにしました。

現時点での全エピソードを feed に載せるようにしました。

古い URL は feedburner のドメインなので、リダイレクトはできません。

古い URL の feed は、このエピソード以降更新されません。

itunes の場合は自動で更新されると思います。

うまくいかない場合は登録のやり直しをお願いします。

サイトを作り直しました。

tumblr をやめたかったので、自分で作りました。

基本 https ですが、 feed などは非対応アプリがあるので http も配っています。

一応 PWA 的にしたかったのですが、一気には作り込めなかったので、細かい機能をちょっとづつ足していきます。

ep12 以前の音声ファイルは m4a でしたが、全て mp3 に統一しました。

エピソードの URL が全部変わりますが、しばらくはリダイレクトします。

不具合などがあった場合は、 @jxck_ までおしらせください。

mozaic.fm を引き続きよろしくお願いいたします。

Show Note

new site

new feed url

#20 Browser

Theme

第20回のテーマはブラウザです。

今回は @takoratta さんをお迎えして、ブラウザは今どうなっているのか、そして、その進化は Web の進化とどう関わっているのかにつて議論しました。

Guest

@takoratta

Show Note

及川さんとブラウザの関わり

JUNET

NCSA Mosaic

Netscape

DHTML

ActiveX

なぜ新しくブラウザが必要だったのか？

living on the web

IE Toolbar

V8

成せたこと成せなかったこと

Hosted App と Packaged App

Chrome Web Store

Gears

ブラウザはここ数年でどう変わったか？

PhoneGap

Cordova

Electron

Extensible Web

ブラウザの肥大化問題

TPAC 2015

IETF 94

Chrome Dev Summit

Chrome OS

Web MIDI API

Gamepad API

Fetch API

TCP and UDP Socket API

ブラウザはどこまでをカバーすべきか？

houdini

Permission API

不正なSSL証明書を見破るPublic Key Pinningを試す

Web の進化を一年くらい止めようという話

Progressive Web Apps: Escaping Tabs Without Losing Our Soul

人類にブラウザはもう一度作れるのか？

Servo

Palmscape

vivaldi

Editing API

ACID Test

今のブラウザの課題

モバイルのアクセスが PC を超えた

モバイルでも Web を使うべきなのか？

Facebook から Web からネイティブにシフトした話

Flipkart がネイティブから Web にシフトした話

Notification API

ブラウザに足りてないもの

Facebook が調査したブラウザキャッシュの寿命

開発者は追いつけてるのか？

WebComponents の 共有

Web Fundamentals

Service Worker Cookbook

Blink in JS

プラットフォームロックインの功罪

Web とは何か

WebSocket

WebRTC

NaCl

REST

TPAC での Tim, Vint, Jun のトーク

「Webってインターネットになったんだな by yohei」についてのまとめ

これからブラウザはどうなっていくのか？

モバイルのブラウザ UX が酷い

Touch Events

WebOS

Sir Tim Berners-Lee の TED

W3C Linked Data

Linked Open Data

WebAssembly

エコシステムの話

セキュキャンで話した Rails の話

Rails の回

Web へのロックイン、ブラウザへのロックイン

Shadow DOM の F2F

#19 ES7 SideShow

Theme

第19回目の Side Show です。

@Constellation さんが語る JavaScript Engine (JSCore) での実装の裏話と、 WebAssembly についてお送りします。

なお、エピソード内で「何よりも ES6 module が欲しい」という要望を出していましたが、 @Constellation さんが、 実装に着手してくれました!! 楽しみに待ちましょう!!

Bug 147340 - [ES6] Implement ES6 Modules

Guest

@Constellation

Show Note

WeakMap

Map

WeakMap の実装

Ephemerons

SIMD

WebAssembly のコミュニティページ

brendan eich の WebAssembly についての記事

WebAssembly base line compiler のパッチ

NaCl

Symbol.species

ES6 modules

後日 Const さんが WebKit のインターンで module をやってくれることになりました！

#19 ES7

Theme

第19回のテーマは ES7 です。

今回は @Constellation さんをお迎えして、先日公開された ES6 をふまえ、次の仕様として議論が始まった ES7 について、 ブラウザのエンジンを実装する立場から見た、現状や懸念点などについて話を聞きながら、これから ECMAScript はどうなっていくのか、どうなっていくべきなのかについて議論しました。

Guest

@Constellation

Show Note

Lv.5

exprima

estraverse

escodegen

ES6 symbol

TDZ

TDZ のパフォーマンス

ES6 generator

eslint no-var

ES7 の提案一覧

Array.prototype.includes

Object.observe

async-await

Promise

Generator

cancelable promise

monadic-promise

promise-flatmap

promise.chain

es-observable

RxJS

Array comprehensions

let

class

tail call optimization

template literal

iterator

#18 Nginx

Theme

第18回目のテーマは Nginx です。

今回は @cubicdaiya さんをお迎えして、 すっかり HTTP サーバのデファクトの地位につきつつある Nginx について、なぜ Nginx を選ぶのか、 Nginx から見た現在の Web にはどういう変化があるのか。 そして Nginx はこれからどうなっていくのか、それが Web にどんな変化をもたらすのかを議論しました。

エピソードの感想などは、 #mozaicfm までお願いします。

Guest

@cubicdaiya

Show Note

Nginx を使い始めた理由(0:00~)

ngx-small-light

nginx-build

mruby

h2o

Web+DB Press Vol.72

WebP

Nginx のアーキテクチャ(7:26~)

Web+DB Press Vol.72

C10K

epoll

kqueue

apache prefork mpm

apache event mpm

WSGI

PSGI

Rack

Unicorn

Starman

なぜ Nginx をフロントに立てるのか(17:30~)

tmpfs

.htaccess

Nginx のスクリプティングモジュール (25:40~)

lua-nginx-module

ngx_mruby

Rial Time Bidding(RTB)

location.capture()

OpenResty

JavaScript を載せる という話

H2O と Nginx(46:10~)

h2o

nghttp2

nginxのパラメータチューニングとh2o

open_file_cache

tcp_nopush

Nginx の HTTP2 対応(49:40~)

http2(後日RFCが出ました)

hpack(後日RFCが出ました)

How NGINX Plans to Support HTTP/2

ngrep

tcpdump

grpc

TLS 前提になっていく感じどうなのか(56:10~)

HTTPS 化する Web をどう考えるか(書いたのは収録後です)

QUIC はどうか？(58:10~)

QUIC

Google はインターネットを fork しようとしている

Nginx 1.9 の新機能(1:05:10~)

Nginx マイルストーン 1.9

Nginx Plus

ngx_http_stub_status_module

(収録語 Upstream 一覧の動的更新を cubicdaiya さんがモジュールで公開されました ngx_dynamic_upstream)

tengine (1:42:30~)

tengine

(SO_REUSEPORT サポートは もうすぐ 入りそうです)

Nginx 1.8 リリース (1:17:10~)

CHANGES-1.8

proxy_request_buffering

AIO

HLS(http live streaming) module

これからの HTTP Server と Nginx(1:21:10~)

libh2o

#17 Service Worker

Theme

第17回目のテーマは Service Worker です。

今回は @kinu さんと @nhiroki_ さんをお迎えして、 今実装や仕様策定が進んでいる Service Worker について、なぜこうした仕様が出てきたのか、これを用いて何ができるのか、これがどう Web を変えるのか。

実装や仕様の裏話や、これが普及してからの懸念点なども含めて、じっくり議論しました。

エピソードの感想などは、 #mozaicfm までお願いします。

また、 Service Worker へのフィードバックは bug tracker (基本は英語ですが、日本語でも良いそうです)、もしくは #serviceworker までお願いします。

Guest

@kinu

@nhiroki_

Show Note

関連仕様

ServiceWorker

AppCache

Push API

Notifications API

Fetch

Permissions API

Service Worker の始まり(0:00)

ServiceWorker

Application Cache はなぜダメだったのか (4:30~)

AppCache

AppCache のダメなところ

AppCache cache poisoning

Service Worker の改善スタートのきっかけ

W3C Fixing AppCache コミュニティ

参考になった仕様 Chrome Event Pages

幻の仕様 DataCache

[issue] The new API should be able to explain AppCache

Service Worker はそれをどう解決したか (12:20~)

The new API should be able to explain AppCache

Why Fetch but not XHR, from SW point of view

新しく出た API の詳解 (18:30~)

WebWorker/SharedWorker との違い

Fetch と XHR の違い

[issue] Why Fetch but not XHR, from SW point of view

Push API と他の Push との違い

Service Worker ハッカソン

Push への危惧と Permission API (40:15~)

Push を使った Chat のデモ

Push, Permissions API and UX

Permission の整理について

Permissions API

BackGround Sync とは何か (49:30~)

BackGround Sync

今後予定している API (54:00~)

GeoFenching

Navigator.connect (#15 で @myakura さんが言及)

CacheAPI と Browser Cache の違い (57:30~)

Cache と ブラウザキャッシュの違い

Devtools と ServiceWorker (1:00:00~)

Developer Tools 改善中

Twitter #serviceworker タグ

元は NavigationController という名前だった

bug tracker (英語ですが最悪日本語でも可)

これからどうなっていくか？ (1:07:20~)

Service worker が拓く mobile web の新しいかたち

ServiceWorker のスコープとページコントロールについて

#16 Security (application)

Theme

第16回目のテーマは Security (application) です。

今回は @hasegawayosuke さんをお迎えして、 Web アプリケーションの開発技術が進化することによって、同じように変わっている筈のセキュリティに関して、その変化をどう考えればいいのか？

開発者とセキュリティ関係者のあいだで、足りてないと認識されているものは何か？

それらをふまえてセキュリティをとりまく環境で「今何が起こっているのか」、そして「これからどうなっていくのか」について議論しました。

hasegawa さんが本を書いてる件は、許可を取っておりカットしてません。公表して自分を追い込むメソッドだそうですw

エピソードの感想などは、 #mozaicfm までお願いします。

Guest

@hasegawayosuke

Show Note

iframe で 2sh を表示す

XSS

CSRF

SQL Injection

E4X

ES6時代におけるWeb開発者とセキュリティ業界の乖離

CSP

XSS Filter(IE独自)

Extensible Web

TCP and UDP Socket API

「安全なウェブサイトの作り方」改訂第7版(3/12改訂)

Mozilla セキュリティバグ報奨金制度

Mozillaの報奨金制度で200万円ほど稼いだ話

XSS対策としてのES6テンプレートリテラル

iframe sandbox のブログ

toStaticHTML

ECMAScript 6 from an Attacker's Perspective - Breaking Frameworks, Sandboxes, and everything else

体系的に学ぶ 安全なWebアプリケーションの作り方(通称:徳丸本)

めんどうくさいWebセキュリティ

HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書(JPCERT CC)

OWASP Japan(ずっと owaps だと思ってました。。)

100 種類の言語で Quine