Wolke Codes

Up Stick[New Year Eve CountDown]

2011-12-31T01:28:00.000-08:00

Up stick! Flashlight! Flash! Light Stick! Up stick! Go Stick! Usage:Concerts, dances, parties, hiking, camping, fishing, power outages, nightclubs..Temporary not find fluorescent stick!! Use this!
Facebook Login OK!

[跨年倒數必備APP] 轉吧! 七彩霓虹燈![跨年倒數版]

2011-12-30T23:29:00.000-08:00

非常好用的[轉吧! 七彩霓虹燈!] 又來了!
除了原有的

用法：音樂會，舞蹈，聚會，遠足，露營，停電，夜總會

手電筒! 閃光燈! 螢光棒! 加油棒! 轉吧! 七彩霓虹燈! 用途：演唱會，舞會，宴會，登山，露營，釣魚，停電，夜店..臨時找不到螢光棒! 拿來用一下吧!

之外，
更新增了
1.跨年倒數
2.facebook 支援功能!

快來下載嘗試一翻!

https://market.android.com/details?id=wolke.LightStick

market://details?id=wolke.LightStick

我要成為Coding之王!

2011-10-27T09:05:00.000-07:00

好吃懶做請離開!
得過且過趕快滾!
不要奴才要夥伴!
齊心拿下ONE PIECE!

我要成為Coding之王!

android app 的開發日誌01:app inventor裝校ㄟ!

2011-08-18T20:36:00.000-07:00

這不是最早寫的android app開發日誌，
不過這裡有很多冤枉路的經驗，
你我有緣，
才讓施主你讀到本篇，
省去不少時間，
善哉!

第一：
app inventor 號稱可讓designer 不會寫code就能產出app
答案是錯的，
當你要發佈上 android market時，
發現上傳會產生錯誤，
還以為是自已設定錯誤，
撈了很久才發現，
原來這trouble shouting來解的bug(2011.8.18是這樣子的狀況)
http://appinventor.googlelabs.com/learn/userfaq.html

Am I able to upload my app to the Android Market?

Currently there are technical limitations preventing an App Inventor app from being uploaded to the Android Market, but we are actively working to resolve this.

上述大約是App Inventor 是這樣設計的目地沒錯，不過上傳到market就錯誤這件事情，我們還在努力解決中!(你們是同一間google吧? 可能還在打架，看誰要去debug吧~)

雖然我覺的這應該是在我付了25美元的開發者費用之前就該說的吧!
總之，google app inventor是裝校ㄟ!!

因為我已經付了25美元的開發費，
所以怎樣也要上個幾支吧!

頭都洗一半了，怎麼說也要沖水吧!
只好再回頭摸eclipse了!

第二：
android market的書，不管是那一本的範例，
請不要試著直接上傳，
因為manifest.xml和你是不同的，
請乖乖一步一步來做開發喔!

離線應用到底重不重要

2011-07-27T22:39:00.000-07:00

離線應用到底重不重要 !

這個問題不是技術層面，
而是實用性和口袋深度的天秤兩邊，

口袋面：
以台灣大哥大上網吃到飽 800元/月，
正好是到了交界的時候

實用面：
如果沒有收訊，
不管吃的飽不飽，
那就是無法使用，
所以離線應用的重要性變會顯現，
當然這會增加開發難度及工時。

所以這確實是一個見人見智的問題，
還是老話，有需求時再開發就可以了!

戀愛公寓 (實體版)

2011-07-27T22:37:00.000-07:00

戀愛公寓

實體的能做嗎?
只是上次去打bowling看到這麼多未婚男女而胡思亂想的計劃~

共用客廳和餐廳
限定單身者居住
如果成功交往者得搬出去
告白失敗者也得搬出去

必需寫共筆blog
如同戀愛巴士的玩法

不過一開始要找到 4男3女報名，以及公寓 (客廳+餐廳+7間雅房+2套衛浴(男女分開)) 可能比較不容易!

garmin asus a50 孤兒機圖資更新使用指南 A10應該大同小異

2011-07-27T19:03:00.000-07:00

更新及使用指南：

1.圖資常備份
2.別想升級android 2.2 因為硬體因素ram不夠，會卡卡的，另外就是升級後 garmin不能用。
3.軟體更新教學
因為某日某該死的APP殺掉我的圖資，
所以我無法使用GARMIN導航了，
就此開始了這該死的尋找圖資之旅，
一開始先上網找到了 garminasus的網站如下：

a.軟體更新：
http://www.garminasus.com/zh_TW/support/a50-updates.html
該頁所寫的軟體更新部份都是可行的。
b.圖資更新：
上述網頁的自動更新，你等到天荒地老都不會動的,。(也跳個error吧，這acrtive X 誰寫的 !!!!)

因為手機有神x保固，

所以懶得再搞下去，

想說直接丟給x腦最快，

跑去維修站，

一聽是圖資檔誤刪問題，

口氣就很不好，

一開始推說，

你都沒看說明書嗎?

圖資不見跟說明書有啥關係?

然後又說他們只是代理商...

總之，就是不干他們的事，

如果有這麼多侵權問題，

那你們幹嘛前一陣子還主推這支手機啊!

不要賣，不就好了，看~

反正一陣推拖拉之後，

把大爺給請了下來，

他們還是講，只是代理商滿無權去管圖資的問題，

他們只維修手機，

不負責圖資，這是那門子的保固服務啊!(熟以為保固之真諦應是有能力將手機還原至當初購買的狀態才稱為保固 )

總之推脫拉，又表示自已很為難，

最後就說送回原廠，

但肯定會是一段時日，

因為小弟我聽過原廠朋友說，

他們機最高指導原則就是無法解決的問題，

拖過和代理商簽約到期日，

之後又是代理商的責任，
這種智慧財產權的問題誰都不想碰，

已經可以遇料到這種結果，

只好算了，軟體問題而已拿回來自已搞吧!

之後呢~

又開始尋求網路上的官方支援，
至http://my.garmin.com.tw/myGarmin/event/show/GarminMapUpgrade
要亢長的註冊手續後，
才能在網頁上下載更新程式。

想說就此解決了，

但，
執行後，若無.NET FRAMEWORK4會要求升級，
升級又是一段時間，

終於開始執行了更新程式，
然後開始等地圖下載，
終於下載完地圖開始更新時，
程式出現ERROR，
不管試幾次，換另別台電腦，
再跑一次相同步驟都一樣。
叫我連絡GARMIN 然後就中斷了，

打了客服電話，
是的就是那種永遠忙線中的，

就此，官方更新到此END。

照逐了官方步驟，
但..最後還是沒有更新到圖資，
浪費我整天的時間，

所以最後請去下載 ...
http://www.mobile01.com/topicdetail.php?f=588&t=2252158&last=29377800

終於解決了。

這就是所謂官逼民反吧!
你懂的。唉。

JSON的引號只能用"

2011-05-24T20:51:00.000-07:00

因為寫習慣了javascript，
所以總會理所當然的將json一視同仁，
但....
JSON的引號只能用"
勿用了' 就會搞死自已啊!!!!

附帶一提：

總算撥雲見日的第六屆華文部落格大獎入圍名單出爐囉!

賀! Wolke的短文部落格格字旅人剛剛入圍了第六屆華文部落格大獎年度最佳原創作品類!

gae facebook開發

2011-01-20T23:36:00.000-08:00

debug
google appengine unknown url type: 'https'

gae 連 fb facebook問題
官方python sdk的facebook.py
用的是import urllib
但請用import urllib2去抓https的資料

file = urllib2.urlopen("https://graph.facebook.com/" + path + "?" +
                              urllib.urlencode(args), post_data)
#file = urlfetch.fetch("https://graph.facebook.com/" + path + "?" +
#                      urllib.urlencode(args), post_data)

否則會一直錯下去喔!

GOOGLE APPENGINE gae 實作 YAHOO 帳號登入

2011-01-18T22:33:00.000-08:00

這個主題好像繁體中文好像沒人寫，
反正我找這方面的SOLUTION時，
沒有看到，
幸運的在YAHOO DEVELOPER Social SDK上找到了方法
http://developer.yahoo.com/social/sdk/#python

所以就不需要自已去撈api重新撰寫gae上的yahoo帳號登入了，

有些地方要改正，
就沒有任何問題了

先下載 python的SDK
http://developer.yahoo.com/social/sdk/#python

解壓後 yahoo-yos-social-python\examples\appengine 這個目錄就是寫給gae run的，
不過還有一些部驟才會正常，

0.將聯外打通，內部gae run外部可以正常。記得對外ip!!!

1.先去 https://developer.apps.yahoo.com/
申請一個account，
並新增一個YAP(Web Base)取得Key

然後我記得description 怎麼寫都不會通過，
之後按取消就過了，
這可能是我的誤解，
不知是什麼原因，
大家研究一下。

2.取得Key後，
打開yosdemo.py
將

CONSUMER_KEY
CONSUMER_SECRET
APPLICATION_ID(在Key的上面)
CALLBACK_URL(對外ip)
填入吧!

3.可是這樣子還是不會成功的run!
之後將 \build\lib 目錄下的目錄copy至 appengine下，
然後將下面內容生成gmemsess.py 置於目錄下

# gmemsess.py - memcache-backed session Class for Google Appengine
# Version 1.4
# Copyright 2008 Greg Fawcett 
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program.  If not, see .
import random
from google.appengine.api import memcache
_sidChars='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
_defaultTimeout=30*60 # 30 min
_defaultCookieName='gsid'
#----------------------------------------------------------------------
class Session(dict):
 """A secure lightweight memcache-backed session Class for Google Appengine."""
 #----------------------------------------------------------
 def __init__(self,rh,name=_defaultCookieName,timeout=_defaultTimeout):
  """Create a session object.
  Keyword arguments:
  rh -- the parent's request handler (usually self)
  name -- the cookie name (defaults to "gsid")
  timeout -- the number of seconds the session will last between
             requests (defaults to 1800 secs - 30 minutes)
  """
  self.rh=rh # request handler
  self._timeout=timeout
  self._name=name
  self._new=True
  self._invalid=False
  dict.__init__(self)
  if name in rh.request.str_cookies:
   self._sid=rh.request.str_cookies[name]
   data=memcache.get(self._sid)
   if data!=None:
    self.update(data)
    # memcache timeout is absolute, so we need to reset it on each access
    memcache.set(self._sid,data,self._timeout)
    self._new=False
    return
  # Create a new session ID
  # There are about 10^14 combinations, so guessing won't work
  self._sid=random.choice(_sidChars)+random.choice(_sidChars)+\
       random.choice(_sidChars)+random.choice(_sidChars)+\
       random.choice(_sidChars)+random.choice(_sidChars)+\
       random.choice(_sidChars)+random.choice(_sidChars)
  # Added path so session works with any path
  rh.response.headers.add_header('Set-Cookie','%s=%s; path=/;'%(name,self._sid))
 #----------------------------------------------------------
 def save(self):
  """Save session data."""
  if not self._invalid:
   memcache.set(self._sid,self.copy(),self._timeout)
 #----------------------------------------------------------
 def is_new(self):
  """Returns True if session was created during this request."""
  return self._new
 #----------------------------------------------------------
 def get_id(self):
  """Returns session id string."""
  return self._sid
 #----------------------------------------------------------
 def invalidate(self):
  """Delete session data and cookie."""
  self.rh.response.headers.add_header('Set-Cookie',
    '%s=; expires=Sat, 1-Jan-2000 00:00:00 GMT;'%(self._name))
  memcache.delete(self._sid)
  self.clear()
  self._invalid=True

4.最後，開啟網站會移至yahoo登入，登入會移回原來你的網站，看到自已的名字等資訊便大功告成了!!!

[開發日誌]windows phone 7 搶頭香送手機喔

2010-12-08T17:08:00.000-08:00

原本想時間來摸android，
不過昨天不小心看到這個http://mag.udn.com/mag/digital/storypage.jsp?f_MAIN_ID=322&f_SUB_ID=2920&f_ART_ID=287505，
所以決定先來摸摸windows phone 搶掛個app 拿手機，

這裡有免費開發包可以下載，
http://create.msdn.com/en-us/home/getting_started

結果第一步就卡關了，
需要vista或7才可以使用。

沒關係，第一步卡關是很正常的事，
趕快去找機器，
拿手機啊!

Wolke加入了第二屆的appWorks

2010-12-01T23:14:00.000-08:00

實際的參與了幾次的Happy Hour(去那邊白吃白喝)，
和預演(偷看別人明天正式的要發表的東西)，
及實際的Demo那天(爆滿的人，所以坐到地上去)，

更加相信在appWorks的輔導下，
肯定能有些成果產生(七樓那些肯定不是傻瓜且堅信下去的人，是我玩下去的決心)，

雖然我的idea在interview時，完全被打了回票(明明就還不錯)，
雖然我再appWorks見面會重感冒所以沒去(~~其實我只是不想起床而已~~)，

不過我還是加入了其中的團隊，因為想玩下去也是沒得選的，
聽說淘汰了很多團隊，
不過他們現在應該跑去加入Mr. X 了吧!
看別人好，立刻跟風。

台灣總是一窩蜂搞類似的東西啊!

Groupon 併購地圖日記，
也加速了這些創投起步了。

web3.0的黃金十年是否就此展開。

「傾聽你的客戶，而非競爭對手」唸三次。約耳趣談軟體讀書心得

2010-11-11T19:20:00.000-08:00

The Joel Test
約耳測試

你有使用原始碼控制系統嗎?
你能用一個步驟建出所有結果嗎?
你有沒有每天都重新編譯建立(daily builds)嗎?
你有沒有問題追蹤資料庫(bug database)?
你會先把問題都修好之後才寫新的程式嗎?
你有一份最新的時程表嗎?
你有規格嗎?
程式人員有沒有安靜的工作環境?
你有沒有用市面上最好的工具?
你有沒有測試人員?
有沒有在面試時要求面試對象寫程式?
有沒有做走廊使用性(hallway usability)測試?

http://www.joelonsoftware.com/

約耳是一名曾服務知名公司與不知名公司及後來自已出來開公司的軟體工程師，

他開了個blog，

和我們分享，

他個人經驗談，

然後，累積成冊，

出版了約耳趣談軟體一書，

整本書大約是強調很多軟體工程師不太注重事情，
例如：規格、時程、Bug list等，
真是深得我心，
故欲罷不能的把整書給看完，
推薦給有心於精進自身程式撰寫的工程師朋友們。

最後：
「傾聽你的客戶，而非競爭對手」唸三次。

個人覺得最後一句非常受用，

以及上述的測試表。

們心自問，

你或你們公司得了幾分了呢?

為什麼你接Case，竟要我再什麼都還看到之前要先付訂金

2010-10-11T20:43:00.000-07:00

這其實是一種必要之惡，
也是因為認識接了一些皮的人，
所以的不得不為吧!

就好像傳統市場的麵攤，通常是先點吃完後，再結帳，但麥當勞要先付錢，
這是為什麼呢?

因為傳統市場的老闆可以在顧客不付錢時，左右攤找一找，再請澳客吃一頓粗飽，
不過麥當勞不行，因為他和我們一樣是斯文人嘛!

所以遇到了幾個皮的人，
我也只好學乖，從善如流了，

尤其是軟體，
一做下去之後，
才跟我說什麼(要轉別方向，或什麼..的籍口的朋友實在是...)，

所以麻煩啦!

小朋友先來再說，
感恩!

Google Apps MarketPlace 整理筆記

2010-10-07T02:04:00.000-07:00

Google Apps MarketPlace

Google 開放給Web App軟體開發商的平台，
目前主要是以企業用戶為主，
當然是英文介面，
所以目前在台灣根本就沒啥人在用，
相對於Android Market 以一般使用者為主，
名氣相對就小很多，
因為需要經過審核才能上架，
所以App的完整度就強很多了。

2010 Google Devfest Taipei 人爆多軟體界的大拜拜

2010-10-01T05:11:00.000-07:00

重點在HTML5吧!

講者Arne Roomann-Kurrik 講的很好，

不管是上午的HTML5的介紹，

及下午的 chrome extension的實作都相當有趣!

Android 是大熱門，

中午有便當，很大。

所以很多人帶著便當跑去401室卡位了，

擠爆(雖然上午在201室已經是擠滿了，摩頂放腫)。

但401更卡。

Chrome Extension 的撰寫經過Arne Roomann-Kurrik 的介紹，

感覺有趣又簡單，

滿容易上手的，

最另人驚奇的是Google Buzz，

很多江湖人士以為玩完了的東西，

但是Check Google的各地Schedule ，

http://code.google.com/intl/zh-TW/events/devfests/2010/

Timothy Jordan

應該是唯一一個全世界跑透透在介紹Buzz的人吧!

難到Buzz還有後招?

嗯!

雖然301在講Buzz時很空，

但，試目以待啊!!!!

擇錄在Taipei GTUG上，夢魅以求的確認函

    Confirmation code / 確認代碼: a3b4cf9a5654
    Full name / 全名:             Cloud Lin
    Email / Email 信箱:           wolkesau@gmail.com

(English Version At Bottom)
Cloud, 您好!
謝謝您對於 Google DevFest 台北場的支持。本封郵件為您的報名確認信。請於活動當天攜帶您的確認代碼至接待處報到。
時間：
2010年10月01日星期五
報到時間：早上八點
活動時間：早上九點至下午五點
地點：
台大醫院國際會議中心 201 室
100台北市中正區徐州路2號
按此取地圖
最新的議程表，講師名單，還有分組議程將會陸續在 Buzz, Plurk, and Twitter 公佈。
更為詳盡的提醒確認信件，會在活動數日前寄發給您。
誠摯邀請您的參與
謝謝,
DevFest 台北團隊

Hello Cloud!
Thanks for your interest in Google DevFest Taipei. This email confirms your registration for the event. Please bring a print out of this email with your confirmation code for faster check-in.
When:
Friday, October 1st, 2010
Registration will begin at 8:00am.
The agenda will run from 9:00am-5:30pm.
Where:
NTUH International Convention Center
No. 2, Xuzhou Road
Zhongzheng District 100
Taipei City
Map It
We’ll be posting more updates to the agenda, speakers, and sessions in the next few days, so follow us on Buzz, Plurk, and Twitter for the latest news.
A more detailed reminder email will also be sent out a few days before the event.
We look forward to seeing you there!
Cheers,
The DevFest Taipei team

JSON GAE google appengine 吐血的特絑符號處理換行符號斜分號等

2010-08-27T07:53:00.000-07:00

JSON
吐血的特絑符號處理

1.換行符號：
會導致無法讀取JSON
GAE裡可在用template裡的linebreaksbr換成
2.斜分號 "\"在String裡會判斷錯，同樣導致無法讀取JSON，怪的是不見得一定會出現無法讀取的狀況，在local端做伺服時都正常，但一上線，就是掛~
在GAE裡可用urlencode先轉碼，然後輸出時，再用javascript 的 decodeURI再轉回來。

原以為如此如此就天下太平了，
但是一上線還是掛
return urllib.quote(value)
File "/usr/lib/python2.6/urllib.py", line 1223, in quote
res = map(safe_map.__getitem__, s)
KeyError: u'\xe3'

urlencode轉碼失敗

然後
http://groups.google.com/group/google-appengine-python/browse_thread/thread/70b10f012ae33aed/996ecc33e7444cfc?#996ecc33e7444cfc

http://seewah.blogspot.com/2009/11/django-template-urlencode-unicode.html

上面有解，
不過還是不行，殘念~

結論就是存檔前先擋吧~
今天完全敗給 \^^/
可恥的一天

Wolke WebApp Studio 渥克程式專業網路應用程式開發

2010-07-22T08:05:00.000-07:00

專業網路應用程式開發

主要服務項目Blog 工具Blog 工具開發，主要為在既有的Blog環境下，開發出特定目的的工具。行銷嵌入式工具行銷嵌入式工具具開發，破除以外blog行銷只能是靜態的嵌入圖片，以程式來做新一代的行銷工具。Facebook 臉書應用程式Facebook 臉書應用程式開發，在全球最大的社群網路上，開發您所需要的功能。網路應用程式網站應用程式使用新一代互動式網頁應用網頁開發技術AJAX HTML5 CSS3等，開發出免於安裝更新等的新一代應用程式。WEB端使用者介面開發新一代的硬體設備，多半會有WEB端使用者介面需要開發，交給Wolke來幫您規畫整體UI。

Wolke JQuery Language Tools, Wolke JQuery 語言包工具(JQuery Plugin)

2010-07-07T20:46:00.000-07:00

Wolke JQuery Language Tools:

this is design for replace your words
it means when your web or blog need to service to different language,
you don't have to do the same copy action for your web,
just link this in your code and set the words liberty
like:





window.WL_LANG.words={
  welcome:{
   en_us:'Welcome',
   zh_tw:'歡迎您',
   zh_cn:'欢迎你'
  },
  hi:{
   en_us:'Hi',
   zh_tw:'嗨',
   zh_cn:'嗨'
  }
}
這個是語言替換工具，
如果的網站或是Blog有同時需要服務多種語系，
置入此工具於你的Blog中，
便不需因為其他的語言而做重複性質的工作，
僅需定義語言包。
例如：





window.WL_LANG.words={
  welcome:{
   en_us:'Welcome',
   zh_tw:'歡迎您',
   zh_cn:'欢迎你'
  },
  hi:{
   en_us:'Hi',
   zh_tw:'嗨',
   zh_cn:'嗨'
  }
}
至於置入js文件如下：

WL_LANG.GL('message') //呼叫換字，參數是原本定義的參數名。
WL_LANG.changeLang('.word'); //一口氣全換，參數同Jquery的selector規則。

Blog Embed Tool: Blog Tamagotchi Blog插件:Blog電子雞 (JQuery Plugin)

2010-07-05T20:31:00.000-07:00

Blog插件:Blog電子雞

可以實現Blog塗鴉者，
讓角色活於Blog的心願。

日後將支援說話、餵食等動作。

連至上傳圖檔頁面，

取個角色名字，
不能和已有的名稱重復，

依照，下列動作傳圖，
目前只有 asleep 和 walk的動作，
日後再支援其他的。

有什麼建議，直接留言吧!

Blog Tamagotchi

Character Name:

Picture place:

INIT:

ASLEEP :

WALK

NORTH:

SOUTH:

EAST:

WEST:

copy and paste it

Blog Embed Tool: AutoLink Blog插件:自動新增連結器 (JQuery Plugin)

2010-07-01T01:45:00.000-07:00

This is for you to replace word in your article and add the link where you want.
There is a example below.

I add a link to the word '廈門' in original text article,
and '廈門' would has a link.

主要功能為自動找出文章中，
您所設定的關鍵字，
並且自動更換成您所定的連結。

例如以下原為純文字，
但被我將廈門兩個字自動加上了link。

摘自【聯合報╱記者肇瑩如／澎湖報導】 2008.11.11 02:20 am

兩岸海運直航將在「江陳會」簽定協議後40天內生效，澎湖海運業者已急著搶頭香。澎湖中和海運昨天表示，將與大陸廈門國貿集團合作，直航協議一生效，就提出台中、廈門航線申請，若作業順利，最快12月底即可開航，目前單趟票價暫定2500元，航程3.5小時。

中和海運公司董事長陳中和說，「江陳會」4日簽署的兩岸海運直航協議中明定簽定後40天內生效，中和海運看準兩岸海運直航商機，已先一步與排名在中國大陸百強企業中的「廈門國貿集團」洽談合作，雙方並已達成合作共識，待「江陳會」協議生效，兩家公司就將簽約在廈門合資成立航運公司，搶先提出台中、廈門往返航線申請，「為的就是搶兩岸客貨直航的頭香」。

陳中和說，未來台中、廈門航線若獲准，中和海運將於旗下重約4千噸的「今日之星」客輪為營運主力經營客貨運業務，「今日之星」客輪可載客近7百人，最高航速可達42節，從台中航行到廈門約3.5小時，至於票價定價是2500元，為增加競爭力，未來也將搭配各項優惠或套裝遊程，所以實際票價可能會更低。

除中和海運外，日前首航台中、馬公的華達國際海運「海洋拉拉號」客輪也計畫申請從馬公延航廈門的航線，華達公司副總經理盧卓君曾說，暫定台中經馬公到廈門的票價為每人2200元，他們也預計在兩岸開放海運直航後提出申請。

Blog Embed Tool: PictureSignature Blog插件:自動新增Link Blog 程式圖片加簽名(JQuery Plugin)

2010-06-30T20:56:00.000-07:00

There is new way to create a signature on your picture.
you can see the example below
or click this Blog Wolke 渥克 [到處亂走]

新時代要有有新的簽名章方法吧~
圖片加簽名章是我用程式的方式加上簽名，
範例可以直接連結

Wolke 渥克 [到處亂走]

這樣就可以在不破壞圖下，
在Blog上加上你自已的簽名囉!
原圖：

或是這裡：

寄件者

實作教學 google app engine GAE 開發 facebook app FB應用程式

2010-06-07T20:24:00.000-07:00

去年曾經寫過一篇用GAE開發facebook app，

實作教學Facebook Application+JQuery + Google App Engine 初章.1

當時用的是pyfacebook，
也不過才半年多，

去年的那篇，
基本上可以把pyfacebook丟了，
目前在facebook上，
他們直接的針對GAE撰寫了新的SDK

JavaScript SDK 可以在javascript裡操作FB物件，做為和facebook的連結
PHP SDK
Python SDK 丟了pyfacebook，改用這個吧
iPhone SDK
Android SDK

參考http://developers.facebook.com/docs/

基本上，這些Server端的SDK，

主要是從cookie中取得你的身份，
並於底層中操作Graph API
這個Graph API其實是包著上述方法，
再從Server get url方式取得Data，
所有你需要的Data幾乎都可以從這個API來做呼叫，
執行效率和bug的錯誤比之前用pyfacebook好很多。

在python SDK 的 github上有一段sample，
你可以試著做看看。

GAE的部份，就不在贅述，基本上只要將facebook.py，example.py，example.html置於你的gae目錄下，上傳後，應該就可以順利執行了。

去年的facebook應用設計，
整個呼叫API的部份不再和PHP綁在一起，
目前書店裡關於facebook開發的書，
老闆頭很痛吧!

facebook改為Graph API的主要目地，

Wolke推測，應是在為不同平台、如mobile、TV...鋪路囉~

執行若有問題再留言討論吧!

新增讚 Like 按紐到你的blogspot

2010-05-26T19:05:00.000-07:00

javascript:

document.write('')

把上面那一段copy到你的blog就可以了~!

Design Pattern 設計模式 Decorator 裝飾者模式

2010-04-30T08:11:00.000-07:00

Today, we use "Decorator"
今天來玩玩Decorator

javascript:


cd=console.debug;
function Component(base)
{
 this.base=null;
 try{
  this.base=base;
 }catch(e){}
 
 this.name="";
 this.value=0;
 
 this.getDes=function(){
  var s='';
  try{
   s+=this.base.getDes();
  }catch(e){}
  s+=this.name+','
  return s;
 }
 
 this.cost=function(){
  var v=0;
  try{
   v+=this.base.cost();
  }catch(e){}
  v+=this.value;
  return v;
 } 
}

/*inherit*/
function Espresso(base)
{
 var d=new Component(base);
 d.name="Espresso";
 d.value=100;
 return d;
};

function Mocha(base)
{
 var d=new Component(base);
 d.name="Mocha";
 d.value=10;
 return d;
};

function Soy(base)
{
 var d=new Component(base);
 d.name="Soy";
 d.value=50;
 return d;
};

(function(){
 var e= new Espresso(),
 m= new Mocha(e),
 a= new Mocha(m),
 s= new Soy(a);
 
 cd(s.cost());
 cd(s.getDes());
})();

python:


class Component():
    base=None
    name=''
    value=0
    
    def __init__(self,base=None):
        try:
            self.base=base
        except:
            pass

    def getDes(self):
        s=''
        try:
            s+=self.base.getDes()+','
        except:
            pass
        s+=self.name
        return s
    def cost(self):
        v=0;
        try:
            v+=self.base.value
        except:
            pass
        return v+self.value

class Espresso(Component):
    name='Espresso'
    value=2000
    pass
class Soy(Component):
    name='Soy'
    value=20
    pass

class Mocha(Component):
    name='Mocha'
    value=200
    pass

def main():
    s=Espresso()
    
    s=Mocha(s)
    s=Mocha(s)
    s=Soy(s)
    
    st=s.getDes()
    v=s.cost()
    print st
    print v

    
if __name__!='__main__':
    main()

Design Pattern 設計模式 Observer 觀察者模式

2010-04-28T18:17:00.000-07:00

I am wrintng webpage app recently,so I used the GAE standard for 'Google App Engine' to be the Server client,So I use the Python and Javascript often,of course JQuery else,

最近在開發 webpage app，使用GAE做為Server端，所以得使用到Python和Javascript，當然還有JQuery。

and because I am a person who like to use 'Design Pattern' in my code.
so I start to share how to use 'Design Pattern' in the code today, and hope this series can help someone who is writing webpage app ,too and help me to remenber this.
If you have any problem,it's welcome to comment,thx~

也因為我是個"設計模式"的愛好者，所以開始分享一些我觀察到的一些在javascript和python上可以運用的"設計模式"方法，希望可以提醒我自已記得如何使用，及幫助到需要的人。
若是有任何指教，歡迎留言，謝謝。
the first design pattern , I want to share its 'Observer' pattern:

觀察者模式：

Python:


import sys
import os
################### BASIC CLASS begin ##############
class Subject():
    name='Subject'
    def __init__(self,name):
        self.name=name
    #
    parms={}
    def setTemp(self,parms):
        self.parms=parms
        self.notify()

    #for observer
    objs=[]
    def register(self,obj):
        self.objs.append(obj)

    def remove(self,obj):
        self.objs.remove(obj)

    def notify(self):
        for i in self.objs:
            print i
            i.update(self,self.parms)

class Observer():
    name='Observer'
    def __init__(self,name):
        self.name=name
        
    def update(subject,self,parms):
        print 'Subject Name: %s,Observer Name : %s ,Value: %i'%(subject.name,self.name, parms['value'])

        pass

    def display(self):
        pass
################### BASIC CLASS end ##############

class Weather(Subject):
    pass

class Board(Observer):
    value=0

    def update(self,parms):
        self.value=parms['value']
        self.display()
    def display(self):
        print self.value
    

class Combine(Subject,Observer):
    pass


def main():
    s=Weather('Weather')
    b=Combine('Board')
    
    s.register(b)
    s.setTemp({'value':99})

    
    

if __name__!='__main__':
    main()

javascript:


cd=console.debug

function Subject()
{
 this.name='Subject';
 this.parms={};
 this.setTemp=function(parms){
  this.parms=parms;
  this.notify()  
 } 
 //
 this.objs=new Array();
 this.register=function(obj){  
  this.objs.push(obj);
 }
 this.remove=function(obj){
 
 }
 this.notify=function(){
  for (i in this.objs){
   this.objs[i].update(this.parms)
  }
 }  
}
function Observer()
{ 
 this.name='Observer';
 this.update=function(parms){
  this.display(parms);
 }
 
 this.display=function(parms){
  cd(parms);
 }
}
 
//set different class over there
function Weather()
{  
 var father=new Subject();
 father.name='Weather';
 return father; 
}

function Board(){
 var father=new Observer();
 father.name='Board';
 father.display=function(parms){
  cd('Value:'+parms['value'])
 } 
 return father;
}

function main()
{
 var s=new Weather();
 var o=new Board();
 s.register(o);
 s.setTemp({'value':99})
 cd(o);
}

in the javascript, if you want to combine the Subject and Observer class, it also have a way to do it,like:


function Observer()
{
.....
 this.dir={name:this.name,display:this.display}//you have to add all class's parms and fucntions pointer in the 'dir' arraylist,also do it in Subject class 
}
//after this ,than you can add this class 
function Combine()
{
 var f1=new Subject();
 var f2=new Observer();
 var me={};
 for (i in f1.dir)
 {
  me[i]=f1.dir[i];
 }
 for (i in f2.dir)
 {
  me[i]=f2.dir[i];
 }
 
 return me;
}
function Station()
{
 var father =new Combine();
 
 return father;
}
//then finally you get combine class

after create combine class in the javascript, the codes is not easy to read amymore,but for the class seldom have to be Subject and Observer.
so just for requirement.
不過為了實現'結合'，程式碼好像不前麼好讀了，通常也很少是觀察者也是主題的，看需求囉。

程式設計者的無知而驕傲「四」之前的程式修改，如果我有時間的話先生

2010-04-26T01:07:00.000-07:00

如果我有時間的話先生，是我最近觀察到自已本人在下我，

常常拿來跟測試工程師講的話，

測試工程師用力的幫我找了之前程式的一些問題或建議，

可是我卻只能殘忍的說：「如果我有時間的話」

是的，我真是個壞人，雖然我自認到目前為止的每個程式(期初的不算(汗))都不難改，因為，我可是堅守著對修改關閉，對擴充開放的底限，照理來說不難改，但我還真沒時間改，因為老大的眼光又轉向了，這就好像船在大海上航行，船長對自已的方向沒把握一樣，船員也只好跟著，左邊轉一下，右邊轉一下。

所以，不好意思啊，阿測，我還真的沒時間改，必竟那不是個小bug啊~~新功能要找時間研究一下，才能加上去的啊(心中的吶喊)!!

老大要我寫別的東西，我就只好轉向看別的東西，不是我不想做啊~~

這是籍口(阿測心中的os)。

如果我有時間的話，還真是個不錯的籍口

程式設計者的無知而驕慠「三」先有再說先生程式改不動先生

2010-04-26T01:05:00.000-07:00

這聽起來像是對立的兩個人，卻總是在Case期初和期末交換角色，

先有再說先生，總是先急著弄出個成品，不考慮之後程式修正的問題

就gadget(google桌面，網頁程式)說好了；

為了要考慮之後的擴充性，

或不得不為的修改，通常會盡量的切割之各個系統。

使其獨立，

MVC 構架是最常用的。

網頁application結構其實分割還滿容易的，

Server端(Model), Client端(View),

Control部份，個人是覺得盡量寫在Client(拖別人系統，決對比拖自已系統好，科科)

但先有再說先生，可以很棒的將其混在一起。

反正他只想先丟出去再說。

所以一個gadget(google桌面)，

他用了<iframe> 將整個原在Server端的查詢網頁，

是的，也不是<iframe>不能用，

不過 gadget就已經是設計來成為你的網路桌面上的小程式的這件事情，

好像完全不管他，我完全看不到他的MVC架構在那裡?

這樣子的東西，也不可能在google桌面上縮放啊?

看了整個禮拜不知道在看啥?

(如果我也可以只整個禮拜只搞這個就好了，雜事有夠多的。)

反正先出去再說，

那今天老闆想要gadget上縮放呢?

這也不算強人所難，因為這本來就是google桌面設計的目的，

那你不就立刻倒了。

喔! 不會的! 因為程式改不動先生(注意：康攢有夠才開的出這一隻)跳出來救你了。

老闆想要修改程式了，

「但這個程式改不動」程式改不動先生說話了。

(當然要說這句話前請先墊墊自已的份量)，

其實程式改不動，也是因為你在Case期初時，

完全沒有考慮程式的擴充和修改性這件事。

就這醬出去了，真是營養雞排。

「反正我改不動，不然你找別人好了」程式改不動先生又說話了

(更高段的話，說這句話之前，請先考慮公司有多少專案在你手上，讓老闆投鼠忌器)

通常到這裡，

第一，找替死鬼收尾。

第二，算了。

是。算了機會還滿大的，通常先有再說先生的程式，別人還真的改不動，

因為全都搞在一起了。重新幫他寫一個可能會比較快一點。

這個系列，不小心也寫到了第三篇，才發現，原來我是愛靠B的人(汗)，

這些只是我在工作觀察到的，不見得對或錯，

可能在某些壓力下，你也不得不成為某一種先生。

不過請僅守「對修改關閉，對擴充開放的底限」吧

不然很難成為一個被尊敬的程式設計師。

這可能太難了，

那至少不要成為一位被唾棄的程式工人。

程式設計者的無知而驕傲「二」寫程式的態度?哇!台灣水泥工!

2010-04-26T00:49:00.000-07:00

寫程式在不懂不了解的人眼中，

其實還滿礙眼的，

在公司其他人眼中(包括老闆)可能也是「米蟲」的角色，

(我朋友Y君說，有次公司的資料庫掛了，總公司派了個工程師來，

他們只覺得他在東摸摸西摸摸而已，不知道他到底在幹嘛)

這就是一個問題，

其實程式寫的好不好，

只有內行的人了解，

(不是加工業等粗工，以量計算，

不像美感雖然每個人都有見解，但至少看出你有沒有用心畫)，

所以一個code寫的很爛的人，

1.可以因為加班加的久(加班先生)，

2.或是他已經是個老資格先生(寫了八年連物件導向都不了解，還亂解釋，

大言不殘的說這個程式，是物件導向寫的喔(除了你寫的以外，其他都是吧!)

聽到都不敢偷笑，還敢說ajax的東西，還真大有人在)，
所以被公司的其他人(包括管理階層)認為他很厲害之類的，

結果一個追求coding的精準及效率，

視多寫一行如罪惡的人，

因為準時下班，

反而被認為不積極，

後來我想了一想，

必竟大部份的老闆眼中，

覺得你留的愈晚，他就愈賺嘛(程式工程師，大部份為責任制，沒有加班費)~

所以也不會管你在幹嘛(他都走了，當然不知道你在幹嘛，只覺的又賺到了)!

(其實在這樣的工作環境中，偷公司的時間就對了, 唉呀~我說的不是A君喔!)

你就一直摸，摸，摸，最好是直接睡公司，明天也不可能遲到喔!

唉~就是因為這樣子，才會造就寫了八年，連物件導向都不懂~

for迴圈也用不好的人~

一段這樣可以解決掉的code

程式磚頭水泥工人，反正都是在混時間而已，這不過就是個工作，

只要電腦前，不斷的打code，讓老闆覺得很忙就行了，

但，就算是磚頭水泥工人，用心做的人，也是不斷的想增進自已的效率啊~

我想，可能是這樣的工作環境，才會養出這樣不重效率的程式工程師，

必竟，有無增進其coding能力，也不會多拿一分錢!

所以才會一直混時間而已~
反過來就要問問自已，為什麼要寫程式，

不就是不想做重複性的工作嗎?

結果反而把這麼有挑戰性的工作(不管你完成與否，一定有更好的解決方法的工作)，

搞的和搬水泥一樣，以量計價，不是很可悲嗎?

程式設計者的無知而驕傲「一」別當個程式真理先生

2010-04-26T00:46:00.000-07:00

這是個嚴肅而卻又另人深刻的話題，說實在才疏學淺的我，沒什麼資格來談論這個話題，
不過就是對一些，這兩年看到的一些現象，疏發的一些想法與感覺；以及告誡自已千萬不要有以下這些行為。
「一」.程式設計，本來就是拿來被人推翻用的，你寫不出來不代表別人寫不出來；就算我寫出來了，那也不代表這個程式，會是完美的，一定有其他更總明的人有著更好的寫法。
但是沉迷於以解決一時的問題，而寫出來的code，決對、肯定、保證，日後會成為你維護上的最大問題。
這個時候檢視設計模式
尋找適合的 Deign Pattern 以利日後的維護是重要的。
雖然不想在這裡批評什麼，不過，程式真理先生，在說下肯定語句時，切記，你寫不出來不代表別人寫不出來，程式真理先生今天為搞定一時的問題，而hardcode寫出來的東西，以後一定會成為程式真理先生的扮腳石的。
如果程式真理先生連 Design Pattern，物件導向，都還不清楚是什麼東西，甚至Function都還不太會用的程式真理先生就會落得以打壓別的程式工人，以求在程式界生存的可悲境界。
程式目前講的都是Open Source，如果連別人的分享都不懂的讀懂他，而只是不斷的以抄襲來解決一時的問題，真的也不知該怎麼建議程式真理先生了。
所以，千萬別成為一個程式真理先生。
隨時要精進自已的程式功力方為上策。

程式設計師的求生術1.老闆才能放的大絕：「我不管，你給我做出來就對了」

2010-04-26T00:42:00.000-07:00

是的，出錢的是老大是千古不變的真理。

簡單分析一下，這種情況，肯定有大哥(出錢的老大)和小弟(在香港古惑仔電影裡一出場就被秒殺的賤骨頭)，

大哥：「我不管，你給我用好就對了」

通常大哥放大絕時，

兩種情況，

一、大哥沒有其他資源提供給小弟測試或支援小弟，所以直接放大絕看能不能逼出什麼，通常只是希望小弟去找出其他資源搞定這一切，當然大哥不可能支援你什麼。

二、小弟的能力有問題(不過大哥通常早就知道，只是可能考慮小弟忠的比他養的小白還乖，免強用之)，大哥一時受不了，所以放了大絕，不過大哥通常只是情敘的發洩，沒其他的考量，過了就算了。

是的，這跟程式撰寫有什麼關係，

麻煩，請將老大換成老闆，小弟換成你，是不是一樣啊?

哈~

在這種情況之下，賤骨頭為了保住飯碗的第一步，

google一下嗎?

不，不，不，本篇不討論技術面的，

我想討論一下，都市叢林裡的生存面。

正所謂「忍一時，風平浪靜；退一步，海闊天空。」

當你被罵時，如果只想著「別人家都有請顧問，我們家什麼都沒有」的這種心態，肯定也只會讓心情更幹，是的，

那要怎麼辦呢?

其實也是看你怎麼看待這一份「程式設計」工作，如果對你來說這只是一份工作，下了班之後的你，肯定是不會在去鑽摩程式的東西，問一問離開了工作崗位的你在做什麼吧?

如果沒有在看程式的東西，那不建議你在看下去了。

人生短短數十寒暑，越是不懂利用自已的時間，越是被別人掌控你的時間，因為你真的不知道什麼時候該做什麼，所以需要個值星班長，整頓一下你。

這樣子下去的亟至，就是上班時，一直不斷的看著手中的手錶，因為你的心跟本就不在這邊，對你來說，這只是一份可以領到錢的工作；

但，這對我來說，不是一份工作，這是我的戰場，我人生的睹注，我不可能幫人家打工一輩子，我只是暫時性的需要一份工份一份薪水來支援我的生活，持續我的研究工作，等到機會來了，我會豪不猶豫的。

一定要有這樣的認之啊~ 朋友~

不然，活著很短暫，只是為了混時間，豈不可惜?

遇到被老大放大絕的機會，不是也是讓程式更精進的機會。

再言，如果寫程式對你來說很痛苦，要不要找點其他的事做?

轉行什麼時候都不遲吧!

你佔著毛坑那麼久，拉不出一坨好'屎'，

不是只有你煩，大家都痛苦啊~ 唉~施主~及早回頭啊~

數字增加器;number increase embed (JQuery Plugin)

2010-04-26T00:14:00.000-07:00

今日流量：100
2009自HIGH機本著不另BLOGGER們著眼於流量所製作之：
現更名為「數字增加器」
貼上下列的code於您的blog中

I design this blog embed for bloggers who do focus on the visited counter ,they can use this to add their visited counter bar

just paste on your blog.

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
<script>google.load("jquery", "1");function OnLoad(){ $.getScript('http://wolkejqueryplugin.appspot.com/jqWL/WL_CountBar.js',function() {$("#blog_hit_daily").WL_CountBar();//#blog_hit_daily =ID名稱請自行依需求更換,this name by your need  })}    google.setOnLoadCallback(OnLoad);</script>

2009年的最後一天之年末自high機

輸入文字強迫替換器;input words changer(JQuery Plugin)

2010-04-25T23:23:00.000-07:00

老女上司產生器是我去年再看羞昂的書「宅女日記」時，一時有感而發的點子，經過一些修改，再重新推出，且正名為「輸入文字強迫替換器」
以較為符合其功能為名。
This embed is designed for someone who want to change the comment's words,for example you can type '123' in below textbox,itwould be the '456' and put 'abc' would be 'dabce'.

輸入123會換成456，輸入abc會變成fabce，將下面code碼貼入Blog內

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
<script>google.load("jquery", "1");var repJson=[{'ori':'123','rep':'456','prefixes':'','suffixes':''},{'ori':'abc','rep':'abc','prefixes':'d','suffixes':'e'}];//依照規則可以新增新的替換文字 follow the rule ,you can add new words
function OnLoad(){$.getScript('http://wolkejqueryplugin.appspot.com/jqWL/WL_autoUpdateWord.js',function(){
$('#content').WL_autoUpdateWords(repJson);//#content請依照自已的id囉! #content by your needed
})}
google.setOnLoadCallback(OnLoad);</script>

Blogspot的留言模式用的是iframe所以我沒法將功能用於此blogspot的昌言板，但其他的blog平台，應該是沒啥問題。
Blogspot use 'iframe' to be the comment,so can't change the value,but in the other blog service should be OK.

如何將程式碼正確貼於Blog;How to put the codes directly on Blog

2010-04-25T18:29:00.001-07:00

網路上有blog embed的工具
syntaxhighlighter
基本上幾乎支援了全部的code，詳細列表參考上面連結

1.原本的作法是要大家download後再將js碼放置自已的host端，
不過看到後面有神人找出更好方法，
就是直接用google code的mirror網址就可以了，
所以，煩將下列網址貼於你的blog HTML中
我的blogspot要貼到最後面，

<link href='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shCore.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushCpp.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushCSharp.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushCss.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushJava.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushJScript.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushSql.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/shBrushXml.js' type='text/javascript'/>
<script class='javascript'>
//<![CDATA[
function FindTagsByName(container, name, Tag)
{
var elements = document.getElementsByTagName(Tag);
for (var i = 0; i < elements.length; i++)
{
if (elements[i].getAttribute("name") == name)
{
container.push(elements[i]);
}
}
}
var elements = [];
FindTagsByName(elements, "code", "pre");
FindTagsByName(elements, "code", "textarea");
for(var i=0; i < elements.length; i++) {
if(elements[i].nodeName.toUpperCase() == "TEXTAREA") {
var childNode = elements[i].childNodes[0];
var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,'\n'));
elements[i].replaceChild(newNode, childNode);
}
else if(elements[i].nodeName.toUpperCase() == "PRE") {
brs = elements[i].getElementsByTagName("br");
for(var j = 0, brLength = brs.length; j < brLength; j++) {
var newNode = document.createTextNode("\n");
elements[i].replaceChild(newNode, brs[0]);
}
}
}
//clipboard does not work well, no line breaks
// dp.SyntaxHighlighter.ClipboardSwf =
//"http://[YOUR HOST]/clipboard.swf";
dp.SyntaxHighlighter.HighlightAll("code");
//]]> </script>

第一個CSS網址，不知為何Blogspot吃不了，所以就直接將CSS碼貼在style裡，就可以吃了。

.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}

.dp-highlighter .bar
{
padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}

.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}

.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}

.dp-highlighter .columns div
{
padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}

.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
margin: 0px;
}

.dp-highlighter.collapsed ol li
{
display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
border: none;
}

.dp-highlighter.printing .tools
{
display: none !important;
}

.dp-highlighter.printing li
{
display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
border-left: 0;
}

.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}

.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

參考網址：
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html
http://developertips.blogspot.com/2007/08/syntaxhighlighter-on-blogger.html

標籤淘氣啪啪走器;tags move naughty embed(JQuery Plugin)

2010-04-23T01:56:00.000-07:00

淘氣的送出紐是我去年(2009)於前blog上發佈，
近日有時間，稍微做了一點更正，
因為不只可以用於button標籤上，
也可以用於其他標籤，
所以更正名稱為「標籤淘氣啪啪走」。
主要還是用JQuery所撰寫，
有興趣的朋友可放在自已的Blog上，
讓某個Tag一直跑還滿有趣的。

tags move naughty embed designed for elements on the blog , you let it move naughty, I think it`s interesting.

直接將下列code碼，置入您的Blog中就可以了
just put the code into your blog

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q">
</script>
<script>google.load("jquery", "1");function OnLoad(){

var strList={'felling':['ha','hi','h~','gi','gg','bb'],'word':['wait','give me a second']};//參數strList的felling和word的值可以做更換;you can change the parameter 'strList' for example:  ，例如：strList={'felling':['嗨','yes','h~','gi','gg','bb'],'word':['等一下','give me a second']};


$.getScript('http://wolkejqueryplugin.appspot.com/jqWL/WL_DoNaughty.js',function(){
$('#comments').WL_DoNaughty(strList);//#comments為id名稱，請自行更換您所指定的物件;#comments is the object's name by your needed

})};google.setOnLoadCallback(OnLoad);
</script>

實作教學Facebook Application+JQuery + Google App Engine 初章.1

2010-04-08T00:03:00.000-07:00

想要研究一下這一塊，發現中文網頁，竟然沒什麼相關資料，

可能因為是阿共仔屏蔽了Facebook吧!!

那好，我就把我目前就研究到此的作法和心得寫一寫，

以免後進走太多冤妄路，

想要撰寫我標題所說的Facebook +JQuery+ GAE

你必需具備：

HTML基礎
Python基礎
Google帳號和已認證的可用的GAE帳號
GAE的架構
Facebook的架構
FBML,FBJS的撰寫

上述可參考上官林傑的 Google應用服務引擎開發實戰及這邊可參考賽大的 Facebook與funP應用程式設計

http://www.books.com.tw/exep/prod/booksfile.php?item=0010443092

http://www.books.com.tw/exep/prod/booksfile.php?item=0010445951

PS:這本用的是Facebook自行開發的PHP API，和我們要用的pyfacebook不同，

不過除了部份API不支援，其實大部份都是相通的，盡請安心服用。

Javascript基礎(初章暫不需)

Javascript書很多，本人推薦 JavaScript私房書

http://www.books.com.tw/exep/prod/booksfile.php?item=0010294368

JQuery基礎(初章暫不需)

我找不到覺得優的書，所以我都只直看網站的turtuial，不過歡迎大家推薦一下

IP分享器映射http port至你的電腦

各家分享器做法不同，請參考你的說明書

ok 重點來了..

本初章先將焦點放在如何在GAE上運行pyfacebook進而開發facebook的application

Pyfacebook基礎，網路神人團所撰寫的pyfacebook 用python撰寫的可以和facebook 溝通的Server端API可供GAE使用開發

pyfacebook:

http://github.com/sciyoshi/pyfacebook/

1.首先將 pyfacebook下載解壓後，存至gae目錄下

2.在pyfacebook目錄裡建置app.yaml

內容如下:

application: whatever

version: 1

runtime: python

api_version: 1

handlers:

- url: .*

script:main.py

主檔main.py

內容如下

# -*- coding: utf-8 -*-

import cgi
import sys, os
import wsgiref.handlers

from google.appengine.ext import webapp
from google.appengine.ext.webapp import template
import facebook
from facebook import FacebookError

FACEBOOK_API_KEY = '你的key' #如何申請請自行參閱，不詳述囉
FACEBOOK_SECRET_KEY = '你的key'
_DEBUG = True

class MainPage(webapp.RequestHandler):
def get(self):
#def post(self):
fb = facebook.Facebook(FACEBOOK_API_KEY, FACEBOOK_SECRET_KEY)
if fb.check_session(self.request) and fb.added:
pass
else:
url = fb.get_add_url()
self.response.out.write('<script language="javascript">top.location.href="' + url + '"</script>')
return

#get friend list begin
friend_ids = fb.friends.get()
friend_ids.append(fb.uid)

info = fb.users.getInfo(friend_ids, ['name', 'pic_square', 'uid'])
template_values={}
template_values={'info': info}
#get friend list end

for i in info:

self.response.out.write('<img src='+i['pic_square']+' />'+i['name']+'<br />')

def main():
application = webapp.WSGIApplication([('/',Mainpage)],debug=_DEBUG)
wsgiref.handlers.CGIHandler().run(application)

if __name__ == "__main__":
main()

執行一下你的dev_appserver.py --address=映射好的內納IP --port=80 demos/pyfacebook

(其實你也可以直接下appcfg.py上傳你的程式至GAE上，不過這樣初期開發會增加很時間成本)

設定你的facebook developer 你的應用程式

將Canvas URL:設定為你的外網IP(或是GAE的應用程式網址)

運行一下:

http://apps.facebook.com/你的facebook網址/
(請輸入你的facebook app 網址)

將將!!!

你就會看到你的朋友列表了

預告：目前是使用iframe的方式，

第二節來說一下FBML好了

心願便利貼beta 1.0

2010-03-12T21:01:00.000-08:00

願望...

又將是新年的開始....

你的心裡有什麼願望呢?

來貼上您的心願，

大家一起願望集氣吧!

http://apps.facebook.com/fbwishtwentyten/

後記：

撰寫方式：

GAE + pyfacebook + fbjqry

GAE存data

fbjqry做effect

GAE SDK要更新到最新版，不然一直會有奇怪的error

fbjqry本身只到0.2版

撰寫時有發現一些bug

fadeIn callback等不能執行...待大德debug

架構，

資料和css是分開的，

理論上要改成什麼版都可以吧!

過兩天將心願便利貼，

改個版型心牆版，

等我吧~ 寶貝，

這個程式，應該可以玩到農曆過年前吧!

快過年時，再搞個龍山寺版好了~

滿天神佛都請來加持一下，

肯定心願會實現的!

哈!!!!!!

2009.1227

BUG:

IE6-IE8無法執行

FF fadeOut有時會失敗

2009.1228

debug:

ie可運行

BUG:

1.有時得到JSON DATA後，<--原因出自JSON data產生太慢，因為 getinfo這個api有時會等太久或失敗

轉換為網路原件很久

2.IE 更久..

3.CLICK MSG.val('')

4.CPU時間要想想如何減低...(要用memchche)

5.click should link to personal page.

6.js中文轉換亂碼

7.缺NOTIFICATION

8.自動轉址要用fb:redirect才正常

DEBUG:

3,5,6

2009.1230

想方設法於首頁改用FBML來減低gae的CPU TIME等待過久的問題

Wolke Codes

Up Stick[New Year Eve CountDown]

[跨年倒數必備APP] 轉吧! 七彩霓虹燈![跨年倒數版]

我要成為Coding之王!

android app 的開發日誌01:app inventor裝校ㄟ!

Am I able to upload my app to the Android Market?

離線應用到底重不重要

戀愛公寓 (實體版)

garmin asus a50 孤兒機 圖資更新 使用指南 A10應該大同小異

JSON的引號只能用"

gae facebook開發

GOOGLE APPENGINE gae 實作 YAHOO 帳號登入

[開發日誌]windows phone 7 搶頭香送手機喔

Wolke加入了第二屆的appWorks

「傾聽你的客戶，而非競爭對手」唸三次。約耳趣談軟體 讀書心得

為什麼你接Case，竟要我再什麼都還看到之前要先付訂金

Google Apps MarketPlace 整理筆記

2010 Google Devfest Taipei 人爆多 軟體界的大拜拜

JSON GAE google appengine 吐血的特絑符號處理 換行符號 斜分號 等

Wolke WebApp Studio 渥克程式專業網路應用程式開發

Wolke JQuery Language Tools, Wolke JQuery 語言包工具(JQuery Plugin)

Blog Embed Tool: Blog Tamagotchi Blog插件:Blog電子雞 (JQuery Plugin)

Blog Embed Tool: AutoLink Blog插件:自動新增連結器 (JQuery Plugin)

Blog Embed Tool: PictureSignature Blog插件:自動新增Link Blog 程式圖片加簽名(JQuery Plugin)

Wolke 渥克 [到處亂走]

實作教學 google app engine GAE 開發 facebook app FB應用程式

實作教學Facebook Application+JQuery + Google App Engine 初章.1

新增 讚 Like 按紐 到你的blogspot

Design Pattern 設計模式 Decorator 裝飾者模式

Design Pattern 設計模式 Observer 觀察者模式

程式設計者的無知而驕傲「四」之前的程式修改，如果我有時間的話先生

程式設計者的無知而驕慠「三」先有再說先生 程式改不動先生

程式設計者的無知而驕傲「二」寫程式的態度?哇!台灣水泥工!

程式設計者的無知而驕傲「一」別當個程式真理先生

程式設計師的求生術1.老闆才能放的大絕：「我不管，你給我做出來就對了」

數字增加器;number increase embed (JQuery Plugin)

輸入文字強迫替換器;input words changer(JQuery Plugin)

如何將程式碼正確貼於Blog;How to put the codes directly on Blog

標籤淘氣啪啪走器;tags move naughty embed(JQuery Plugin)

實作教學Facebook Application+JQuery + Google App Engine 初章.1

心願便利貼beta 1.0

garmin asus a50 孤兒機圖資更新使用指南 A10應該大同小異

「傾聽你的客戶，而非競爭對手」唸三次。約耳趣談軟體讀書心得

2010 Google Devfest Taipei 人爆多軟體界的大拜拜

JSON GAE google appengine 吐血的特絑符號處理換行符號斜分號等

新增讚 Like 按紐到你的blogspot

程式設計者的無知而驕慠「三」先有再說先生程式改不動先生