GAE 整理

下禮拜輪到我主講啦  要講GAE的東西...

參考連結:

1. GAE程式開發實務: 如何從基礎開始  最終實做出一個簡單的留言板
http://www.youtube.com/watch?v=bfgO-LXGpTM

2. app engine 入門(in 2008 Google developer day)
http://www.youtube.com/watch?v=aosAMSjLf_4&feature=channel
slide: https://docs.google.com/present/view?id=dfqs8fqs_156fc367fdx

3. Google developer day 2008
http://sites.google.com/site/developerdaytaiwan/

4. 雲端運算: 概念
http://www.youtube.com/watch?v=3NAP5rk9Nzs&feature=player_embedded#!

本我 自我 超我

真正的自己
別人眼中的自己(別人實際看到的  從別人的反應可以反推)
想像中別人眼中的自己(想呈現給別人看的)
如果一個人常能跳出來看這三個自己
不斷對照  調整  最終是不是能夠活得更自在?
或許我們都過度放大自己在別人眼中的份量
其實我們說過什麼 做過什麼 別人根本沒注意到
我最近一直在提醒自己這點

另外  家人之間  因為一起生活太久  有時候已經產生強烈的既有印象
我們不再去觀察彼此間有什麼實質的改變  直接拿我腦中的那個刻板形相來代替觀察
我們 變成一種接近自說自話的生活模式

最近得知了一對兄妹的心結  妹妹很希望哥哥能接送她
偏偏哥哥是不喜歡開車的  於是乎每次講到接送的事
妹妹都會有些悻悻然的反諷她哥
因為有點忘年之交  我曾經被他哥哥載過一次(一起去運動完)
這麼說來還真是難得!   竟然勞駕他開車

這種事  該怎麼說哩  每個人  由其是那些比你年長的人
都有一些難以去改變的好惡  我覺得早點接受它會比較好些
我想不出有什麼改變他們的可能(除非他們自己想通)
接著  家人間因為有太多  熱切的期待(你是我爸/媽/哥哥/姊姊...etc  你應該要...)
對方反而會被壓得喘不過氣  反而對一個沒有什麼瓜葛的一般朋友
可以沒有壓力的去付出一些  反正對方不會要求我要一再付出
彼此好來好去而已  這也是為何我一直提倡  人和人絕對都有個距離(家人也不例外)
長短不一  你必須要用經驗去自己抓  太過靠近  對彼此都很可能會是個傷害

每個人  由其是家人
早已習慣扮演那既有的形象了(ex: 哥哥)  也慣於看到自己腦中印象的對方(ex: 妹妹)
所以即便真實世界就擺在眼前  我們仍不常去打開心門  睜開雙眼  去看  去想
故難以溝通  產生新的相處模式

或許這也是為什麼  我們在成熟後交的朋友  相處起來比較合自己意的原因
彼此沒有太多要求  能夠溝通  在某些場合心靈交流即可  不必總是那麼黏膩
那位哥哥和我的相處  對照於他和他妹妹的相處  頗多玩味之處

若有感

本週身體不好
上週感冒才剛好  到本週一還是有點虛虛的
到週二吃完午飯  肚子開始抽痛
週三請病假  週四覺得好點  去上班
週五也去上班  外加晚上的聖誕交換禮物  打保齡球
其實體力已經要透支
而明天一早還要起床回新竹
所以... 我會撐著凌晨兩點四十還在這邊寫文章
無非是  有些想法得抒發一下

我想這半年來  我想成為什麼樣的人  越來越清楚
我心目中一個完整的人  是不恃外力  不卑不亢的
而為了做最深刻的省思  他必須思考深入到  一般人難以到達的境地
對他不確定的事情  不會輕易的去評斷  對於確定的事  也會顧慮到聽者的感受而委婉表達
因為知道世界不是完美  人也沒有完美的
所以面對他人加諸的評論  一律聆聽  經過飽滿的智慧去去蕪存菁  將好的納為己用
對外散發出一股自然而然的自信心  內心則是優遊自在
對任何人都給予應有的尊重  不因貧富貴賤
樂於扶助弱者  勇於提醒強者應盡的責任

隨著這個輪廓越來越明顯  我便開始比較能不隨著環境而動搖
例如:  今天公司辦耶誕禮物交換  就很能看出每個人的個性(買時沒有別人的可以參考)
只有我是很認真的花時間挑選一本切合大家的書  並且花錢包裝得精緻點
大部分的人都是買很現成的(有的頗實用)  包裝上也並無仔細講究
雖然最後那本書並沒有受到普遍人的青睞(很多人想用它換別的禮物)
不過我仍不受影響  肯定自己選的東西的價值

很多倚老賣老的人  年輕時也未必尊重長輩
每次聽到一個話題  無論你話聲是否已落
只要他人生經驗裡搜尋得到  絕對就是狂講一番
我是格局更大的人  所以我從來不用年紀來壓別人
我用實際成就來證明  聽我的話大多是對的

還有為什麼  在台北的人的觀念好像真的跟我不太一樣耶...
有時會發生搞笑 或是誤會的事件

人生

需要不斷"跨界"
不斷產生新的連結
所以我剛剛跑去問我那兩位不熟的室友(其中一位是荷蘭人  語言有點不通)
要不要吃湯圓(今天是冬至)
雖然因為時間太晚  大家都要睡了  所以都沒吃
但起碼我問了

在小世界理論裡  弱連結也是比較有作用(對於事業發展)的連結型態
http://www.books.com.tw/exep/prod/booksfile.php?item=0010488473&

下午的一通電話

下午  因為政府補助款的事  打電話給家裡(我們的營利事業地址登記在我新竹的家)
我需要99年度的房屋稅單影印本...

雖然  其實很不想做這種事  因為我爸鐵定是意見一堆的(對於做生意  錢的事)
但沒辦法  這件事非常急迫  本週五就得辦好
變硬著頭皮打過去了  事情果然跟我想得差不多
如果我不把事情的來龍去脈講清楚  他是不會放行的
偏偏這件事說來話長  又會牽涉到公司的機密
除此之外  他也順便翻舊帳  說我們之前講的要負擔的責任
怎麼事後好像都不存在一般

講得  好像我們承諾了很多事情  一點都沒兌現
以致於我一時之間有點丈二金剛摸不著頭緒

講到最後  似乎也只有協議要交房租一事
我跟他很耐心的說明了  那是我個人的疏失  公司早已把款項給我
我只是因為金額過小  沒有給家裡而已

當然這件事他的立場並沒有錯  只是單就措辭上  我覺得他還是停留在原地
沒有成長  總是劈哩啪啦念一堆  到後來還說
"你不要每次都很熱情的去承諾一些事  覺得自己能處理"
我在理智線斷裂的邊緣  所幸早有準備  沒有爆出更難聽的話...

我真的不認為這件事有嚴重到需要這樣講
有點教訓  外加諷刺的味道  這樣的話從自己父親口中說出  其實真的很傷
意味著他其實不怎麼信任我的能力  也不怎麼了解我
況且  我過去也沒有這種紀錄吧  何來"每次"之有?
更甚者  還有點看好戲的味道  代表他其實不怎麼看好我的創業
不認為我可以去處理這些事

類似的話  印象中今年三月也有講過 "你不要每次一付公正第三者的樣子"
"你不要好像覺得自己很厲害的樣子"  有爸爸這樣酸兒子的嗎?
爸爸難道不是希望  自己的兒子成長  懂事  有獨當一面的能力?
難道是希望他一天到晚像強緥中的嬰孩?  難道希望他沒自信?
爸  我已經夠沒自信了  不需要你一直來提醒我

為什麼事情總要想得那麼嚴重?  那麼悲觀?  這樣防備的人生  有過得比較好嗎?
兒時的創傷?

我覺得這並非有效率的溝通  事實上以我的個性
點一下就好了  不需要把話講得那麼重
否則這樣下去  我還是會持續不找他商量一些事情
因為我知道他總會把事情想得很糟  很複雜
他被下意識的恐懼綁架了  沒辦法擁抱正面的人生
不論是車輛強制險過期沒保  問他要不要去花蓮久住
是否拿一筆錢買房子  要多少存款才夠
我公司想用家裡地址做為營業地址  等事情的反應
我感受到一股強烈的不安  對人(包括家人)的不信任  他  是一個可憐人
我不要和他一樣  絕不  我絕對不會被虛無飄渺的不確定性給綑綁

晚上  他打給我  我早已用另外的方式解決了此問題
他還是再次澄清了下午要表達的意思  委婉了一點
而我知道  他其實是想表達一點歉意  所以把自己的話重新整理了一下
但為什麼都是我在體諒他呢?
面對多年來對家人講話難聽的毛病  我為什麼要這麼懂事?
我是否應該找個時間好好發飆一下?
圓融似乎跟老人比較扯得上關係吧!  年輕人好像都火爆火爆的
我這樣算是什麼?

最近學到了一個觀念  有不滿就當下反應
不要累積到以後爆發  用算帳式的方式數落對方
盡量就這件事去溝通彼此的感受  問題比較不會被模糊
我和合夥人的相處如此  這次我和爸的溝通應該也是如此
他不成長  我抓緊機會成長

佳句節錄

@tubeloving

孤單時能夠認真自信的活著

那美麗比自怨自艾 怨天尤人高上萬分

在youtube聽那英的"夢一場"時  亂逛逛到的留言

覺得很像是我現在要努力的目標!

Html 5 資源+感想匯集地

一. 定義, introduction: 列出我這幾天看到的幾個定義來源的觀點, 其實都大同小異

A. What the morden web app is(characteristics):
1. eye-candy(visually stunning)  --> 很炫(實際上也讓使用經驗變好)的視覺特效( rich, immersive experiences on the web)  
ex: Drag & Drop, 圓角框, 陰影, 倒影, Resizable, Tabs, Slide bar, Slide effect...
2. more responsive(interactive ) --> 借助javascript這種在client side執行的腳本語言 ex: Ajax


B. HTML 一開始被設計的目的: HyperText Markup Language 
--> a system for CERN(European Organization for Nuclear Research) researchers to use and share documents (physicist Tim Berners-Lee)


後來 web app 的概念出現, 因為其具有 隨時隨地(只要能上網)  不須額外安裝  不需更新  不佔儲存空間  
資料無須同步  等優點  
開始受到歡迎(ex: outlook --> gmail )   網路應用越來越被要求必須和桌面應用程式具有相同的特點(a web application that has many of the characteristics of desktop applications) --> RIA(Rich Internet Application)的概念 
--> HTML 被拿來做超出他本來設計要做的事情, 所以我們大量依賴javascript 函式庫, 像是: Prototype, jQuery, Dojo, Ext JS, Mootools, YUI, 這樣除了會造成執行js效率不高的瀏覽器在使用經驗上不好, 在載入頁面時, 也必須載入額外的檔案(從數十KB到數百KB都有), 對頻寬不高的用戶是一大負擔


順便分享一些javascript framework 比較 http://www.cnblogs.com/oomusou/archive/2008/07/05/javascript_framwork_introduction.html


C. http://www.w3schools.com/html5/html5_intro.asp
    HTML5 is the next generation of HTML.


D. HTML 5草案的前身名為Web Applications 1.0，是在2004年由WHATWG提出，再於2007年獲W3C接納，並成立了新的HTML工作團隊。在2008年1月22日，第一份正式草案發布。WHATWG表示該規範是目前仍在進行的工作，仍須多年的努力。目前Firefox、Google Chrome、Opera及Safari（版本 4 以上）已有支援HTML5技術。
--> 由此敘述得知, html5是將web application development 正式納入設計考量的第一代html標準


E. HTML 5是HTML下一個的主要修訂版本，現在仍處於發展階段。目標是取代1999年所定訂的HTML 4.01和XHTML 1.0 標準，以期能在網際網路應用迅速發展的時候，使網路標準達到符合當代的網路需求。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要外掛程式的豐富性網路應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效增強網路應用的標準集。(from wikipedia: http://zh.wikipedia.org/zh-tw/HTML5)

F. What is HTML5?

HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.

The previous version of HTML came in 1999. The web has changed a lot since then.

HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.

二. 新功能 新tag:

A. Some of the most interesting new features in HTML5(from W3Schools http://www.w3schools.com/html5/html5_intro.asp) 粗分幾大項:

• The canvas element for drawing
• The video and audio elements for media playback
• Better support for local offline storage
• New content specific elements, like article, footer, header, nav, section
• New form controls, like calendar, date, time, email, url, search

這裡有詳細的整理: http://www.w3schools.com/html5/html5_new_elements.asp


三. 應用面: 
A. 最令我個人興奮的功能及其應用範例:

1. Local Storage: 無限期的在client side 保存資料
a. 允許離線存取, 在有網路時再將更新資料同步回server side
b. 網頁回應性強(因存取資料的接口現在改成了client side, 有點像多了一層快取)
c. 可在不需server支援下開發app, 加速開發流程, 要做一個會動的MVP也變得更簡單
    (前端人員一人便可做到好)
intro: http://www.html5rocks.com/features/storage
          http://www.html5rocks.com/tutorials/offline/storage/
sample code & demo: http://slides.html5rocks.com/#web-storage

2. Cross Domain Communication: 對於像是Tagtoo這種強調跨網站的應用很重要, 我們需要在第三方網域存取Tagtoo server的資料
intro:  http://stevehanov.ca/blog/index.php?id=109
sample code: http://playground.html5rocks.com/#postmessage 
demo: http://html5demos.com/postmessage2
延伸主題: http://www.html5rocks.com/tutorials/websockets/basics/ ( websockets: Low Latency Client-Server and Server-Client Connections)


3. Local File Access: 現在web app終於可以和桌面應用使用類似的方式處理上傳/下載檔案了!
intro: http://www.html5rocks.com/features/file
sample code: http://playground.html5rocks.com/#drag_from_desktop
demo: http://html5demos.com/file-api , http://studio.html5rocks.com/#Photos


其它視覺上的酷炫效果:
1. Device Orientation: 可以用這個做手機小遊戲 http://slides.html5rocks.com/#slide-orientation
2. HTML5 support native browser DnD(Drag and drop) : http://slides.html5rocks.com/#drag-and-drop
3. 超出顯示範圍就自動截段文字: http://slides.html5rocks.com/#text-wrapping
4. 雙色字: http://slides.html5rocks.com/#css-stroke
5. 經典的圓角框: http://slides.html5rocks.com/#rounded-corners
6. 陰影: http://slides.html5rocks.com/#css-shadow
7. 轉置: http://slides.html5rocks.com/#css-transforms
8. 2D 3D向量圖(SVG)  畫布:  http://slides.html5rocks.com/#graphics-multimedia-title