Struts2を始めよう!
Your SlideShare is downloading.
×
Check these out next
More Related Content
Similar to Google chrome (20)
Recently uploaded (20)
Google chrome
- 1. Google Chrome拡張したくない？ したいですよね？しましょう？ ＼創英角ポップ体／
- 2. まさか Internet Explorer を使っているなんて
- 3. manifest.json { "manifest_version":2, "name":"APP1", "version":"1.0.0", "description":"テストアプリ", "browser_action": { "default_title":"", "default_popup":"popup.html" }, "permissions":["tabs"] } }
- 4. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <tite>テスト１</tite> <script src="script.js"></script> </head> <body> <p>HELLO WORLD</p> </body> </html> popup.html
- 5. Chrome://extensions
- 6. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <tite>テスト１</tite> <script src="script.js"></script> </head> <body> - <p>HELLO WORLD</p> + <div id="app"> + </div> </body> </html> popup.html
- 7. Script.js document.addEventListener("DOMContentLoaded", function () { chrome.tabs.getSelected(null, function (tab) { document.getElementById("app").innerHTML = tab.title; }) });
- 8. ＵＲＬなし
- 9. <body> <div id="app"> + <button id="lunch">Twitterを開く</button> </div> </body> popup.html
- 10. Script.js document.addEventListener("DOMContentLoaded", function () { - chrome.tabs.getSelected(null, function (tab) { - document.getElementById("app").innerHTML = tab.title; - }) + document.getElementById("lunch").addEventListener("click", function () { + chrome.windows.create({ + "url": "https://twitter.com/", + "type": "popup", + "width": 1280, + "height": 720 + }); + }); });
- 11. ・まとめ 1.Chrome拡張は最初にmanifest.jsonをつくろう！ 2.あとは頑張ってJavascript書こう！Vue.jsもつかえるよ！ 3.最後に便利な機能をくれるchrome.*apiも使ってあげると楽しいよ！
