Submit Search
Upload
サーバサイドいらずのWebアプリ
•
Download as KEY, PDF
•
1 like
•
841 views
Kazuya Hiruma
Follow
楽天テクノロジーカンファレンスでLTしたときの資料です。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 21
Download now
Recommended
Rdbms起点で考えると見えない世界 okuyama勉強会
Rdbms起点で考えると見えない世界 okuyama勉強会
Masakazu Muraoka
Indexed DBを使う
Indexed DBを使う
iPride Co., Ltd.
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
SAKURUG co.
SPA勉強会
SPA勉強会
Daisuke Onoe
awm-20200215
awm-20200215
acogale
VIOPS03: 仮想化への取組み
VIOPS03: 仮想化への取組み
VIOPS Virtualized Infrastructure Operators group ARCHIVES
WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化
Yoshihiro Ura
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
高見 知英
Recommended
Rdbms起点で考えると見えない世界 okuyama勉強会
Rdbms起点で考えると見えない世界 okuyama勉強会
Masakazu Muraoka
Indexed DBを使う
Indexed DBを使う
iPride Co., Ltd.
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
SAKURUG co.
SPA勉強会
SPA勉強会
Daisuke Onoe
awm-20200215
awm-20200215
acogale
VIOPS03: 仮想化への取組み
VIOPS03: 仮想化への取組み
VIOPS Virtualized Infrastructure Operators group ARCHIVES
WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化
Yoshihiro Ura
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
高見 知英
Web Workers
Web Workers
kaboccha
WebVR 酔いづらいコンテンツの作り方
WebVR 酔いづらいコンテンツの作り方
Kazuya Hiruma
Simmethod growth and value creation sales index
Simmethod growth and value creation sales index
SIMMETHOD: Converting Information Into Assets
情報収集の取り組み
情報収集の取り組み
Takashi Ishihara
オープンデータ浜名湖Night#3(20150715)
オープンデータ浜名湖Night#3(20150715)
Hitoshi Sugimoto
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
Kazuhito Kidachi
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
Saori Yamada
Linked in×採用活動
Linked in×採用活動
Hirofumi Kasuga
a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」
Seiko Kuchida
これからのデジタルサイネージビジネス
これからのデジタルサイネージビジネス
株式会社はまぞう
ストーリーテリングと ユーザ理解(World IA Day 2012)
ストーリーテリングと ユーザ理解(World IA Day 2012)
UX Tokyo
KPT発表会 - アジャイルひよこクラブ
KPT発表会 - アジャイルひよこクラブ
Atsushi Harada
Lean Startup: What's the Big Deal? (2013 Latino Innovators Summit)
Lean Startup: What's the Big Deal? (2013 Latino Innovators Summit)
Janice Fraser
MAX-JSオジサン#5
MAX-JSオジサン#5
minoru nakanou
顧客開発モデル概要(Samurai Venture Summit 4)
顧客開発モデル概要(Samurai Venture Summit 4)
Takashi Tsutsumi
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
minoru nakanou
Android Nexus7でLinuxを色々と遊んでみよう Hacking of Android Nexus7 by Linux
Android Nexus7でLinuxを色々と遊んでみよう Hacking of Android Nexus7 by Linux
Netwalker lab kapper
Heliumエンジンの設計と実装
Heliumエンジンの設計と実装
DADA246
あんさんぶるガールズ!最初の企画書
あんさんぶるガールズ!最初の企画書
Kei Kusakari
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGN
Marcin Treder
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
Kensaku Komatsu
技術者として抑えておきたい Power BI アーキテクチャ
技術者として抑えておきたい Power BI アーキテクチャ
Yugo Shimizu
More Related Content
Viewers also liked
Web Workers
Web Workers
kaboccha
WebVR 酔いづらいコンテンツの作り方
WebVR 酔いづらいコンテンツの作り方
Kazuya Hiruma
Simmethod growth and value creation sales index
Simmethod growth and value creation sales index
SIMMETHOD: Converting Information Into Assets
情報収集の取り組み
情報収集の取り組み
Takashi Ishihara
オープンデータ浜名湖Night#3(20150715)
オープンデータ浜名湖Night#3(20150715)
Hitoshi Sugimoto
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
Kazuhito Kidachi
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
Saori Yamada
Linked in×採用活動
Linked in×採用活動
Hirofumi Kasuga
a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」
Seiko Kuchida
これからのデジタルサイネージビジネス
これからのデジタルサイネージビジネス
株式会社はまぞう
ストーリーテリングと ユーザ理解(World IA Day 2012)
ストーリーテリングと ユーザ理解(World IA Day 2012)
UX Tokyo
KPT発表会 - アジャイルひよこクラブ
KPT発表会 - アジャイルひよこクラブ
Atsushi Harada
Lean Startup: What's the Big Deal? (2013 Latino Innovators Summit)
Lean Startup: What's the Big Deal? (2013 Latino Innovators Summit)
Janice Fraser
MAX-JSオジサン#5
MAX-JSオジサン#5
minoru nakanou
顧客開発モデル概要(Samurai Venture Summit 4)
顧客開発モデル概要(Samurai Venture Summit 4)
Takashi Tsutsumi
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
minoru nakanou
Android Nexus7でLinuxを色々と遊んでみよう Hacking of Android Nexus7 by Linux
Android Nexus7でLinuxを色々と遊んでみよう Hacking of Android Nexus7 by Linux
Netwalker lab kapper
Heliumエンジンの設計と実装
Heliumエンジンの設計と実装
DADA246
あんさんぶるガールズ!最初の企画書
あんさんぶるガールズ!最初の企画書
Kei Kusakari
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGN
Marcin Treder
Viewers also liked
(20)
Web Workers
Web Workers
WebVR 酔いづらいコンテンツの作り方
WebVR 酔いづらいコンテンツの作り方
Simmethod growth and value creation sales index
Simmethod growth and value creation sales index
情報収集の取り組み
情報収集の取り組み
オープンデータ浜名湖Night#3(20150715)
オープンデータ浜名湖Night#3(20150715)
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
Linked in×採用活動
Linked in×採用活動
a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」
これからのデジタルサイネージビジネス
これからのデジタルサイネージビジネス
ストーリーテリングと ユーザ理解(World IA Day 2012)
ストーリーテリングと ユーザ理解(World IA Day 2012)
KPT発表会 - アジャイルひよこクラブ
KPT発表会 - アジャイルひよこクラブ
Lean Startup: What's the Big Deal? (2013 Latino Innovators Summit)
Lean Startup: What's the Big Deal? (2013 Latino Innovators Summit)
MAX-JSオジサン#5
MAX-JSオジサン#5
顧客開発モデル概要(Samurai Venture Summit 4)
顧客開発モデル概要(Samurai Venture Summit 4)
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
Android Nexus7でLinuxを色々と遊んでみよう Hacking of Android Nexus7 by Linux
Android Nexus7でLinuxを色々と遊んでみよう Hacking of Android Nexus7 by Linux
Heliumエンジンの設計と実装
Heliumエンジンの設計と実装
あんさんぶるガールズ!最初の企画書
あんさんぶるガールズ!最初の企画書
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGN
Similar to サーバサイドいらずのWebアプリ
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
Kensaku Komatsu
技術者として抑えておきたい Power BI アーキテクチャ
技術者として抑えておきたい Power BI アーキテクチャ
Yugo Shimizu
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
KLab株式会社
Amazon RDS (MySQL) 入門
Amazon RDS (MySQL) 入門
Manabu Shinsaka
Yahoo! JAPANとRiak
Yahoo! JAPANとRiak
Yahoo!デベロッパーネットワーク
HTML5でオフラインWebアプリケーションを作ろう
HTML5でオフラインWebアプリケーションを作ろう
yoshikawa_t
サーバーレスでアンケートフォームを作ってみた
サーバーレスでアンケートフォームを作ってみた
ryutakatori
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Kentaro Matsui
Windows Azure 概要
Windows Azure 概要
fumios
クラウドを積極活用したサービスの開発のために
クラウドを積極活用したサービスの開発のために
Yuichiro Saito
nameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオ
c-mitsuba
OWIN って何?
OWIN って何?
miso- soup3
ウェブディレクターのための Web A11Y 勉強会 #08
ウェブディレクターのための Web A11Y 勉強会 #08
Kazuhiko Tsuchiya
Google Compute EngineとPipe API
Google Compute EngineとPipe API
maruyama097
Google Compute EngineとGAE Pipeline API
Google Compute EngineとGAE Pipeline API
maruyama097
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
gree_tech
JSer Class #2
JSer Class #2
mizuky fujitani
PHP開発者のためのNoSQL入門
PHP開発者のためのNoSQL入門
じゅん なかざ
ヤフーを支えるフラッシュストレージ
ヤフーを支えるフラッシュストレージ
Yahoo!デベロッパーネットワーク
Similar to サーバサイドいらずのWebアプリ
(20)
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
技術者として抑えておきたい Power BI アーキテクチャ
技術者として抑えておきたい Power BI アーキテクチャ
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
Amazon RDS (MySQL) 入門
Amazon RDS (MySQL) 入門
Yahoo! JAPANとRiak
Yahoo! JAPANとRiak
HTML5でオフラインWebアプリケーションを作ろう
HTML5でオフラインWebアプリケーションを作ろう
サーバーレスでアンケートフォームを作ってみた
サーバーレスでアンケートフォームを作ってみた
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Windows Azure 概要
Windows Azure 概要
クラウドを積極活用したサービスの開発のために
クラウドを積極活用したサービスの開発のために
nameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオ
OWIN って何?
OWIN って何?
ウェブディレクターのための Web A11Y 勉強会 #08
ウェブディレクターのための Web A11Y 勉強会 #08
Google Compute EngineとPipe API
Google Compute EngineとPipe API
Google Compute EngineとGAE Pipeline API
Google Compute EngineとGAE Pipeline API
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
JSer Class #2
JSer Class #2
PHP開発者のためのNoSQL入門
PHP開発者のためのNoSQL入門
ヤフーを支えるフラッシュストレージ
ヤフーを支えるフラッシュストレージ
More from Kazuya Hiruma
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
Kazuya Hiruma
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
Kazuya Hiruma
ARグラスで 魅力的な絵作り
ARグラスで 魅力的な絵作り
Kazuya Hiruma
AWE Nite ARKit3 Hackathon
AWE Nite ARKit3 Hackathon
Kazuya Hiruma
レイマーチ入門勉強会資料
レイマーチ入門勉強会資料
Kazuya Hiruma
MESONで手がけたARアプリ AR Developer Meetup #2
MESONで手がけたARアプリ AR Developer Meetup #2
Kazuya Hiruma
みんなレイ飛ばしてる?
みんなレイ飛ばしてる?
Kazuya Hiruma
VRゲーム制作楽しいよ! @UnityおとなのLT大会
VRゲーム制作楽しいよ! @UnityおとなのLT大会
Kazuya Hiruma
ElminaAR - Unity x ARKit 入門Meetup
ElminaAR - Unity x ARKit 入門Meetup
Kazuya Hiruma
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
Kazuya Hiruma
UnityでARKitハンズオン
UnityでARKitハンズオン
Kazuya Hiruma
すぐそこにある未来〜AR〜
すぐそこにある未来〜AR〜
Kazuya Hiruma
VRで酔わないコンテンツ作り
VRで酔わないコンテンツ作り
Kazuya Hiruma
WebVRコンテンツ制作入門
WebVRコンテンツ制作入門
Kazuya Hiruma
WebVRってこんなことできるよ!
WebVRってこんなことできるよ!
Kazuya Hiruma
そしてWebVR
そしてWebVR
Kazuya Hiruma
Unity入門ハンズオン
Unity入門ハンズオン
Kazuya Hiruma
WebVRことはじめ
WebVRことはじめ
Kazuya Hiruma
集まっTail #5 LT
集まっTail #5 LT
Kazuya Hiruma
WebGL入門LT大会資料
WebGL入門LT大会資料
Kazuya Hiruma
More from Kazuya Hiruma
(20)
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
ARグラスで 魅力的な絵作り
ARグラスで 魅力的な絵作り
AWE Nite ARKit3 Hackathon
AWE Nite ARKit3 Hackathon
レイマーチ入門勉強会資料
レイマーチ入門勉強会資料
MESONで手がけたARアプリ AR Developer Meetup #2
MESONで手がけたARアプリ AR Developer Meetup #2
みんなレイ飛ばしてる?
みんなレイ飛ばしてる?
VRゲーム制作楽しいよ! @UnityおとなのLT大会
VRゲーム制作楽しいよ! @UnityおとなのLT大会
ElminaAR - Unity x ARKit 入門Meetup
ElminaAR - Unity x ARKit 入門Meetup
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
UnityでARKitハンズオン
UnityでARKitハンズオン
すぐそこにある未来〜AR〜
すぐそこにある未来〜AR〜
VRで酔わないコンテンツ作り
VRで酔わないコンテンツ作り
WebVRコンテンツ制作入門
WebVRコンテンツ制作入門
WebVRってこんなことできるよ!
WebVRってこんなことできるよ!
そしてWebVR
そしてWebVR
Unity入門ハンズオン
Unity入門ハンズオン
WebVRことはじめ
WebVRことはじめ
集まっTail #5 LT
集まっTail #5 LT
WebGL入門LT大会資料
WebGL入門LT大会資料
Recently uploaded
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
Recently uploaded
(8)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
サーバサイドいらずのWebアプリ
1.
サーバサイドいらず のWebアプリ
2011.11.19 KAYAC 比留間 和也
2.
自己紹介 • 面白法人カヤック HTMLファイ部所属
比留間 和也 • 最近はJSメインで開発してます。 最近の興味はNode.js
3.
サーバサイドいらず
4.
= つまりオフライン
5.
オフラインで使える技術 • Application Cache •
Web Storage • Indexed DataBase • WebSQL DataBase • etc...
6.
オフラインで使える技術 • Application Cache •
Web Storage • Indexed DataBase • WebSQL DataBase • etc...
7.
オフラインで使える技術 • Application Cache
時間がないので • Web Storage ひとつだけ。 • Indexed DataBase • WebSQL DataBase • etc...
8.
Web Storage • ブラウザ上に持てるKey/Value型の簡
易ストレージ。 • 容量は平均して数MB程度。
9.
メリット
10.
• 手軽に使えるストレージ • cookieよりも大きなデータを扱える •
ほぼ永続的にローカルにデータを残せる
11.
デメリット
12.
• ブラウザ自体に保存するため、ブラウザ をまたいでの情報の保存ができない •
対応ブラウザが限定される(IE6,7では使 えない) • ユーザ操作で削除される可能性がある
13.
ToDo管理アプリ
14.
DEMO
15.
どこで使う?
16.
オフライン
HTML5アプリ • Google Chromeアプリ • PhoneGapアプリ • Titaniumアプリ
17.
開発環境
18.
推奨?開発環境
19.
jsdo.it!!!
20.
jsdo.it • ブラウザがあれば開発可能 • ソースコードの公開ができる •
作ったものをブログやサイトに埋め込 める=公開が手軽 http://jsdo.it/
21.
ご静聴ありがとうご ざいました。
Editor's Notes
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Download now