冒險筆記

一切從這一篇開始  http://developer.chrome.com/apps/about_apps Chrome Apps deliver an experience as capable as a native app, but as safe as a web page. Just like web apps, Chrome Apps are written in HTML5, JavaScript, and CSS. But Chrome Apps look and behave like native apps, and they have native-like capabilities that are much more powerful than those available to web apps. Chrome Apps 就是用網頁語言單是想要做成像原生的App一樣，如果是網頁開發者應該很容易上手，因為語言相同，同樣的一份Code，可以用Chrome Browser直接打開網址，也可以藉由Chrome App的擴充功能(Extension)打開，也可以在Chrome Book(Chrome OS )上打開。 上圖顯示的是用Browser直接打開 localhost的 Hello World 以及載入extension 後開啟的小視窗版Hello World。 Hello World的程式碼  https://github.com/GoogleChrome/chrome-app-samples/tree/master/hello-world Chrome Apps 的基本，就是要可以 local 處理 。 Chrome Apps get the following for free: Your app’s files—all of its JavaScript, CSS, and fonts, plus other resources it needs (such as images)—are  already downloaded . Your app can  save and optionally sync  small amounts of data using the  Chrome Storage API . Your app

Google HTML5 學習筆記 發現蠻多人寫這類的專題： 有一篇篇語法介紹 [HTML5學習筆記]新的網頁語法架構 [HTML5學習筆記]方便好用的影音標籤video與audio 也有讀完” Professional JavaScript for Web Developers 2nd Edition “這本書的心得，更新 無良心筆記 - HTML5學習筆記  (列出HTML5 特殊的function) 以下這篇文章會涵蓋 HTML5 Web Storage 的幾個重點觀念，並介紹其基本用法，以及一些該注意的地方 HTML5 Web Storage 這些文章從2011 年開始就有 ... 現在都2014了阿，會不會有甚麼不同呢？ 自己是在2010年的 Google DevFest Taipei 上有聽到一些HTML5 的資訊，想不到一晃眼就2014年了。 學習語言真的是真積力久則入，就像國高中聽空中英語教室一樣，如果真的可以一直持續，是不是就可以累積了呢？ 而不會每一年突然提到HTML5 就來翻翻文章，應該是要持續收集、學習吸收以及實作才是。

延續前一篇的 Chrome Apps 開發 samples ， 可以先一起走一遍 follow the official Codelab presented at Google I/O 做中學。 其中有講到一些觀念， 像是Chrome Apps 不會是靠網路，都是local控制，使用者可以完整控制App的週期。 開發者要注意的是，需要確保資料都是local儲存，offline可以讀取，當有網路的時候可以sync。 另外本文重點就是 Content Security Policies (CSP ) Chrome packaged apps platform force your app to be fully compliant with Content Security Policies. This includes not being able to directly load DOM resources, like images, fonts and CSS's from outside of your app. If you want to show an external image in your app, you need to request it via XHR, transform it into a Blob and create an ObjectURL. This ObjectURL can then be added to the DOM, because it refers to an in-memory item in the context of the app. 覺得微妙，要好好研究一下。 未完待續 Orz To learn more about how to develop Chrome Apps: Understanding the Architecture  introduces the app container, programming, and security models. The Fundamentals  shows how to use this architecture and how to build for offline, manage data, and embed external

Chrome Apps 開發 samples on Github  https://github.com/GoogleChrome/chrome-app-samples Official samples for Chrome Apps platform. If you want to learn about the platform, you can: look at the source code of the samples below. Most samples have a "Try it now" button that allows you to install and play with it. read the  official docs follow the  official Codelab  presented at Google I/O If you have questions,  search  or  ask at StackOverflow  (observe the google-chrome-app tag) or join the Chromium Apps  Google group. Watch the Chrome Apps   2012  and  2013  Google I/O presentations  for an in-depth introduction. 另外加映 Chromium OS Developer Guide： http://www.chromium.org/chromium-os/developer-guide

如何避免被詐騙集團利用 Facebook 標記功能呢? 答案就是把Tag的審查功能打開，每個人要Tag你，需要經過你的允許。 ##避免被Tag 「設定」裡的「動態時報與標籤」裡把審查的功能開啟， 別人在標記你的時候就不會直接出現在動態時報上， 這樣除了可以避免詐騙集團，也可以避免不好看的照片被Tag XD 購物社團或是網路病毒也會在你這就被擋下來，不再傳播下去，某種程度就是人肉防火牆。 快速設定連結： https://www.facebook.com/settings?tab=timeline&section=review&view 再嚴格一點, 連標注都先審查過!  我該如何管理別人加上的標籤以及標籤建議？->標籤出現在 Facebook 之前，先檢查別人貼在你貼文中的標籤？-> 開啟 ##避免被加入奇怪社團 為了防詐騙，Tonyq撰寫「Facebook 廣告社團檢查器」( http://spamgroup.tonyq.org/) ， 可幫你檢查FB帳號是否被惡意加入購物社團，也能順便幫好友檢查並通知朋友退出社團