Spectre の脅威とウェブサイトが設定すべきヘッダーについて
長い記事なので先に結論を書きます。 Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。 すべてのリソースは Cross-Origin-Resource-Policy ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 HTML ドキュメントには X-Frame-Options ヘッダーもしくは Content-Security-Policy (CSP) ヘッダーの frame-ancestors ディレクティブを追加して、cross-origin なページへの iframe による埋め込みを制御する。 HTML ドキュメントには Cross-Origin-Opener-Policy ヘッダーを追加して popup ウィンドウとして開かれた場合の cross-origin なページとのコミュニ
Rustで書いたWebAssemblyインタプリタ上でGoで書いたゲームボーイエミュレータを動かした - undefined
概要 最近はWebAssemblyに興味があり、勉強していたんだけど仕様を読み始めても頭に入らないのでインタプリタを作ってみることにした。よくわからないものは作ってみるのが一番よい。 github.com まだ残された課題は多いのだけれども、一つ目標にしていた「Goで書いたゲームボーイエミュレータを動かす」を達成できたのでここに書いておく。 うおーついにRustで書いた自作wasm interpreter上でgoで書いた自作gameboy emulatorが動いたー！けど1FPSくらいしかでない... pic.twitter.com/I5B2XL5E0W— bokuweb (@bokuweb17) 2020年2月24日 こツイートに貼られているのは残念ながら、静止画ではなく、動画でありパフォーマンスが悲しいことになっていることを示している。あまりに遅くてプレイ画面まで到達できない。今後これ
ブラウザから機械語を実行できるWebAssembly用のオンライン開発環境「WebAssembly Studio」を使ってみた
「WebAssembly」は、C言語などで書かれたソースコードをコンパイルして生成されていて高速に処理できる機械語をブラウザで実行できるようにする技術です。Firefoxを開発するMozillaは2018年4月11日、そのWebAssemblyを簡単に開発できるようにするオンライン開発環境「WebAssembly Studio」を公開しました。 WebAssembly Studio https://webassembly.studio/ ブラウザで何か処理を行いたい場合によく使用されるのが「JavaScript」ですが、JavaScriptはコードを一行ずつ処理するインタプリタ言語であり、また変数の型をインタプリタが解釈する動的型付けを行う言語でもあるため、処理速度が遅いという問題点を抱えています。「WebAssembly」はそのような事情を背景に生み出された技術で、ブラウザ上で高速に動作
やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita
これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ちなみにMicrosoft Edgeでは既に開発中34である． だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が
Web over HTTPS
Web over HTTPS DevFest Tokyo 2016 #devfest16 2016/10/0
WebGL Water
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
早すぎたHyperCardの上昇と下降、そしてモバイルから来たカードの群 - WirelessWire News（ワイヤレスワイヤーニュース）
先週は World Wide Web が誕生して25年というのが話題になりましたが、今回はその話ではなく、2年前に誕生25周年を迎えている HyperCard というソフトウェアについて書きたいと思います。 HyperCard は、初代 Macintosh の開発者の一人にして、かのドナルド・クヌースに「この世で書かれた最高のプログラム」と言わしめた MacPaint の作者であるビル・アトキンソンが作り上げたマルチメディアオーサリングソフトウェアです。 HyperCard は内蔵する HyperTalk というスクリプト言語を利用することで、カードを積み重ねる形で簡単にアプリケーション（スタックと呼ばれた）を作ることができました。名作アドベンチャーゲーム『MYSY』も最初は HyperCard を使って制作されたことが知られています。当初 Macintosh に標準添付されたこともあり、
Anil Dash
Hi, I'm Anil Dash I’m a tech entrepreneur and writer trying to make the technology world more thoughtful, creative and humane. You can read more about me here. This is a blog about how culture is made, continuously updated since 1999. While you're here, check out my writing about tech, Prince, or the Best Of the first 23 years of this blog.
X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記
2011-01-06: IE8ということを追記 & ちょっと間違いを修正。あけましておめでとうございます。 年明け早々ですが、Internet Explorerの話題です。IEはご存じの通り、Content-Type だけでなくコンテンツの内容なども sniff することでファイルタイプを決定しているため、画像ファイルやテキストファイルをHTMLと判定してしまい、クロスサイトスクリプティングが発生することが昔からたびたび報告されていました*1。現在は幾分マシになったとはいえ、IEのファイルタイプの判定アルゴリズムは非常に難解であり、現在でも状況によってはWebサイト運営者のまったく意図していないかたちでのXSSが発生する可能性があったりします。そういうわけで、IEがコンテンツを sniff してHTML以外のものをHTML扱いしてしまうことを防ぐために、動的にコンテンツを生成している場合に
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
A/Bテストを超え、学習しながらウェブを最適化させる手法 (Bandit Algorithms for Website Optimization)
ふと気になったので読んでみたら、当たりをひいた。 強化学習をウェブサイトの最適化に利用する方法に関しての本で、A/Bテストの何が問題かを説明してそれを克服するためのアルゴリズムを3つ紹介している Epsilon-greedy SoftMax UCB1 コードはPythonで書かれているので読みやすい。 実際のビジネスでは、A/Bテストで等確率でAB振り分けるために劣っている方のテストの分だけ収益が減ってしまうし、かといってテストをしないと、よりよいサイトを見出す機会がなくなってしまう。つまりexploreを最大化するか、exploitを最大化するかというようなジレンマを抱えることになる。 求められているのは、劣っているサイトデザインに対するテスト（損失）を最小にしつつベストなサイトデザインに収斂していく手法である。そういう問題をMultiarmed Bandit Probremと呼ぶらしく
Webサイト高速化のプロセスだって自動化したい
サーバ側にmod_spdyをインストールし、Google Chromeで、HTTP2.0でベースとなるSPDYのデモが行われた「Chrome Tech Talk Night #5」をレポートする。 Webサイト高速化のプロセス自動化と最高のパフォーマンス計測ツール 1月31日、Google 東京オフィスで開催された「Chrome Tech Talk Night #5」の模様をレポートします。Chrome Developer AdvocateのIlya Grigorik（イルヤ・グリゴリック）氏を迎え、SPDY導入方法を含むWebアプリケーションの高速化や、パフォーマンス向上の手法について説明されました。 イベント自体は「Making the Web Fast with PageSpeed」、「Wait, Chrome DevTools can do THAT?」の2部構成でしたが、このレポ
Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies
今月の 22 日に GTUG Girls のイベントで WebGL (Three.js) のハンズオンをやります。内容は初心者向けで、簡単な物体を表示してみたりして Three.js の基礎を学ぼうというものです。女性限定ですが、興味のある方はぜひご参加ください。 【告知】第10回GTUG Girls Meetup 「キラリとひかるモノ作り！WebGL(Three.js)入門編」 募集開始！ で、本日は宣伝も兼ねて WebGL を使ったデモやアプリケーションのまとめエントリを書いてみました。いずれも Web ブラウザで動くとは思えないほどインパクトのあるものばかり。 WebGL 対応のブラウザで（Chrome か Firefox の最新版が無難です）、おもいっきり堪能しちゃってください！ 長編デモ 音楽に合わせてインパクトのある映像を展開していく、ちょっとしたストーリー性のあるデモなどを集
僕がユーザーとして本当に感動したWebサービスまとめ(2013年版) : けんすう日記
業界人としてではなくて個人として 僕はいわゆるインターネット業界で働いていて、Webサービスを作っていたりするので、どうしてもWebサービスを見る時に、業界人目線で見てしまったりします。 つまり「この仕組みは素晴らしい」とか、「これはビジネス的にいけてるねえ」とかそういう感じで見ちゃうのですね。 そして、業界人として言及したいサービスなどをFacebookやTwitterで紹介してしまうということも多々ありました。すでに知られているサービスよりも新しいサービスを紹介しがちだったり、応援している人がやっているサービスなどを紹介しがちだったりします。 しかし、そんな業界目線をすっとばして、本当にユーザーとして素晴らしいと思ったサービスこそ紹介する価値があるんじゃないかなあ、という気持ちもあります。そこで、今回は、完全にユーザー目線として、ここ最近感動したサービスなどを紹介したいと思います。 コ
登録不要ですぐにウェブ会議ができるサービス「meetingl.com」 | ライフハッカー・ジャパン
「meetingl.com」は複数人でウェブ会議がすぐに利用できるサービスです。ブラウザがあれば会議用のRoomを新規作成でき、そこに友人を招待すればOKです。登録も不要ですぐにウェブ会議が始められます。シンプルな作りでとても便利なサイトですよ。 実際に使ってみた様子は以下から。 まずmeetingl.comへアクセスしましょう。 まずはウェブ会議用の部屋を新しく作りましょう。適当な部屋の名前をつければ準備完了。 ウェブカメラのアクセスを許可すればこのようにウェブ会議室が作れました。既に自分がその部屋にログインしている状態です。「Invite」から招待用のURLを送ることができます。画面左下にある9桁のコードを共有すればOKです。ブラウザだけですぐに始められるので便利ですね。ぜひご活用ください。 meetingl.com （カメきち）
Kindle PaperwhiteでWeb漫画を快適に読む方法 - もとまか日記
以前からKindle Paperwhiteで試したかったことの一つが以下。 Kindle Paperwhiteで快適にWeb漫画を読みたい てことで、色々と試してみたらいい感じだったのでメモ。 Web漫画を内蔵ブラウザで読むのはキツい Kindle Paperwhiteにも内蔵ブラウザがある。けど、反応速度的にキツいだろうから期待は出来ないな・・・と思いつつ一応試しに裏サンデーを読んでみたけど、 これじゃ、読むのはとてもじゃないけど無理！＞＜ てな感じで本当にキツいなぁと感じた（一応表示はされるけど）Web漫画に限らず、テキストベースの記事でもそれは同様でした。Kindleのブラウザ機能は「Kindleストア用」と割り切るべきものなんでしょうね。 Kindleパーソナル・ドキュメントサービスを利用する Kindleにはパーソナル・ドキュメントサービスという、様々なファイルを送ったり変換して
HTML5を中心とした「Web標準」がどれだけあるのか、図にしてみると……
急速に立ち上がろうとしている「プラットフォームとしてのWeb」。そのために現在たくさんのWeb標準が提唱され、標準化作業が行われています。 その全体像を1枚の図として示したのは、Mozilla Japanのdynamis（でゅなみす）氏こと浅井智也氏。先週行われたオープンソースカンファレンス2012京都で行った講演のスライドから許可を得て引用します。 HTML5を中心に、円の色は標準化団体の色を示しています。青ならW3C/WHATWG、黄色はIETF、茶色はECMA、赤はKhronos。また、円の外側はまだまだこれからの技術という位置づけになっているそうです。 こうして1枚の図にして見ると、実にたくさんの技術がWebで実現されようとしていることに驚かされます。 このすべての技術を使いこなす必要はないかもしれませんが、Webをプラットフォームとするアプリケーションの構築には、HTML5のマー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Biscuit（ビスケット） | いつものアプリがタブに埋もれない無料ブラウザ
https://jp.techcrunch.com/2012/12/29/20121228amazon-makes-it-easier-to-host-static-web-pages-on-s3/
任意のウェブページをKindle仕様に変換して送ってくれる「fivefilters」 | ライフハッカー・ジャパン
