牧歌的 Cookie の終焉 | blog.jxck.io
Intro Cookie は、ブラウザに一度保存すれば、次からその値を自動的に送ってくるという、非常に都合の良い仕様から始まった。 State Less が基本だった Web にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方が多い。 冷静に考えればふざけてるとして思えないヘッダ名からもわかるように、当初はこのヘッダがこんなに重宝され、 Web のあり方を変えるかもしれないくらい重要な議論を巻き起こすことになるとは、最初の実装者も思ってなかっただろう。 そんな Cookie が今どう使われ、 3rd Party Cookie (3rdPC) の何が問題になっているのかを踏まえ、これからどうなっていくのかについて考える。 Cookie のユースケース Web にある API の中でも Cookie はいくつかの点で特異な挙動をする 一度保存すれば、次から自動で送る
「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える
Progressive Web Appsというワードが世に出て約2年半が経ちました。2015年10月に開催されたChrome Dev SummitにてFlipkartの事例をもってお披露目となったそのコンセプトは、2018年現在までに徐々に成功事例を増やしながらWeb界隈の注目を集め、ついに先日（忘れもしない2018年3月30日！）iOS 11.3からiOSデバイスでも一部の機能が利用できるようになるまで成長しました。これは、まるで進学する我が子を見ているかのような、新年度にふさわしい晴れやかなニュースですし、いい機会なので PWAとは何かを改めて振り返ってみようと思います。 Webに足りなかったもの 私はWebが大好きです。リンクを1つクリックしたら（インストールなど煩わしい手続きなしで）すぐに新しいコンテンツを読めるのは最高の体験だなと常日頃感じています。ただし、今までのWebアプリの
Webページを丸ごとパッケージングする Web Packagingとは - ASnoKaze blog
20180824追記 Loading Signed Exchangesについて記事を書きました Loading Signed Exchangesの仕様 (WebPackaging) - ASnoKaze blog 20180208追記 Bundled HTTP Exchangesについて記事を書きました Bundled HTTP Exchanges とは (WebPackagingの議論より) - ASnoKaze blog 20180121追記 署名の仕組みとして Origin-Signed HTTP Exchanges を利用する方向のようです HTTP/2 クロスオリジン サーバプッシュを可能にする提案仕様 - ASnoKaze blog 20171001追記 IETF99にてユースケースについてまずまとめるべき気というフィードバックが有り、それをうけて「Use Cases and
なぜHTTPSはHTTPより速いのか
先週、httpvshttps.com というウェブサイトが公開されました。このウェブサイトでは、HTTP と HTTPS を用いてアクセスした場合のウェブページのダウンロード完了までにかかる時間の比較ができるのですが、多くの環境で HTTPS の方が HTTP よりも高速なことに驚きの声が上がっていました。 HTTP が TCP 上で平文を送受信するのに対し、HTTPS は TCP 上で TLS (SSL) という暗号化技術を用いて通信を行います。ならば、TLS のオーバーヘッドのぶん HTTPS のほうが遅いはずだ、という予測に反する結果になったのですから、驚くのも無理はありません。 実は、この結果にはからくりがありました。 Google Chrome、Mozilla Firefox、最近のSafari注1は、Google が開発した通信プロトコル「SPDY」に対応しており、HTTPS
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
ssig33.com - ネイティブアプリ並のウェブアプリを云々
なんか最近そういうの流行ってるようですね。僕も考えを書いてアクセス数を稼ぎます。 ページ遷移を過度に抑えようとするな 下手に AJAX 使いまくるぐらいならページ遷移したほうがマシであることが多いです。世の中にはページ遷移を抑えようとして酷いことになってる JS を沢山見ます。よく考えろ。 ローカルストレージを活用しない localStorage に画像とか放りこむの異常に重くなるのでオススメしません。認証持たないサービスで設定値保存するのに使うとかに留めた方がよいと思う。 非同期な API 絶賛してて気に食わない感じはしますがこの記事を一読することをお勧めします。 localStorage は小さなデータをいくつか入れる分には十分に高速です。大きなデータを入れると十分に低速です。 scroll イベントに対してリスナーを置かない scroll イベントの監視は実際最悪のアイディアです。こ
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
インストール可能なWebアプリケーションの標準化は進むか？
いまやほとんどすべてのWebブラウザがHTML5を中心としたWeb標準に対するサポートを表明しており、Webブラウザ間のマークアップに関する互換性はよい方向へと向かっています。 しかし新しく登場している、Webブラウザにインストール可能なWebアプリケーション、例えばグーグルはChromeブラウザに対してインストール可能なアプリケーションを「Chromeウェブストア」で提供を開始していますが、こうしたWebアプリケーションのパッケージングに関する互換性がとられていない点を、Web標準の分野で著名人であるBruce Lawson氏がブログにポストしたエントリ「 Installable web apps and interoperability 」で心配しています。 W3Cは標準化を進めようとしているが インストール可能なWebアプリケーションとは、HTML5、CSS、JavaScript、S
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
百度（baidu）の新サービスが違法すぎてヤバイ: 切込隊長BLOG（ブログ） Lead‐off man's Blog
コンプライアンスという単語を知る者であれば誰もがイナバウアーしてしまいそうな新サービスが百度から。大丈夫なのか、というか、大丈夫じゃなさ過ぎて本気でヤバイ。私が権利者なら今日にでも弁護士事務所へゴーという感じの、凄まじい逸品に仕上がっております。 baiduライブラリ スタート http://lib.baidu.jp/ スタートじゃねえよ。 ● 漫画編 もう一ページめからくらくらします。スプリガンとかドラゴンボールとかがスキャンしたpdfのまんま挙がってて自炊ってレベルじゃねーぞ。ちょっとめくると、ゴルゴ１３からパトレイバーから出るわ出るわ版権の数々。普通に考えて違法なんですけど、レギュレーションはどうなってるんでしょうか。 http://lib.baidu.jp/list/87 ● 語学検定編 著作権無視ど真ん中の語学検定編、怒涛の本から丸ごとpdfのオンパレードでこちらの血圧も上がりそ
【速報】IANAからAPNICへ、二つの/8ブロックが割り振られました - JPNIC
本件に関連するプレスリリース 2011年2月1日未明(IANA所在地のカリフォルニアでは1月31日)に、 アジア太平洋地域の地域インターネットレジストリ (RIR; Regional Internet Registry)*1であるAPNICに対し、 IANA(Internet Assigned Numbers Authority)*2から、 最後の二つの/8ブロック(一つの/8ブロックは、 約1,678万アドレス)が分配されました*3。 これにより、IANAの/8ブロックの残りは5ブロックとなりました。 近日中に「/8ブロックの残りが最後5ブロックとなった際、 それらは世界に五つあるRIRに一つずつ分配され、 すべての割り振りを終了する」というポリシーが、 IANAによって施行される予定です。 このポリシーが施行されると、 IANAの中央在庫は枯渇することになります。 このポリシー施行の際
秋元@サイボウズラボ・プログラマー・ブログ : ダークパターン - ユーザーを騙そうとする悪いウェブデザインに名前をつけて共有するサイト
DarkPatterns.orgは、Webデザインを悪用するブラックハット・デザインを無くすことを目的に、わざわざ分かりにくかったり、望んでいないこと実行させるようなデザイン要素に共通の名前(パターン)をつけ、それを使っ […] DarkPatterns.orgは、Webデザインを悪用するブラックハット・デザインを無くすことを目的に、わざわざ分かりにくかったり、望んでいないこと実行させるようなデザイン要素に共通の名前(パターン)をつけ、それを使っている不良サイト・企業に文句をつけるための新しいサイトです。 たとえば、パターン「買い物かごに忍び込ませる(Sneak into basket)」パターン。これは、ユーザーが入れていない商品がいつのまにかショッピングカートに紛れ込むようにデザインされているフォームのパターンです。 例として、旅行予約サイト大手のTravelocityで、ホテルや飛行
ハチヨン dialog: 3分でわかる、これまでのwebの流れ
１。 webが生まれてからというもの、web上にはだんだんと情報が増えてきました。 webに情報が増えれば増えるほど、自分の欲しい情報は見つかりにくくなります。 あるところに、これを整理しようと考えた人達が居ました。 その人達は言いました。 「良いサイトを集めてカテゴリごとに分けてあげればいんじゃね？」 彼らは良いと思ったサイトを登録して、カテゴリごとのwebの目次を作りました。 これが俗に言うディレクトリ型検索エンジン。 初期のYahoo!などがそうです。 ２。 さらにweb上に情報は増え続けました。 もうこの段階になると、人手では対応し切れないほどのページがweb上には存在します。 そこに来た別の人が言いました。 「システムで自動的に情報を集めればいーじゃん。」 こうして出来たのがロボット型検索エンジン。 ロボットが自動で情報収集をし、重要だと思われる順で結果を並べます。 Google
eコマースサイトの利用に関する調査--一番のストレスは「サイトの重さ」
Webマーケティングガイドでは、インターネット調査会社のボーダーズと共同でPCの検索とモバイルの検索の比較調査を行った。また、本調査はボーダーズが提供するセルフ型アンケートリサーチシステム「アンとケイト」を使用して調査を行った。 前回の「eコマースサイトの利用に関する調査」では、eコマースサイトの利用頻度をはじめ、商品ごとの購入経路などをまとめた。その結果、60代以上のシルバー層もほかの世代と比べて遜色がないほどeコマース利用していることや、イベントのチケットなどをインターネットで購入することが一般化しているといったことがわかった。 今回の「eコマースサイトの利用に関する調査」では、eコマースサイトに関する不満点を中心に調査した。 【調査結果サマリー】 eコマースサイトの利用の不満は「ページが重くて、時間がかかる」が最も大きい 直前で商品購入をやめるのは、送料等諸経費に次いで個人情報に関す
URI変えるな，ページ消すな | Okumura's Blog
探し物をしていて古いリンクをたどったら 総務省｜ご案内ページ －掲載期間が終了しています－ というページにリダイレクトされてしまった。総務省サイトの掲載期間は原則3年で，パンフレットなどは最新版以外は消しているという。国の貴重な資料は永久保存でいいと思うのだが，なぜ消すのだろう？ Webの開祖Tim Berners-Leeは1998年に Cool URIs don't change（神崎さんの訳：クールなURIは変わらない）を書いて，URI（URL）が永続すべきことを説いている。もう10年以上も前のページだが，サイト管理者はぜひ読んでほしい。ここに書いてあるように，何十年も永続させるためにはいろいろな工夫が必要だ。例えば拡張子はその時点での技術を反映する。hoge.html は hoge.cgi や hoge.php や hoge.rb になるかもしれない。そのため，W3Cサイトへの正式な
YouTubeが「IE6のサポートはまもなく終了します」、IE6を捨てられる日がついに来るか？
Internet Explorer 6でYouTubeのWebサイトを開くと、表題のようなメッセージがでるようになりました。日本語版でも表示されます。TechCrunch英語版とスラッシュドット・ジャパンがすでに報じています。 Internet Explorer 6はHTMLの解釈がほかのWebブラウザと異なる点が多く、WebデザイナーたちはInternet Explorer 6を含めたクロスブラウザ対応にいつも苦労させられています。Internet Explorer 6を考慮せずにWebページを作成できたらどんなに楽かと、多くのWebデザイナーは思っているはずです。僕もPublickeyをデザイン中に何度もそう思いました。 このYouTubeの決断は、よりモダンなWebブラウザを普及させたいと考えるグーグルの意志の表れであることは間違いありません。 そして、この試みに対して多くのWebデ
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
IBM Developer
サービス終了のお知らせ