タグ

HTML5とcacheに関するraimon49のブックマーク (6)

  • 進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より)

    2018年5月に開催された日マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった方に向けてセッションの内容を記事にまとめましたので、ぜひご覧ください。 進化する Web ~ Progressive Web Apps の実装と応用 ~ from Osamu Monoe この記事では、昨今話題に上ることが多いPWAことProgressive Webアプリケーションについて、実際の作り方を解説しながら、それがいったいどういったものであるかを詳(つまび)らかに紹介することを目的としています。 Webでは、「ネイティブアプリと同じことができる」「ネイティブアプリを置き換える」など、期待に胸を膨らませずにいられない浪漫に満ちた噂がありますが、それが当かどうか記事

    進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より)
    raimon49
    raimon49 2018/07/10
    何故Service Workerではlocalhost(127.0.0.1)接続以外はhttpsの使用が必須なのか、すごく分かり易い説明。
  • Extensible Web を支える低レベル API 群 - Block Rockin’ Codes

    Intro 最近 Extensible Web の話がたまに出るようになりましたが、なんというかレイヤの高い概念(ポエム)的な話が多い気がしてます。 もう少し具体的な API とか、「それコード書く上で何が変わるの?」って話があまりないので、今日はそこにフォーカスして、 Extensible Web 的な流れの中で整理された API の話をします。 しかし、実際には API が 「Extensible Web という理念で生まれたかどうか」は自明ではないので、 今標準化されている低レベルな API を拾い、それを整理するというエントリだと思ってもらと良いかもしれません。 あまり知られてない API もあると思うので、これを期に「これがあれば、今までできなかったアレが、標準化や実装を待たなくても、できるようになるな」と思ったら是非書いてみると良いと思います。 実際はそれこそが Extensi

    raimon49
    raimon49 2015/02/09
    multipart/form-data抽象化のFormData便利っぽい。
  • HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ

    iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか?私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5

    HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
    raimon49
    raimon49 2012/09/24
    >同一ドメイン上にあるコンテンツでも、Chromeless webapps として提供されている場合は、ストレージは個別のものとなります。異なる Chromeless webapps 間でデータの受け渡しが必要な場合は注意が必要です。
  • アドレスバー - Google Chrome まとめWiki

    2018-02-22 起動オプション2017-07-29 テーマ/作り方2016-12-15 雑記2016-10-24 キーボード ショートカット2016-09-18 FrontPage/コメントログ2015-06-29 起動オプション/コメントログ2015-04-20 テーマ2014-11-11 コメントページ2014-10-19 FAQ2014-10-05 エクステンション

    raimon49
    raimon49 2011/03/03
    about:やchrome://の一覧。アプリケーションキャッシュの削除メニューもここから。
  • JavaScriptでHTML5のキャッシュを更新する - Webアプリ作りたい :D

    jQuery, JavaScript, Web Apps, HTML5, iPhoneSafariの場合、マニフェストファイルを更新しただけではローカルのキャッシュを変更してくれませんでした。そこで、JavaScriptでマニフェストファイルの変更を検知させ、マニフェストファイルが変更された場合にはキャッシュを最新のものに変更するという処理をさせています。iPhoneでもこの方法で更新できました。firefoxやieでは対応していないみたいです。。。キャッシュ更新のプロセスキャッシュ更新(変更)は、以下のプロセスで行われますキャッシュ更新ステータスのイベントリスナーを設定(ステータスに変更があった場合に指定された関数が自動的に呼び出される)特定の間隔でマニフェストをチェックマニフェストに変更がある場合、自動的にファイルをダウンロードするキャッシュのダウンロードが完了した場合は、キャッシュを

    raimon49
    raimon49 2010/09/16
    アプリケーションキャッシュ 明示的に更新
  • manifestファイルとかの続き

    制約というか仕様というか HTML5的にmanifestファイルをゴニョった ( HTML )の続き そもそもアプリケーションキャッシュって何よ、って話ですがブラウザが勝手にするキャッシュの超強いヤツと捉えればOKです。強すぎて、ミスったときに消しづらいです。HTML5からの実装です。 manifestの指定はドメイン単位で効果があるので、サブドメイン含めてドメインが異なれば効果がありません。Safariは問答無用に適用されますが、Firefox3.6の場合だと「This website ( ayumusato.com ) is asking to store data on your computer for offline use. Allow | Never for This Site | Not Now」と洋風に訊いてくれます。不具合ありそうならここで拒否ればOKなわけですね。 い

    manifestファイルとかの続き
    raimon49
    raimon49 2010/04/24
    DOCTYPE宣言
  • 1