Submit Search
Upload
オフラインWebアプリケーションのつくりかた
•
24 likes
•
9,549 views
Shumpei Shiraishi
Follow
オフラインWebアプリケーションを作る上での基本的なAPIとアーキテクチャについて解説しました。 2011/10/17のJJUG CCCで使用したスライドです。
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 36
Recommended
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
ネットワーク超入門
ネットワーク超入門
xyzplus_net
Xamarin で良くやっていたあれを MAUI でする話
Xamarin で良くやっていたあれを MAUI でする話
m ishizaki
PMBOKガイド7をアジャイル屋はどう迎え撃つか?
PMBOKガイド7をアジャイル屋はどう迎え撃つか?
豆寄席 (株式会社豆蔵)
5分で出来る!イケてるconfluenceページ
5分で出来る!イケてるconfluenceページ
CLARA ONLINE, Inc.
Hack言語に賭けたチームの話
Hack言語に賭けたチームの話
Yuji Otani
WPF開発での陥りやすい罠
WPF開発での陥りやすい罠
Sho Okada
MVC の Model を考える
MVC の Model を考える
tomo_masakura
Recommended
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
ネットワーク超入門
ネットワーク超入門
xyzplus_net
Xamarin で良くやっていたあれを MAUI でする話
Xamarin で良くやっていたあれを MAUI でする話
m ishizaki
PMBOKガイド7をアジャイル屋はどう迎え撃つか?
PMBOKガイド7をアジャイル屋はどう迎え撃つか?
豆寄席 (株式会社豆蔵)
5分で出来る!イケてるconfluenceページ
5分で出来る!イケてるconfluenceページ
CLARA ONLINE, Inc.
Hack言語に賭けたチームの話
Hack言語に賭けたチームの話
Yuji Otani
WPF開発での陥りやすい罠
WPF開発での陥りやすい罠
Sho Okada
MVC の Model を考える
MVC の Model を考える
tomo_masakura
気づいたら市民開発者になっていた ー孤軍奮闘PowerAutomate
気づいたら市民開発者になっていた ー孤軍奮闘PowerAutomate
Chirett
マイクロサービスにおける 結果整合性との戦い
マイクロサービスにおける 結果整合性との戦い
ota42y
DDDのモデリングとは何なのか、 そしてどうコードに落とすのか
DDDのモデリングとは何なのか、 そしてどうコードに落とすのか
Koichiro Matsuoka
ドメイン駆動設計に15年取り組んでわかったこと
ドメイン駆動設計に15年取り組んでわかったこと
増田 亨
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
WebRTCとSFU
WebRTCとSFU
Saki Homma
ネットワークの自動化・監視の取り組みについて #netopscoding #npstudy
ネットワークの自動化・監視の取り組みについて #netopscoding #npstudy
Yahoo!デベロッパーネットワーク
ドメイン駆動設計 失敗したことと成功したこと
ドメイン駆動設計 失敗したことと成功したこと
BIGLOBE Inc.
Riverpodでテストを書こう
Riverpodでテストを書こう
Shinnosuke Tokuda
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
gree_tech
Webブラウザ上で動作する帳票エンジンを作る話
Webブラウザ上で動作する帳票エンジンを作る話
terurou
Msを16倍出し抜くwpf開発1回目
Msを16倍出し抜くwpf開発1回目
cct-inc
分散トレーシング技術について(Open tracingやjaeger)
分散トレーシング技術について(Open tracingやjaeger)
NTT Communications Technology Development
インタフェース完全に理解した
インタフェース完全に理解した
torisoup
.NET 7期待の新機能
.NET 7期待の新機能
TomomitsuKusaba
Msを16倍出し抜くwpf開発2回目
Msを16倍出し抜くwpf開発2回目
cct-inc
cluster-monitoringで困ったこと学んだこと
cluster-monitoringで困ったこと学んだこと
Sachiho Wakita
Git Flowを運用するために
Git Flowを運用するために
Shun Tsunoda
HTML5でオフラインWebアプリケーションを作ろう
HTML5でオフラインWebアプリケーションを作ろう
yoshikawa_t
オフラインファーストの思想と実践
オフラインファーストの思想と実践
Shumpei Shiraishi
More Related Content
What's hot
気づいたら市民開発者になっていた ー孤軍奮闘PowerAutomate
気づいたら市民開発者になっていた ー孤軍奮闘PowerAutomate
Chirett
マイクロサービスにおける 結果整合性との戦い
マイクロサービスにおける 結果整合性との戦い
ota42y
DDDのモデリングとは何なのか、 そしてどうコードに落とすのか
DDDのモデリングとは何なのか、 そしてどうコードに落とすのか
Koichiro Matsuoka
ドメイン駆動設計に15年取り組んでわかったこと
ドメイン駆動設計に15年取り組んでわかったこと
増田 亨
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
WebRTCとSFU
WebRTCとSFU
Saki Homma
ネットワークの自動化・監視の取り組みについて #netopscoding #npstudy
ネットワークの自動化・監視の取り組みについて #netopscoding #npstudy
Yahoo!デベロッパーネットワーク
ドメイン駆動設計 失敗したことと成功したこと
ドメイン駆動設計 失敗したことと成功したこと
BIGLOBE Inc.
Riverpodでテストを書こう
Riverpodでテストを書こう
Shinnosuke Tokuda
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
gree_tech
Webブラウザ上で動作する帳票エンジンを作る話
Webブラウザ上で動作する帳票エンジンを作る話
terurou
Msを16倍出し抜くwpf開発1回目
Msを16倍出し抜くwpf開発1回目
cct-inc
分散トレーシング技術について(Open tracingやjaeger)
分散トレーシング技術について(Open tracingやjaeger)
NTT Communications Technology Development
インタフェース完全に理解した
インタフェース完全に理解した
torisoup
.NET 7期待の新機能
.NET 7期待の新機能
TomomitsuKusaba
Msを16倍出し抜くwpf開発2回目
Msを16倍出し抜くwpf開発2回目
cct-inc
cluster-monitoringで困ったこと学んだこと
cluster-monitoringで困ったこと学んだこと
Sachiho Wakita
Git Flowを運用するために
Git Flowを運用するために
Shun Tsunoda
What's hot
(20)
気づいたら市民開発者になっていた ー孤軍奮闘PowerAutomate
気づいたら市民開発者になっていた ー孤軍奮闘PowerAutomate
マイクロサービスにおける 結果整合性との戦い
マイクロサービスにおける 結果整合性との戦い
DDDのモデリングとは何なのか、 そしてどうコードに落とすのか
DDDのモデリングとは何なのか、 そしてどうコードに落とすのか
ドメイン駆動設計に15年取り組んでわかったこと
ドメイン駆動設計に15年取り組んでわかったこと
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
WebRTCとSFU
WebRTCとSFU
ネットワークの自動化・監視の取り組みについて #netopscoding #npstudy
ネットワークの自動化・監視の取り組みについて #netopscoding #npstudy
ドメイン駆動設計 失敗したことと成功したこと
ドメイン駆動設計 失敗したことと成功したこと
Riverpodでテストを書こう
Riverpodでテストを書こう
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
Webブラウザ上で動作する帳票エンジンを作る話
Webブラウザ上で動作する帳票エンジンを作る話
Msを16倍出し抜くwpf開発1回目
Msを16倍出し抜くwpf開発1回目
分散トレーシング技術について(Open tracingやjaeger)
分散トレーシング技術について(Open tracingやjaeger)
インタフェース完全に理解した
インタフェース完全に理解した
.NET 7期待の新機能
.NET 7期待の新機能
Msを16倍出し抜くwpf開発2回目
Msを16倍出し抜くwpf開発2回目
cluster-monitoringで困ったこと学んだこと
cluster-monitoringで困ったこと学んだこと
Git Flowを運用するために
Git Flowを運用するために
Viewers also liked
HTML5でオフラインWebアプリケーションを作ろう
HTML5でオフラインWebアプリケーションを作ろう
yoshikawa_t
オフラインファーストの思想と実践
オフラインファーストの思想と実践
Shumpei Shiraishi
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
yoshikawa_t
Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要
yoshikawa_t
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
yoshikawa_t
HTML5開発最前線
HTML5開発最前線
yoshikawa_t
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
yoshikawa_t
HTML5でセマンティックなマークアップ
HTML5でセマンティックなマークアップ
Shumpei Shiraishi
Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1
yoshikawa_t
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
yoshikawa_t
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
yoshikawa_t
jQuery Mobile is not dead!
jQuery Mobile is not dead!
yoshikawa_t
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
質問応答システム入門
質問応答システム入門
Hiroyoshi Komatsu
Chrome Apps のデバイスAPI
Chrome Apps のデバイスAPI
yoshikawa_t
Viewers also liked
(17)
HTML5でオフラインWebアプリケーションを作ろう
HTML5でオフラインWebアプリケーションを作ろう
オフラインファーストの思想と実践
オフラインファーストの思想と実践
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
HTML5開発最前線
HTML5開発最前線
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
HTML5でセマンティックなマークアップ
HTML5でセマンティックなマークアップ
Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
jQuery Mobile is not dead!
jQuery Mobile is not dead!
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
質問応答システム入門
質問応答システム入門
Chrome Apps のデバイスAPI
Chrome Apps のデバイスAPI
Similar to オフラインWebアプリケーションのつくりかた
HTML5 のお話
HTML5 のお話
tomo_masakura
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
Osamu Monoe
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Monaca
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
今からハジメるHTML5プログラミング
今からハジメるHTML5プログラミング
SwapSkills
Herlockサービス紹介
Herlockサービス紹介
SONICMOOV CO.,LTD.
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
HTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionic
Kenichi Kanai
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
Kenjiro Kubota
デブサミ2011 LT大会【17-E-7】appengine ja night
デブサミ2011 LT大会【17-E-7】appengine ja night
bluerabbit777jp
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
Platform.html5
Platform.html5
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Webエンジニアのサバイバル英会話
Webエンジニアのサバイバル英会話
Jumpei iwamura
Similar to オフラインWebアプリケーションのつくりかた
(20)
HTML5 のお話
HTML5 のお話
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
今からハジメるHTML5プログラミング
今からハジメるHTML5プログラミング
Herlockサービス紹介
Herlockサービス紹介
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionic
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
デブサミ2011 LT大会【17-E-7】appengine ja night
デブサミ2011 LT大会【17-E-7】appengine ja night
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Platform.html5
Platform.html5
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Webエンジニアのサバイバル英会話
Webエンジニアのサバイバル英会話
More from Shumpei Shiraishi
俺的GEB概論(前半)
俺的GEB概論(前半)
Shumpei Shiraishi
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
Shumpei Shiraishi
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
Shumpei Shiraishi
変身×フランツ・カフカ
変身×フランツ・カフカ
Shumpei Shiraishi
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
Shumpei Shiraishi
「1秒でわかる!アパレル業界ハンドブック」を読んで
「1秒でわかる!アパレル業界ハンドブック」を読んで
Shumpei Shiraishi
漫☆画太郎論
漫☆画太郎論
Shumpei Shiraishi
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Shumpei Shiraishi
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
Shumpei Shiraishi
はじめにことばありき
はじめにことばありき
Shumpei Shiraishi
秒速一億円
秒速一億円
Shumpei Shiraishi
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
Shumpei Shiraishi
この人と結婚していいの?を読んで
この人と結婚していいの?を読んで
Shumpei Shiraishi
20130921レジュメ2
20130921レジュメ2
Shumpei Shiraishi
More from Shumpei Shiraishi
(20)
俺的GEB概論(前半)
俺的GEB概論(前半)
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Angular2実践入門
Angular2実践入門
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
変身×フランツ・カフカ
変身×フランツ・カフカ
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
「1秒でわかる!アパレル業界ハンドブック」を読んで
「1秒でわかる!アパレル業界ハンドブック」を読んで
漫☆画太郎論
漫☆画太郎論
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
はじめにことばありき
はじめにことばありき
秒速一億円
秒速一億円
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
この人と結婚していいの?を読んで
この人と結婚していいの?を読んで
20130921レジュメ2
20130921レジュメ2
Recently uploaded
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Recently uploaded
(11)
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
オフラインWebアプリケーションのつくりかた
1.
オフラインWebアプリケーションのつくりかた 2011/10/13 白石俊平
2.
自己紹介 白石俊平(@Shumpei) 株式会社オープンウェブ・テクノロジー(http://www.openweb.co.jp)代表
Web開発案件募集中! 一緒にお仕事する仲間も募集中! html5j.org(元HTML5 Developers JP)主催 HTML5とか勉強会主催 Google API Expert (HTML5) Microsoft Most Valuable Professional (IE)
3.
今日のアジェンダ オフラインWebアプリケーションとは? オフラインでも「読める」アプリのつくりかた
オフラインでも「書ける」アプリのつくりかた
4.
Google Gearsって知ってますか?
5.
6.
7.
8.
結果オーライ♪
9.
オフラインWebアプリの開発経験 「Google Gearsスタートガイド」執筆
オフラインWebアプリケーションの研究開発を受託 「DaVinciPad」(自社サービス、現在は終了)開発
10.
今日のアジェンダ オフラインWebアプリケーションとは? オフラインでも「読める」アプリのつくりかた
オフラインでも「書ける」アプリのつくりかた
11.
オフラインWebアプリケーションとは?
12.
オフラインWebアプリケーションとは? オフラインでも利用できるWebアプリケーション
13.
オフラインでも「利用できる」、とは? オフラインでも「読める」・・・こちらはそれほど実装は難しくない オフラインでも「書ける」・・・割と面倒だったり、途方もなく難しかったりする。
14.
オフラインWebアプリケーションをつくるためのAPI アプリケーションキャッシュ Web
Storage Web SQL Database Indexed Database API File API
15.
今日のアジェンダ オフラインWebアプリケーションとは? オフラインでも「読める」アプリのつくりかた
オフラインでも「書ける」アプリのつくりかた
16.
「オフラインでも読める」Webアプリケーションのつくりかた
17.
オフラインでも読めるWebアプリケーションのつくりかた アプリケーションキャッシュを利用すれば良い。
18.
アプリケーションキャッシュとは? 静的なリソースをキャッシュするのに最適な機能 Webアプリが必要とするリソースを全てローカルにキャッシュする、という仕様。
オフラインでも動くという利点以外にも、起動が速いという大きなメリットも。 IE以外のPCブラウザ、スマホブラウザに実装されている。
19.
JS CSS HTML
HTML JS CSS HTML HTML アプリケーションキャッシュ オフラインに対応したWebアプリ ② リソースを全てダウンロード ①Webページにアクセス ③ 以降は、ローカル のキャッシュを参照
20.
キャッシュマニフェスト 「Webアプリが必要とするリソース」をブラウザが知るための定義ファイル。 キャッシュの更新チェックは、このファイルの更新チェックによって行われる。
基本は1行に1URL。 text/cache-manifestというMIMEタイプで配信 CACHE MANIFEST hello.html hello.css hello.js hello.jpg
21.
デモ(?)
22.
アプリケーションキャッシュのJavaScript API 対応ブラウザでは、applicationCacheというグローバル変数を通じてアプリケーションキャッシュの操作を行える。
キャッシュの進捗状況をチェックできる キャッシュ更新を明示的に起動する
23.
アプリケーションキャッシュのJavaScript API キャッシュの進捗状況をチェックするためのコードは以下のようになる。
他にも、error, noupdate, cached, updatereadyなどのイベントが存在する。 // キャッシュ動作が進行中 applicationCache.addEventListener( "progress", function(event) { … }, false);
24.
デモ
25.
アプリケーションキャッシュを利用する上での注意点 キャッシュマニフェストを更新しないと、リロードしてもアプリケーションが更新されない。 キャッシュマニフェストの管理が少しめんどう。
キャッシュ容量が限られている。 スマホ上では、1ドメインあたり10Mとも20Mとも言われている。 なんかブラウザの挙動が怪しくなる時がある。。
26.
「オフラインでも書ける」Webアプリケーションのつくりかた
27.
基本、そして理想 ブラウザが備えているローカルのストレージにデータを読み書き その後、DBの内容をクラウドと同期
これって、よく考えるとクラウド以前の デスクトップアプリとそんなに変わらない。 App
28.
オフラインWebアプリをつくるためのポイント(1) 基本は、リッチクライアント+同期機能であると言って良い。 「Webアプリ」の経験があればあるほど、昔の作り方に引きずられる(経験者談)
29.
利用できるローカルストレージ Web Storage
Web SQL Database Indexed Database API File API
30.
31.
RDBのテーブルにあたるものがオブジェクトストア
32.
33.
以下の3仕様からなる。
34.
File API・・・ファイルの読み取りや基本的なインターフェースの定義
35.
File API:Writer・・・ファイルの書き出し
36.
File API:Systems and
Directories・・・ファイルシステムとディレクトリ構造
37.
38.
オフラインWebアプリをつくるためのポイント(2) 完全な双方向同期を実現するのは、かなり難しい。 フェールセーフ
更新の衝突 同期のタイミング 各データの状態管理 ネットワーク状態 ローカルDBのスキーマ管理 ローカルDBのクォータ …
39.
以前実現したアーキテクチャ クライアント 同期するデータの範囲を指定できるようにすることで、検索にも対応
テーブルA UI 同期エンジン ジャーナル テーブルB
40.
オフラインWebアプリをつくるためのポイント(2) 仕様面での割り切りが、開発コストに大きく影響する! 完全な双方向同期を実現するのは、かなり難しい。
フェールセーフ 更新の衝突 同期のタイミング 各データの状態管理 ネットワーク状態 ローカルDBのスキーマ管理 ローカルDBのクォータ …
41.
ご清聴ありがとうございました。 @Shumpei