How to use Sencha Cmd for Chrome offline App

之前就試過直接用 sencha cmd build 出來的 code 是沒辦法在 Chrome App 模下執行的
像這個教學中，他是使用 ext-all-dev.js 及 app.js 而不是使用 Sencha Cmd build 出來的 code
如果直接用 build 出來的 code ， 整個 Extjs 會因為安全因素而無法初始化完成

在 console 看到下列的訊息

Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self' chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. Note also that 'script-src' was not explicitly set, so 'default-src' is used as a fallback.

但是只要加上這個設定 app.output.manifest.embed=true，build 出來的 code 就可以正常的初始化了 :-)
不過還有沒有其他的問題就不知道了 :P

參考資料：
https://crxdoc-zh.appspot.com/apps/sencha_framework
http://www.sencha.com/blog/how-to-create-google-chrome-apps-and-extensions-from-your-ext-js-app/

g0v summit 心得

難得去參加了，留個心得做紀念吧

自問自答開始

Q2. 參加那些項目呢？
Ans: 開放國會 - [Interest Inspector/Using Open Data to Empower Others]
參與式民主議程座談
開放資料與環境 - [Open Weatherdata/環評為何這麼容易被判決撤銷？－兼談經濟與環保的拔河/環境議程座談]

Q1. 有什麼收獲呢？
Ans: 對我來說，內容有點太硬了，好像去聽程式技術的比較實在一些
在開放國會的部分主要是外國的講者介紹，他們在各自的國家透過開放的資料怎麼記錄監督政府，從法案、金流、到網路上的一言一行。在美國因為歐巴馬上任後一直在推動開放資料所以在美國的確人民在監督政府是相對有利的。

Q2. 下次還會參加嗎？

JSDC 2014 心得報告

我個人比較有感覺得的是

= 第一天 =

- Use Node Modules In The Browser With Browserify

- 很有趣，透過 Browserify 把後端跟前端的區隔拿掉了，雖然node.js 也是用 js 在執行，但是實際上後端跟前端的東西還是不太一樣，有了 Browserify 讓前後端的差異更小一些，雖然我目前還沒想到有什麼地方可以運用的上

- 不被重視的 HTML: Accessibility

- 我從來不知道 HTML 有這功能(汗)，之前以為是外掛的程式依畫面上的文字唸給使用者聽，要我認為這是有必要的東西，網頁應該對每個使用者都公平。這功能其實很單純，就是讓網頁說話而已，但要做的好其實很困難 。

- RxJS for frontend developers.

- 介紹了 RxJS 的概念，一種更接近現實世界的處理模式，剛好我今天早上有用這個概念修好了某個BUG :)

= 第二天 =

- The 90 Minute App(本來就是主要目標)

- 主要就是快速了解一 Sencha CMD 跟 Extjs 5 的特性(我原本是用Extjs 3)，有人說明是比自已看document 好多了，我有打算用他的範例，改一個我想要的東西出來:)

- Teaching Git and GitHub with Node.js

- 大概是介紹他們怎麼推廣Git，有介紹一個 node.js 的模組，那個模組也是教你怎麼用git 的

其他的比較屬於後端，或者沒興趣的，就還好。

改進的部分的話，其實我會想要在會議開始前就可以看到講者的slide，可以事先預習一下，不然如果有聽到不懂的地方(特別是不同語音的時候)，你停下來想，講者還是持續前進，可能就掉就一大段了。

希望明年還會再去參加，但是票價可以低一點

App 分享 - 哆啦A夢 AR

因為彥彥非常喜歡哆啦A夢，所以在網路上看到有關的消息多少都會注意一下，前陣子因為哆啦A夢要出 3D 電影，所以日本當地有做了一些活動，其中一個就是哆啦A夢 AR 的 App。

Git + Grunt

花了一個晚上終於搞定 Git + Grunt 環境設定，必須把他記錄下來，不然我想應該大約三天我又忘了，然後再花一個晚上設定

首先依 gruntjs 的教學頁，設定初始環境
有一個問題是，我在 windows 7 的環境下用　PowerShell 不能依他的說明使用 %USERPROFILE%\.grunt-init\ 來安裝 init template，所以我是手動切換到使用者目錄下執行下載 init template的動作。
接下來scp 的設定，我上次也卡到一次參數 cwd 就已經切換到指定的目錄了，src 的路徑要設對，不然會一直鬼打牆沒錯也不知道錯在那。

這次好像就這樣.....
突然要打又沒有東西可以打....加油

http://dianwu.github.io/d3-d3/

angularJs With Diablo 3 API - 3

今天使用 ng 的 select 來把資料做成 select option 但是在第一筆的位置多了一個selected 的資料，應該是 d3api 直接回傳回來的。

主要的code


參考網址
https://docs.angularjs.org/api/ng/directive/select

angularJs With Diablo 3 API - 2

今天把亂亂的資料，透過 ngRepeat 把 heroes 的資料列表出來。

也算前進一點點。

angularJs With Diablo 3 API - 1

今天花了點時間，練習一下 angularJs。
其實一直在想要做些什麼，太大的東西又沒時間做，所以就拿平常在玩的D3來練習，
然後又在想要用什麼來做，nodeJs, Chrome Extension 都有想過。

nodejs 我加上npm 的 forever 模組，讓他可以持續的記錄我 D3 裡面的狀態，暫時沒有其他進度，等到資料多一點，看能不能玩個圖表之類的東西。

Chrome Extension，之前試過一下子，但是沒有後續…。

目前這個想做成可以比較兩個 BattleTag 的角色資料，因為每次在巴哈上看到的，其實我都看不懂差別在那><。

最簡單就是直接用表格，但是目標是透過 d3js 來產出圖表。

進度整理：

• 指定 Server
• 指定 BattleTag
• 取得 BattleTag profile

都是最最基本的東西…，加油!!!

怪獸大學 Monsters University

怪獸大學是怪獸電力公司的前傳作品，印像中在怪獸電力公司中大眼怪(仔？)跟毛怪是屬於明星級的員工，但是在大學時期卻是死對頭，兩個都自認為是最會嚇人的。

大學裡，必須篩選掉不符合最低標準的學生，如此能夠畢業的學生才足以代表學校的水準。
但是大眼怪跟毛怪雖然兩個人各有擅長的領域，但是因為無法滿足大學所要求的最低準標，所以最後都被退學了。

但是結果他們還是成為了在公司中的明星員工，我想影片想傳達的應該是「學校只能找出最符合他們要求的人，不被學校接受不代表你就是魯蛇」

我自已也不屬於會唸書考試的人，所以看的時候有一種心有戚戚焉的感覺。

參考資料
IMDb

好久不見，Blog

已經好久沒有PO一些東西在這了，畢竟我的文筆不是非常好，寫文章對我來總是言不及意，而且網頁排版對我來說，也是有點困難。說起來真是好笑，一個在公司負責網頁UI制做的我，竟對一般的網頁排版苦手。

不過某一天（我已經忘了是那天），突然有同事跟我說「ㄟ，Dian 我有看到你的Blog ㄝ。」，當下我真的有點被嚇到，他說是在google上打我的名字找到的

我馬上也試了一下，天啊，要翻到第三頁ㄝ，你怎麼這麼有耐心。

暖身暖完了，希望可以再慢慢開始寫一些癈文。