SlideShare a Scribd company logo
       Chrome  Apps  概要
2014/4/9  
html5j  Webプラットフォーム部  第1回  
Toru  Yoshikawa  (@yoshikawa_̲t)
Who?
html5j/HTML5とか勉強会スタッフ/ビ
ギナー部  (副部⻑⾧長)  
Google  Developer  Experts  (Chrome)  
HTML5  Experts.jp  エキスパートNo.3  
Web先端技術味⾒見見部  (顧問)/⽇日本jQuery  
Mobileユーザー会  (管理理⼈人)/Sublime  
Text  2  Japan  Users  Group  (管理理⼈人)など
など  
Blog:  http://d.hatena.ne.jp/pikotea/
吉川  徹  /  Toru  Yoshikawa  
@yoshikawa_̲t
Agenda
Chrome  Apps  の概要  
Chrome  Apps  の作り⽅方  
どんなことができるのか?

Chrome  Apps  のAPI  
Chrome  Apps  のマネタイズ  
モバイル対応  
Appendix  
Chrome  Apps  のデバッグ
Chrome  Apps  の概要
Chrome  Apps  とは?
Chrome  Web  Storeで配布、販売できるアプリケー
ションプラットフォーム  
HTML5、CSS3、JavaScriptといったWeb技術でアプ
リを開発することができる  
Chromeブラウザ上(ChromeOS)で動作するため、
HTML5をフルに利利⽤用できる  
ネイティブデバイスにアクセスするための、独⾃自の拡
張APIなどを持つ
Chrome  Apps  の種類
Chrome  Apps  
Packaged  Apps  
ファイル⼀一式をChromeに保存して利利⽤用する⽅方式Hosted  
Apps  
通常通り公開しているWebアプリをそのままChrome  Web  
Storeで公開しているもの  
Extensions  
アプリではなく、ブラウザの機能⾃自体を拡張する⽬目的で作られる
もの
Packaged  Apps
アプリランチャーから直接起
動可能  
Chromeが⽴立立ち上がるのでは
なく専⽤用のUIを持ったアプリ  
豊富な拡張APIを持つ  
USB,  Bluetooth,  Serial
Extensions
ブラウザのUIに追加する  
ブラウザアクション  
ページアクション  
オムニボックス  
右クリックメニュー  
閲覧しているページでJavaScriptを実⾏行行する(Content  Scripts)  
例例えば、ページに特定のボタンを追加したり、逆にページの
内容を削除することもできる
Chrome  Apps  の作り⽅方
Chrome  Apps  の作成⽅方法
1.任意のフォルダを作成  
2.マニフェストファイルを作成する  
3.バックグランドで動作するJSファイルを作成する  
4.ビューであるhtmlファイルを作成する  
5.あとは普通のWebアプリと同様に作成(もちろん
拡張APIも利利⽤用できる)
https://developer.chrome.com/apps/first_app
実際に作ってみる
ハンズオン資料料

(  http://bit.ly/chromeapps20131224  )
Chrome  Apps/Extensions  の
アーキテクチャ
バックグラウンドプロセスを1つ持つ  
すべてのウィンドウ、その他のビュー(ページ)はバッ
クグラウンドプロセスとメッセージのやりとりを⾏行行う
CSP  (Content  Security  Policy)
CSPは、W3Cで策定されているセキュリティの追加レイ
ヤー  
本来のCSPでは、HTTPのレスポンスヘッダに"Content-‐‑‒
Security-‐‑‒Policy"で指定する  
例例えば、外部スクリプトの読込みを禁⽌止したり、インライ
ンスクリプト、evalを禁⽌止したりすることができる  
https://dvcs.w3.org/hg/content-‐‑‒security-‐‑‒policy/raw-‐‑‒
file/tip/csp-‐‑‒specification.dev.html
CSPへの準拠
Chrome  Apps  では、CSPに独⾃自に準拠した作りになっている  
外部リソースの読込み禁⽌止  
<script  src="http://example.com/...">  
インラインスクリプトの禁⽌止  
<body  onload="...">  
⽂文字列列を評価して実⾏行行するJavaScriptの禁⽌止  
eval()  
Extensionsでは、上記の制限をある程度度カスタマイズすることができる  
Appsでは、sandboxページやiframeを利利⽤用して回避する必要がある
その他の制限事項
localStorageは、chrome.storageを利利⽤用する  
chrome.storageは⾮非同期API  
Googleの同期機能で他のChromeとデータを同期できる  
setIntervalやsetTimeoutは、chrome.alarmsを利利⽤用する  
バックグラウンドプロセスがシャットダウンされる可能性
があるため、setTimeoutなどは利利⽤用できない  
(バックグラウンドをpersistent:trueにすれば利利⽤用可能)
どんなことができるのか?  
Chrome  Apps  のAPI
Chrome  Apps  のAPI
独⾃自APIを利利⽤用する場合、マニフェストファイルにパーミッ
ションを追加する(不不要のものもある)  
Apps  
http://developer.chrome.com/apps/api_̲index.html  
Extensions  
http://developer.chrome.com/extensions/
api_̲index.html
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
chrome.browserAction ブラウザアクションの各種設定 ⃝
chrome.contextMenus コンテキストメニューの各種設定 ⃝ ⃝
chrome.pageAction ページアクションの各種設定 ⃝
chrome.omnibox オムニボックスの各種設定 ⃝
chrome.notifications デスクトップ通知の各種設定 ⃝ ⃝
Option Page オプション設定用のページを追加 ⃝
Override Pages ブックマーク、履歴ページの変更 ⃝
chrome.tabs タブの操作 ⃝
chrome.window ウィンドウの操作 ⃝
chrome.app.window アプリウィンドウの操作 ⃝
ブラウザUI系
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
chrome.bookmarks ブックマークの操作 ⃝
chrome.cookies クッキーの操作 ⃝
chrome.history 履歴の操作 ⃝
chrome.commands ショートカットキーの設定 ⃝
chrome.pageCapture ページをMHTML形式で保存 ⃝
chrome.storage データ保存・同期 ⃝ ⃝
chrome.fileSystem ファイルの読み書き ⃝
chrome.mediaCalleries メディアフィアルへのアクセス ⃝
ブラウザ機能
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
Message Passing バックグラウンドページ等とメッセージ交換 ⃝ ⃝
CORS XHR 別ドメインへのXMLHttpRequest ⃝ ⃝
chrome.declarativeWebRequest リクエストの制御を行う ⃝ ⃝
chrome.proxy Chromeのプロキシ設定 ⃝ ⃝
chrome.webNavigation ページの各種ナビゲーションイベントを補足 ⃝ ⃝
chrome.webRequest リクエストへ割り込み制御を行う ⃝ ⃝
chrome.pushMessaging Google Cloud Messagingでプッシュ通信 ⃝ ⃝
chrome.socket TCP・UDPのソケット通信 ⃝
ネットワーク・メッセージ系
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
chrome.serial シリアル通信 ⃝
chrome.usb USB通信 ⃝
デバイスアクセス
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
chrome.management アプリ・拡張機能の管理 ⃝
chrome.permissions 必要な権限をあとから追加 ⃝ ⃝
chrome.brawsingData ブラウジングデータの取得 ⃝
chrome.contentSettings サイトのJavaScriptやプラグインの設定 ⃝
chrome.extension 拡張機能のユーティリティ ⃝
chrome.fontSettings フォント設定 ⃝
メタ情報・管理機能
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
chrome.tts 音声読み上げ ⃝ ⃝
chrome.ttsEngine 音声合成エンジンを登録 ⃝
入力
Chrome  Apps  のAPI
機能・ 説明 アプリ 拡張
chrome.idle マシンのアイドル状態を検知 ⃝ ⃝
chrome.runtime アプリ・拡張機能のライフサイクルイベントを検知 ⃝ ⃝
chrome.app.runtime アプリの起動・再起動を検知 ⃝
chrome.i18n 多言語対応 ⃝ ⃝
chrome.alarms タスク実行(setTimeoutやsetIntervalの代わり ⃝ ⃝
chrome.privacy プライバシー関連の設定を管理する ⃝
chrome.webstore 自サイトで直接アプリをインストール ⃝ ⃝
chrome.devtools デベロッパーツールの拡張 ⃝
ライフサイクル・その他
Chrome  Apps  のマネタイズ
アプリ内課⾦金金(デジタルグッズなどの販売)  
Chrome  In-‐‑‒App  Payments  
独⾃自の課⾦金金⽅方法を利利⽤用しても良良い  
アプリ/拡張機能の販売(定期・不不定期購⼊入)  
Chromeウェブストア決済/Google  Checkout  
無料料トライアル  
1回払い  
⽉月間登録料料  
年年間登録料料  
広告の掲載
モバイル対応
Apache  Cordovaを使ったChrome  Appsのモバイルアプリへの
変換  
Cordovaのプラグイン群として提供されている  
現在はデベロッパープレビュー版で、まだ対応APIは限られてい
る  
https://github.com/MobileChromeApps/mobile-‐‑‒chrome-‐‑‒
apps/blob/master/README.md  
天使やカイザーと呼ばれて  »  Chrome  Apps  for  mobileの開発
⽅方法  (http://bit.ly/1jtaGR4)
次のステップ
Chrome本で  :)  
Chrome  Apps  の開発からChrome  Web  Storeで
の公開までを網羅羅  
Chrome  Developer  Toolsの使い⽅方について解説  
http://amzn.to/12eKqmt  
困ったらChrome  API  Developers  JP  コミュニティへ  
https://sites.google.com/site/chromeapijp/
Thank  you!!
(@yoshikawa_̲t)
Appendix
Chrome  Apps  のデバッグ
Chrome  Apps  のデバッグ
デバッグツールの呼び出しアレコレ  
アプリ・ウィンドウのデバッグ  
バックラウンドページのデバッグ  
Content  Scriptsのデバッグ  
chrome://inspect
アプリ・ウィンドウのデバッグ
アプリ・ウィンドウで右クリックメニューの「要
素の検証」「バックグラウンドページの検証」
Consoleでエラーを確認しよう
「要素の検証」「バックグラウンドページの検
証」それぞれでConsoleパネルを表⽰示
バックグラウンドページのデバッグ
(主に拡張機能など)
ビューを調査でアクティブなファイルがリンクで
表⽰示されるので対象ページをクリック
chrome://extensions
Content  Scriptのデバッグ
(拡張機能)
対象ページでデベロッパーツールを開いて「Sources」
パネル、ファイルツリーの「Content  Scripts」タブ
Content  ScriptのConsole操作
(拡張機能)
コンソールの下側のセレクトメニューで該当の拡
張機能を選択
chrome://inspect
デバッグ可能なページをすべて表⽰示!(リモート
デバッグもこちらから)
Resources
https://developer.chrome.com/  
https://developer.chrome.com/apps/about_̲apps  
https://github.com/MobileChromeApps/mobile-‐‑‒
chrome-‐‑‒apps/

More Related Content

What's hot

20150729 polymer超入門
20150729 polymer超入門20150729 polymer超入門
20150729 polymer超入門
Kazuyoshi Goto
 
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要いまさら聞けないHTML5概要
いまさら聞けないHTML5概要yoshikawa_t
 
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Azure Bot!! Microsoft Bot Framework で簡単Bot開発Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Yuki Hattori
 
HTML5開発最前線
HTML5開発最前線HTML5開発最前線
HTML5開発最前線
yoshikawa_t
 
Firefox OS App Manager
Firefox OS App ManagerFirefox OS App Manager
Firefox OS App Manager
dynamis
 
「その他」のUI Framework 3選
「その他」のUI Framework 3選「その他」のUI Framework 3選
「その他」のUI Framework 3選
Shumpei Shiraishi
 
僕のChrome拡張
僕のChrome拡張僕のChrome拡張
僕のChrome拡張
Syo Igarashi
 
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
 Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScriptOsamu Monoe
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
 
公開型CMSとしてのTrac
公開型CMSとしてのTrac公開型CMSとしてのTrac
公開型CMSとしてのTrac
Kazuya Hirobe
 
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
Osamu Monoe
 
Chrome Devtools for beginners (v1.1)
Chrome Devtools for beginners (v1.1)Chrome Devtools for beginners (v1.1)
Chrome Devtools for beginners (v1.1)
yoshikawa_t
 
Bot frameworkでbot入門
Bot frameworkでbot入門Bot frameworkでbot入門
Bot frameworkでbot入門
Tsubasa Yoshino
 
HTML5 NIGHT 08. Web × パフォーマンス技術
HTML5 NIGHT 08. Web × パフォーマンス技術HTML5 NIGHT 08. Web × パフォーマンス技術
HTML5 NIGHT 08. Web × パフォーマンス技術Yoichiro Takehora
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5
Sho Ito
 
スマートフォンにおけるリッチコンテンツの提供について
スマートフォンにおけるリッチコンテンツの提供についてスマートフォンにおけるリッチコンテンツの提供について
スマートフォンにおけるリッチコンテンツの提供について
evol-ni
 
Media programing2012
Media programing2012Media programing2012
Media programing2012y42sora
 
Autopagerize on Firefox and Google Chrome
Autopagerize on Firefox and Google ChromeAutopagerize on Firefox and Google Chrome
Autopagerize on Firefox and Google Chrome
swdyh
 
Microsoft Bot Framework と Cognitive Services を活用した 業務サポートBOT 構築
Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築
Microsoft Bot Framework と Cognitive Services を活用した 業務サポートBOT 構築
Osamu Monoe
 

What's hot (20)

20150729 polymer超入門
20150729 polymer超入門20150729 polymer超入門
20150729 polymer超入門
 
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
 
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Azure Bot!! Microsoft Bot Framework で簡単Bot開発Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
 
HTML5開発最前線
HTML5開発最前線HTML5開発最前線
HTML5開発最前線
 
Firefox OS App Manager
Firefox OS App ManagerFirefox OS App Manager
Firefox OS App Manager
 
「その他」のUI Framework 3選
「その他」のUI Framework 3選「その他」のUI Framework 3選
「その他」のUI Framework 3選
 
僕のChrome拡張
僕のChrome拡張僕のChrome拡張
僕のChrome拡張
 
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
 Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
 
公開型CMSとしてのTrac
公開型CMSとしてのTrac公開型CMSとしてのTrac
公開型CMSとしてのTrac
 
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
 
Chrome Devtools for beginners (v1.1)
Chrome Devtools for beginners (v1.1)Chrome Devtools for beginners (v1.1)
Chrome Devtools for beginners (v1.1)
 
Bot frameworkでbot入門
Bot frameworkでbot入門Bot frameworkでbot入門
Bot frameworkでbot入門
 
HTML5 NIGHT 08. Web × パフォーマンス技術
HTML5 NIGHT 08. Web × パフォーマンス技術HTML5 NIGHT 08. Web × パフォーマンス技術
HTML5 NIGHT 08. Web × パフォーマンス技術
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5
 
スマートフォンにおけるリッチコンテンツの提供について
スマートフォンにおけるリッチコンテンツの提供についてスマートフォンにおけるリッチコンテンツの提供について
スマートフォンにおけるリッチコンテンツの提供について
 
Media programing2012
Media programing2012Media programing2012
Media programing2012
 
Autopagerize on Firefox and Google Chrome
Autopagerize on Firefox and Google ChromeAutopagerize on Firefox and Google Chrome
Autopagerize on Firefox and Google Chrome
 
Microsoft Bot Framework と Cognitive Services を活用した 業務サポートBOT 構築
Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築
Microsoft Bot Framework と Cognitive Services を活用した 業務サポートBOT 構築
 
Java Script4
Java Script4Java Script4
Java Script4
 

Viewers also liked

その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
Osamu Monoe
 
HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!
Kazuya Hiruma
 
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Hiroshi Kawada
 
HTML5 で開発する Windows 8 ネイティブアプリ
HTML5 で開発する Windows 8 ネイティブアプリHTML5 で開発する Windows 8 ネイティブアプリ
HTML5 で開発する Windows 8 ネイティブアプリ
Osamu Monoe
 
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPIWindows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Osamu Monoe
 
ウェブ標準デバイス系 API 総集編 2014
ウェブ標準デバイス系 API 総集編 2014ウェブ標準デバイス系 API 総集編 2014
ウェブ標準デバイス系 API 総集編 2014
Futomi Hatano
 

Viewers also liked (6)

その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
 
HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!
 
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
 
HTML5 で開発する Windows 8 ネイティブアプリ
HTML5 で開発する Windows 8 ネイティブアプリHTML5 で開発する Windows 8 ネイティブアプリ
HTML5 で開発する Windows 8 ネイティブアプリ
 
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPIWindows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
 
ウェブ標準デバイス系 API 総集編 2014
ウェブ標準デバイス系 API 総集編 2014ウェブ標準デバイス系 API 総集編 2014
ウェブ標準デバイス系 API 総集編 2014
 

Similar to Chrome Apps 概要

Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要
yoshikawa_t
 
Chrome apps for mobile 概要
Chrome apps for mobile 概要Chrome apps for mobile 概要
Chrome apps for mobile 概要
yoshikawa_t
 
Chrome DevTools.next
Chrome DevTools.nextChrome DevTools.next
Chrome DevTools.next
yoshikawa_t
 
Chrome packaged appsをデバッグ
Chrome packaged appsをデバッグChrome packaged appsをデバッグ
Chrome packaged appsをデバッグ
yoshikawa_t
 
Html5概要 & デモ
Html5概要 & デモHtml5概要 & デモ
Html5概要 & デモ
yoshikawa_t
 
Chrome GPO Availability
Chrome GPO AvailabilityChrome GPO Availability
Chrome GPO Availability彰 村地
 
Devtools.next
Devtools.nextDevtools.next
Devtools.next
yoshikawa_t
 
素敵なjavascript ~google chrome編~
素敵なjavascript ~google chrome編~素敵なjavascript ~google chrome編~
素敵なjavascript ~google chrome編~ngi group.
 
ATNDに下書き保存とプレビューを追加するATND Draft
ATNDに下書き保存とプレビューを追加するATND Draft ATNDに下書き保存とプレビューを追加するATND Draft
ATNDに下書き保存とプレビューを追加するATND Draft
Atsuhiko Kimura
 
Chrome Extensionで スクリーンシェアをやってみる
Chrome ExtensionでスクリーンシェアをやってみるChrome Extensionでスクリーンシェアをやってみる
Chrome Extensionで スクリーンシェアをやってみる
Yusuke Naka
 
Movable type seminar 20120703
Movable type seminar 20120703Movable type seminar 20120703
Movable type seminar 20120703Six Apart
 
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
yoshikawa_t
 
Html5 seminar 1_pac
Html5 seminar 1_pacHtml5 seminar 1_pac
Html5 seminar 1_pac1PAC. INC.
 
マークアップ講座 01a プロローグ
マークアップ講座 01a プロローグマークアップ講座 01a プロローグ
マークアップ講座 01a プロローグ
eiji sekiya
 
Lotus Notes/Domino Application Development by XPages and Beyond
Lotus Notes/Domino Application Development by XPages and BeyondLotus Notes/Domino Application Development by XPages and Beyond
Lotus Notes/Domino Application Development by XPages and Beyond
Atsushi Sato
 
Cod2012 Room T-1
Cod2012 Room T-1Cod2012 Room T-1
Cod2012 Room T-1
彰 村地
 
Web Intents入門
Web Intents入門Web Intents入門
Web Intents入門
Shumpei Shiraishi
 
Chromeでストレージ永続化を実現するには
Chromeでストレージ永続化を実現するにはChromeでストレージ永続化を実現するには
Chromeでストレージ永続化を実現するには
goccy
 
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)Akira Onishi
 
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
 

Similar to Chrome Apps 概要 (20)

Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要Chrome Apps & Chromeウェブストア概要
Chrome Apps & Chromeウェブストア概要
 
Chrome apps for mobile 概要
Chrome apps for mobile 概要Chrome apps for mobile 概要
Chrome apps for mobile 概要
 
Chrome DevTools.next
Chrome DevTools.nextChrome DevTools.next
Chrome DevTools.next
 
Chrome packaged appsをデバッグ
Chrome packaged appsをデバッグChrome packaged appsをデバッグ
Chrome packaged appsをデバッグ
 
Html5概要 & デモ
Html5概要 & デモHtml5概要 & デモ
Html5概要 & デモ
 
Chrome GPO Availability
Chrome GPO AvailabilityChrome GPO Availability
Chrome GPO Availability
 
Devtools.next
Devtools.nextDevtools.next
Devtools.next
 
素敵なjavascript ~google chrome編~
素敵なjavascript ~google chrome編~素敵なjavascript ~google chrome編~
素敵なjavascript ~google chrome編~
 
ATNDに下書き保存とプレビューを追加するATND Draft
ATNDに下書き保存とプレビューを追加するATND Draft ATNDに下書き保存とプレビューを追加するATND Draft
ATNDに下書き保存とプレビューを追加するATND Draft
 
Chrome Extensionで スクリーンシェアをやってみる
Chrome ExtensionでスクリーンシェアをやってみるChrome Extensionでスクリーンシェアをやってみる
Chrome Extensionで スクリーンシェアをやってみる
 
Movable type seminar 20120703
Movable type seminar 20120703Movable type seminar 20120703
Movable type seminar 20120703
 
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
 
Html5 seminar 1_pac
Html5 seminar 1_pacHtml5 seminar 1_pac
Html5 seminar 1_pac
 
マークアップ講座 01a プロローグ
マークアップ講座 01a プロローグマークアップ講座 01a プロローグ
マークアップ講座 01a プロローグ
 
Lotus Notes/Domino Application Development by XPages and Beyond
Lotus Notes/Domino Application Development by XPages and BeyondLotus Notes/Domino Application Development by XPages and Beyond
Lotus Notes/Domino Application Development by XPages and Beyond
 
Cod2012 Room T-1
Cod2012 Room T-1Cod2012 Room T-1
Cod2012 Room T-1
 
Web Intents入門
Web Intents入門Web Intents入門
Web Intents入門
 
Chromeでストレージ永続化を実現するには
Chromeでストレージ永続化を実現するにはChromeでストレージ永続化を実現するには
Chromeでストレージ永続化を実現するには
 
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
 
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
 

More from yoshikawa_t

Ionicで作るTechfeed
Ionicで作るTechfeedIonicで作るTechfeed
Ionicで作るTechfeed
yoshikawa_t
 
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
yoshikawa_t
 
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
yoshikawa_t
 
Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1
yoshikawa_t
 
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
yoshikawa_t
 
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like databaseオフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
yoshikawa_t
 
jQuery Mobile is not dead!
jQuery Mobile is not dead!jQuery Mobile is not dead!
jQuery Mobile is not dead!
yoshikawa_t
 
Chrome DevTools for beginners v1.2
Chrome DevTools for beginners v1.2Chrome DevTools for beginners v1.2
Chrome DevTools for beginners v1.2yoshikawa_t
 
モバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンスモバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンス
yoshikawa_t
 
モバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTipsモバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTips
yoshikawa_t
 
いまさら聞けないCSSレイアウト入門
いまさら聞けないCSSレイアウト入門いまさら聞けないCSSレイアウト入門
いまさら聞けないCSSレイアウト入門
yoshikawa_t
 
Sencha touch vs j query mobile
Sencha touch vs j query mobileSencha touch vs j query mobile
Sencha touch vs j query mobileyoshikawa_t
 
最近のブラウザ状況
最近のブラウザ状況最近のブラウザ状況
最近のブラウザ状況
yoshikawa_t
 
Let's begin WebRTC
Let's begin WebRTCLet's begin WebRTC
Let's begin WebRTC
yoshikawa_t
 
Chrome DevTools for beginners
Chrome DevTools for beginnersChrome DevTools for beginners
Chrome DevTools for beginners
yoshikawa_t
 
jQuery Mobile 1.3 最新情報
jQuery Mobile 1.3 最新情報jQuery Mobile 1.3 最新情報
jQuery Mobile 1.3 最新情報
yoshikawa_t
 
jQuery Mobileカスタマイズ自由自在 v1.2
jQuery Mobileカスタマイズ自由自在 v1.2jQuery Mobileカスタマイズ自由自在 v1.2
jQuery Mobileカスタマイズ自由自在 v1.2
yoshikawa_t
 
jQuery Mobileバレしないモバイルサイトの作り方
jQuery Mobileバレしないモバイルサイトの作り方jQuery Mobileバレしないモバイルサイトの作り方
jQuery Mobileバレしないモバイルサイトの作り方
yoshikawa_t
 

More from yoshikawa_t (18)

Ionicで作るTechfeed
Ionicで作るTechfeedIonicで作るTechfeed
Ionicで作るTechfeed
 
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
 
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
 
Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1Chrome DevTools Awesome 10 Features +1
Chrome DevTools Awesome 10 Features +1
 
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
 
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like databaseオフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
 
jQuery Mobile is not dead!
jQuery Mobile is not dead!jQuery Mobile is not dead!
jQuery Mobile is not dead!
 
Chrome DevTools for beginners v1.2
Chrome DevTools for beginners v1.2Chrome DevTools for beginners v1.2
Chrome DevTools for beginners v1.2
 
モバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンスモバイル時代のWebパフォーマンス
モバイル時代のWebパフォーマンス
 
モバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTipsモバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTips
 
いまさら聞けないCSSレイアウト入門
いまさら聞けないCSSレイアウト入門いまさら聞けないCSSレイアウト入門
いまさら聞けないCSSレイアウト入門
 
Sencha touch vs j query mobile
Sencha touch vs j query mobileSencha touch vs j query mobile
Sencha touch vs j query mobile
 
最近のブラウザ状況
最近のブラウザ状況最近のブラウザ状況
最近のブラウザ状況
 
Let's begin WebRTC
Let's begin WebRTCLet's begin WebRTC
Let's begin WebRTC
 
Chrome DevTools for beginners
Chrome DevTools for beginnersChrome DevTools for beginners
Chrome DevTools for beginners
 
jQuery Mobile 1.3 最新情報
jQuery Mobile 1.3 最新情報jQuery Mobile 1.3 最新情報
jQuery Mobile 1.3 最新情報
 
jQuery Mobileカスタマイズ自由自在 v1.2
jQuery Mobileカスタマイズ自由自在 v1.2jQuery Mobileカスタマイズ自由自在 v1.2
jQuery Mobileカスタマイズ自由自在 v1.2
 
jQuery Mobileバレしないモバイルサイトの作り方
jQuery Mobileバレしないモバイルサイトの作り方jQuery Mobileバレしないモバイルサイトの作り方
jQuery Mobileバレしないモバイルサイトの作り方
 

Recently uploaded

Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
tazaki1
 
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMMハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
osamut
 
【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf
【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf
【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf
ARISE analytics
 
ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識
ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識
ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識
sugiuralab
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
Osaka University
 
無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.
無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.
無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.
Yuki Miyazaki
 
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobodyロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
azuma satoshi
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
嶋 是一 (Yoshikazu SHIMA)
 
協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...
協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...
協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...
Osaka University
 

Recently uploaded (9)

Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
 
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMMハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
 
【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf
【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf
【JSAI2024】LLMエージェントの人間との対話における反芻的返答の親近感向上効果_v1.1.pdf
 
ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識
ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識
ヒアラブルへの入力を想定したユーザ定義型ジェスチャ調査と IMUセンサによる耳タッチジェスチャの認識
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
 
無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.
無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.
無形価値を守り育てる社会における「デー タ」の責務について - Atlas, Inc.
 
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobodyロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
 
協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...
協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...
協働AIがもたらす業務効率革命 -日本企業が押さえるべきポイント-Collaborative AI Revolutionizing Busines...
 

Chrome Apps 概要