顯示具有 programming 標籤的文章。 顯示所有文章
顯示具有 programming 標籤的文章。 顯示所有文章

2016年8月26日 星期五

不必要的工作

避免做錯誤的選擇?

人生就是不斷地進行選擇,
或許有時候會對生存的意義存疑,
但是這其實這就正是開啟了尋找生命價值的路。

-- 因為疑惑,或許才產生尋找答案的動力。
自己開始先從嘗試、到感受,再到思考,生命中遇到的各種人或事,
哪一個抉擇,才是自己想要的,才是適合自己的

昨天看到一個關於人生中做抉擇的心得:
1。選擇正確的工作
2。選擇如何利用下班時間
3。選擇逃離安逸的舒適圈

其中也作了一些整理,有一說得非常正確,
「人生最怕的是投入太多的時間與心力在錯的事情上,最後浪費了時間和青春,
只換了點足夠養活自己的薪水」

確實反觀自己現在的生活,
看似每天都忙得頗累,回家了沒有心情做更多的事情
每天都覺得可以做更多的學習但往往卻只等著十二點來臨然後就告訴自己很累了該去睡覺。
就這樣一直讓書本、要實踐的夢想擱置、長眠

我大概又忘了scrum的精神,不用一次做出偉大的事情,只要把每件事情做切割得足夠細小,找出可以產出MVP (Minimum viable product 最低程度可行性的產品) 的方式
以從每個小地方改善生活的品質

看到家裡亂掉的角落就馬上整理,不要累積以影響到自己的工作或生活環境;
路上剛好遇到朋友就馬上停下步跋來聊幾句,不要只想著有機會再約;
想到要做的事情就馬上用紙筆把最簡單的想法記下來,以免三分鐘過後想法變成曇花一現;


今天也正正感受到自己浪費了一兩個小時在做不太有意義的事。

同事的操心大意,造成code裡面有recursively的injection,
仔細一看才發現多個地方都出現同樣問題,但既往只是將錯就錯,
撰寫了一些基於這些有inject問題的code之前的test case,
導致我在修好了這些inject問題之後,一堆test case就run fail了
然後我就有點煩悶地一個一個地去修這些fail的test case
最終花了一兩個小時在整理,而且修完之後只感到一堆抱怨。

按照「選擇正確的工作」和「選擇如何利用下班時間」這兩條原則,
我靜下來想到我這個做法造成了幾個問題:


  1. 我花費了自己下班的時間,去修正這幾個只是在dev環境上build fail的問題,但完全不緊急,大可以等到下禮拜一再來解決;
  2. 我幫別人修正了他不注意的地方,之後還要再找時間告訴他問題在哪裡,不然他只會一直repeat這樣的問題。
    然而就算我把問題告訴他,但因為不是他自己親身修正的,他不知道這個問題有多耗時和痛點在哪,或許不會切身處地去思考怎麼改善這個問題,找出原因。
  3. 這些修正基本上對我個人能力沒有甚麼學習價值,還影響到了我下班時間該擁有的輕鬆情緒。
所以下次如果遇到類似的情況- 「別人造成的bug,是否要自己去進行修正」時,
我會先思考以下2個因素:
  • 是否會影響到正式產品 => 是否有時間急迫性?
  • 是否該由我來修正會比較好 => 應提昇團隊的整體平均水平
  • 這個工作會否帶給我正向的成長 => 不浪費自己的時間


2011年5月6日 星期五

[jquery] 網頁內嵌音訊檔

最近接的兩個case中,一個要在網頁裏放影片,一個要在網頁裏放影片加音樂

翻了一下一些網路上的jquery liberary,也試了好幾個,不過不知道是我沒有翻到他們的API還是我太弱不知道怎麼用,好幾個都只是很簡單播放功能而已

因為我那兩個的case是某研究的實驗問卷性質,,所以都需要限制使用者的瀏覽行為
像是一定要看完影片或是聽完音樂才能按下一步,又或是要看播了網頁上的「我已看完說明」的按鈕就馬上開始播放音樂,諸如此類的...

音樂播放的話,我個人會推薦 jplayer
它是一個適用於html5 和Flash的jquery liberary

我推薦它的原因有幾個

  • 官網上的說明蠻詳細的,有很多教學的範例
  • 它可以控制影音的功能夠齊全,最基本的播放、停止、暫停,然後比較進階的像是從幾秒開始播放、重覆播放、靜音等等
  • 有齊全的event事件可以抓取, 只要設定特定事件的listener, 便可作很多控制了!
  • player interface有豐富的css module可供使用,都在官網上面可以找到


在這來個簡單的範例好了

首先要把jquery.jplayer.min.js載下來,嵌到你的網頁裏,'js/'是我自己放javascript的目錄
要是想要用遠端檔案的話也是可以。

當然...jquery.js是必要的,不過我懶得貼上來了

然後,最簡單的嵌進一個音樂mp3檔


至於UI方面的話, 因為我還沒有需要用到, 所以也沒有特別去看
便大概應該就是設定一些CSS屬性而已
有需要的人可以去官網裡, 有教學

至於影音方面,比較遺憾的是他只支援 .m4v .ogv

下次再來介紹一次有甚麼好用的video player liberary

2009年10月17日 星期六

在Eclipse上安裝SVN

1. Help -> Software update -> Find and Install

2. select the item "Search for new features to install", press next

3. press button "New Remote Site".

4. Name: SubEclipse
URL: http://subclipse.tigris.org/update_1.6.x
 press OK

2009年2月23日 星期一

DBN 練習

↓按一下畫面執行結果:








今天做了個dbn的小練習
讓字跟著mouse座標動

然後點的時候有線跟著走

不過dbn真的很陽春, 指令要背起來的話也沒有幾個
語法部份可以參考這邊→DBN wiki

我寫的這只程式碼如下
Load dbnletters.dbnLoad dbngraphics.dbn

Fast
Size 200 200 
forever
{
 paper 0
 set X (<mouse 1>+3) //滑鼠X座標
 set Y (<mouse 2>+3) //滑鼠Y座標
 set P <mouse 3> //滑鼠有否被按下
Same? P 0
{
  Letter 12 X Y //letter 'L'
  Letter 3 (X+15) Y //letter 'C'
  Letter 20 (X+30) Y //letter 'T'
 }
Same? P 100

  Letter 12 X Y
  Letter 3 (X+15) Y
  Letter 20 (X+30) Y
  line 0 0 X Y
  line 200 200 (X+40) (Y+20)
  line 0 200 X (Y+20)
  line 200 0 (X+40) Y
 }
refresh
}

要把dbn的執行結果放在網頁上, 可透過下列程式碼

<APPLET CODE="DbnApplet" ARCHIVE="dbn.jar" codebase="./" WIDTH="400" HEIGHT="400">

<PARAM NAME="mode" VALUE="grid">

<PARAM NAME="graphics_width" VALUE="400">

<PARAM NAME="graphics_height" VALUE="400">

<PARAM NAME="slowdown" VALUE="true">

<PARAM NAME="program0" VALUE="name.dbn">


</APPLET>

把相關的程式檔dbn.jar和library如dbngraphics.dbn都放在網路的空間上,
codebase="./"則改為網路空間的位置
再修改長寬參數,把name.dbn改為自己檔案的名稱
這樣就可以了

2007年11月1日 星期四

eclispe的實用筆記

轉錄自飛鳥java
eclipse最實用的手記

熱鍵篇:
Template:Alt + /
修改處:視窗->喜好設定->工作臺->按鍵->編輯->內容輔助。
個人習慣:Shift+SPACE(空白)。
簡易說明:編輯程式碼時,打sysout +Template啟動鍵,就
會自動出現:System.out.println(); 。
設定Template的格式:視窗->喜好設定->Java->編輯器->範本。

程式碼自動排版:Ctrl+Shift+F
修改處:視窗->喜好設定->工作臺->按鍵->程式碼->格式。
個人習慣:Alt+Z。
自動排版設定:視窗->喜好設定->Java->程式碼格式製作程式。
樣式頁面->將插入tab(而非空白鍵)以內縮,該選項取消勾選
,下麵空格數目填4,這樣在自動編排時會以空格4作縮排。

快速執行程式:Ctrl + F11
個人習慣:ALT+X
修改處:視窗->喜好設定->工作臺->按鍵->執行->啟動前一次的啟動作業。
簡易說明:第一次執行時,它會詢問您執行模式,
設置好後,以後只要按這個熱鍵,它就會快速執行。
..我覺得很順手^__^

自動匯入所需要的類別:Ctrl+Shift+O
簡易說明:
假設我們沒有Import任何類別時,當我們在程式裡打入:
BufferedReader buf =new BufferedReader(new InputStreamReader(System.in));
此時Eclipse會警示說沒有匯入類別,這時我們只要按下Ctrl+Shift+O
,它就會自動幫我們Import類別。

查看使用類別的原始碼:Ctrl+滑鼠左鍵點擊
簡易說明:可以看到您所使用類別的原始碼。

將選取的文字註解起來:Ctrl+/
簡易說明:Debug時很方便。
修改處:視窗->喜好設定->工作臺->按鍵->程式碼->註解

視景切換:Ctrl+F8
個人習慣:Alt+S。
修改處:視窗->喜好設定->工作臺->按鍵->視窗->下一個視景。
簡易說明:可以方便我們快速切換編輯、除錯等視景。

遍歷各編輯器: Ctrl+F6
簡易說明:可以方便我們快速切換編輯器,Ctrl+F6 彈齣當前所選編輯器的列錶


密技篇:
一套Eclipse可同時切換,英文、繁體、簡體顯示:
1.首先要先安裝完中文化包。
2.在桌面的捷徑後面加上參數即可,
英文-> -nl "zh_US"
繁體-> -nl "zh_TW"
簡體-> -nl "zh_CN"。
(其他語系以此類推)
像我2.1.2中文化後,我在我桌面的Eclipse捷徑加入參數-n1 "zh_US"。
"C:Program Fileseclipseeclipse.exe" -n "zh_US"
介面就會變回英文語系嚕。

利用Eclipse,在Word編輯文書時可不必將程式碼重新編排:
將Eclipse程式編輯區的程式碼整個複製下來(Ctrl+C),直接貼(Ctrl+V)到
Word或WordPad上,您將會發現在Word裡的程式碼格式,跟Eclipse
所設定的完全一樣,包括字型、縮排、關鍵字顏色。我曾試過JBuilder
、GEL、NetBeans...使用複製貼上時,只有縮排格式一樣,字型、顏
色等都不會改變。

外掛篇:
外掛安裝:將外掛包下載回來後,將其解壓縮後,您會發現features、
plugins這2個資料夾,將裡面的東西都複製或移動到Eclipse的features
、plugins資料夾內後,重新啟動Eclipse即可。

讓Eclipse可以像JBuilderX一樣使用拖拉方式建構GUI的外掛:
1.Jigloo SWT/Swing GUI Builder :
http://cloudgarden.com/jigloo/index.html
下載此版本:Jigloo plugin for Eclipse (using Java 1.4 or 1.5)
安裝後即可由檔案->新建->其他->GUI Form選取要建構的GUI類型。

2.Eclipse Visual Editor Project:
http://www.eclipse.org/vep/
點選下方Download Page,再點選Latest Release 0.5.0進入下載。
除了VE-runtime-0.5.0.zip要下載外,以下這2個也要:
EMF build 1.1.1: (build page) (download zip)
GEF Build 2.1.2: (build page) (download zip)

3.0 M8版本,請下載:
EMF build I200403250631
GEF Build I20040330
VE-runtime-1.0M1

安裝成功後,便可由File->New->Visual Class開始UI設計。
安裝成功後,即可由新建->Java->AWT與Swing裡選擇
所要建構的GUI類型開始進行設計。VE必須配合著對應
版本,才能正常使用,否則即使安裝成功,使用上仍會
有問題。

使用Eclipse來開發JSP程式:
外掛名稱:lomboz(下載頁面)
http://forge.objectweb.org/project/showfiles.php?group_id=97請選擇適合自己版本的lomboz下載,lomboz.212.p1.zip表示2.1.2版,
lomboz.3m7.zip表示M7版本....以此類推。
lomboz安裝以及設置教學:
Eclipse開發JSP-教學文件

Java轉exe篇:
實現方式:Eclipse搭配JSmooth(免費)。
1.先由Eclipse製作包含Manifest的JAR。
製作教學
2.使用JSmooth將做好的JAR包裝成EXE。
JSmooth下載頁面:
http://jsmooth.sourceforge.net/index.php
3.製作完成的exe檔,可在有裝置JRE的Windows上執行。

Eclipse-Java編輯器最佳設定:
編輯器字型設定:工作臺->字型->Java編輯器文字字型。
(建議設定Courier New -regular 10)

編輯器相關設定:視窗->喜好設定->Java->編輯器

外觀:顯示行號、強調對稱顯示的方括號、強調顯示現行行、
顯示列印邊距,將其勾選,Tab寬度設4,列印編距欄位設80。
程式碼協助:採預設即可。
語法:可設定關鍵字、字串等等的顯示顏色。
附註:採預設即可。
輸入:全部欄位元都勾選。
浮動說明:採預設即可。
導覽:採預設即可。

使自動排版排出來的效果,最符合Java設計慣例的設定:
自動排版設定:視窗->喜好設定->Java->程式碼製作格式。

換行:全部不勾選。
分行:行長度上限設:80。
樣式:只將強制轉型後插入空白勾選。
內縮空格數目:設為4。

Eclipse的教學文件:
Eclipse 3.0系列熱鍵表 - 中英對照解說版 (by sungo)
Window+GCC+CDT用Eclipse開發C、C++ (by sungo)

其他:
擴充Eclipse的Java 開發工具(中文)
使用Eclipse開發J2EE 應用程式(中文)
使用Eclipse平臺進行除錯(中文)
用Eclipse進行XML 開發(中文)
開發Eclipse外掛程式(中文)
國際化您的Eclipse外掛程式(英文)
將Swing編輯器加入Eclipse(英文)
如何測試你的Eclipse plug-in符合國際市場需求(英文)

Eclipse的相關網站:
http://eclipse-plugins.2y.net/eclipse/index.jsp
http://www.eclipseplugincentral.com/
Eclipse相關教學[簡體]

BufferedReader buf =new BufferedReader(new InputStreamReader(System.in));
此時Eclipse會警示說沒有匯入類別,這時我們只要按下Ctrl+Shift+O
,它就會自動幫我們Import類別。

查看使用類別的原始碼:Ctrl+滑鼠左鍵點擊
簡易說明:可以看到您所使用類別的原始碼。

將選取的文字註解起來:Ctrl+/
簡易說明:Debug時很方便。
修改處:視窗->喜好設定->工作臺->按鍵->程式碼->註解

視景切換:Ctrl+F8
個人習慣:Alt+S。
修改處:視窗->喜好設定->工作臺->按鍵->視窗->下一個視景。
簡易說明:可以方便我們快速切換編輯、除錯等視景。

遍歷各編輯器: Ctrl+F6
簡易說明:可以方便我們快速切換編輯器,Ctrl+F6 彈齣當前所選編輯器的列錶


密技篇:
一套Eclipse可同時切換,英文、繁體、簡體顯示:
1.首先要先安裝完中文化包。
2.在桌面的捷徑後面加上參數即可,
英文-> -nl "zh_US"
繁體-> -nl "zh_TW"
簡體-> -nl "zh_CN"。
(其他語系以此類推)
像我2.1.2中文化後,我在我桌面的Eclipse捷徑加入參數-n1 "zh_US"。
"C:Program Fileseclipseeclipse.exe" -n "zh_US"
介面就會變回英文語系嚕。

利用Eclipse,在Word編輯文書時可不必將程式碼重新編排:
將Eclipse程式編輯區的程式碼整個複製下來(Ctrl+C),直接貼(Ctrl+V)到
Word或WordPad上,您將會發現在Word裡的程式碼格式,跟Eclipse
所設定的完全一樣,包括字型、縮排、關鍵字顏色。我曾試過JBuilder
、GEL、NetBeans...使用複製貼上時,只有縮排格式一樣,字型、顏
色等都不會改變。

外掛篇:
外掛安裝:將外掛包下載回來後,將其解壓縮後,您會發現features、
plugins這2個資料夾,將裡面的東西都複製或移動到Eclipse的features
、plugins資料夾內後,重新啟動Eclipse即可。

讓Eclipse可以像JBuilderX一樣使用拖拉方式建構GUI的外掛:
1.Jigloo SWT/Swing GUI Builder :
http://cloudgarden.com/jigloo/index.html
下載此版本:Jigloo plugin for Eclipse (using Java 1.4 or 1.5)
安裝後即可由檔案->新建->其他->GUI Form選取要建構的GUI類型。

2.Eclipse Visual Editor Project:
http://www.eclipse.org/vep/
點選下方Download Page,再點選Latest Release 0.5.0進入下載。
除了VE-runtime-0.5.0.zip要下載外,以下這2個也要:
EMF build 1.1.1: (build page) (download zip)
GEF Build 2.1.2: (build page) (download zip)

3.0 M8版本,請下載:
EMF build I200403250631
GEF Build I20040330
VE-runtime-1.0M1

安裝成功後,便可由File->New->Visual Class開始UI設計。
安裝成功後,即可由新建->Java->AWT與Swing裡選擇
所要建構的GUI類型開始進行設計。VE必須配合著對應
版本,才能正常使用,否則即使安裝成功,使用上仍會
有問題。

使用Eclipse來開發JSP程式:
外掛名稱:lomboz(下載頁面)
http://forge.objectweb.org/project/showfiles.php?group_id=97
請選擇適合自己版本的lomboz下載,lomboz.212.p1.zip表示2.1.2版,
lomboz.3m7.zip表示M7版本....以此類推。
lomboz安裝以及設置教學:
Eclipse開發JSP-教學文件

Java轉exe篇:
實現方式:Eclipse搭配JSmooth(免費)。
1.先由Eclipse製作包含Manifest的JAR。
製作教學
2.使用JSmooth將做好的JAR包裝成EXE。
JSmooth下載頁面:
http://jsmooth.sourceforge.net/index.php
3.製作完成的exe檔,可在有裝置JRE的Windows上執行。

Eclipse-Java編輯器最佳設定:
編輯器字型設定:工作臺->字型->Java編輯器文字字型。
(建議設定Courier New -regular 10)

編輯器相關設定:視窗->喜好設定->Java->編輯器

外觀:顯示行號、強調對稱顯示的方括號、強調顯示現行行、
顯示列印邊距,將其勾選,Tab寬度設4,列印編距欄位設80。
程式碼協助:採預設即可。
語法:可設定關鍵字、字串等等的顯示顏色。
附註:採預設即可。
輸入:全部欄位元都勾選。
浮動說明:採預設即可。
導覽:採預設即可。

使自動排版排出來的效果,最符合Java設計慣例的設定:
自動排版設定:視窗->喜好設定->Java->程式碼製作格式。

換行:全部不勾選。
分行:行長度上限設:80。
樣式:只將強制轉型後插入空白勾選。
內縮空格數目:設為4。

Eclipse的教學文件:
Eclipse 3.0系列熱鍵表 - 中英對照解說版 (by sungo)
Window+GCC+CDT用Eclipse開發C、C++ (by sungo)

其他:
擴充Eclipse的Java 開發工具(中文)
使用Eclipse開發J2EE 應用程式(中文)
使用Eclipse平臺進行除錯(中文)
用Eclipse進行XML 開發(中文)
開發Eclipse外掛程式(中文)
國際化您的Eclipse外掛程式(英文)
將Swing編輯器加入Eclipse(英文)
如何測試你的Eclipse plug-in符合國際市場需求(英文)

Eclipse的相關網站:
http://eclipse-plugins.2y.net/eclipse/index.jsp
http://www.eclipseplugincentral.com/
Eclipse相關教學[簡體]

最新eclipse下載,eclipse 下載中文,eclipse 入門,eclipse 源代碼,eclipse servlet,eclipse
ant,eclipse 常用,eclipse gui,hibernate eclipse,eclipse 調試,eclipse docs,eclipse
junit ibm,eclipse lomboz,eclipse 使用方法,eclipse 3.0 教程,eclipse 外掛插件,教程等
Powered By Blogger

Label Cloud

2009 (1) 不能連localhost (1) 內嵌音訊 (1) 求職 (1) 面試 (1) 音樂 (1) 動畫師 (1) 帳號管理 (1) 排程 (1) 畢展 (1) 創意市集 (1) 惡意程式 (1) 電腦動畫 (1) 權限管理 (1) adobe (1) android (4) animation (1) animator (1) apache (3) art (5) art taipei 2008 (1) audio (2) bbs (1) birthday (1) black and white (1) browser (2) career (2) certification (1) cgw (1) cinematography (1) code (3) Collie (1) color (2) command (16) competition (1) computer science (3) connection (1) cover (1) crafyJS (1) creative (1) CSS (1) DBN (2) design (7) developer (1) display (1) drawing (1) eclipse (3) embed (1) engine (1) EntityJS (1) exception (1) exhibition (1) flower (1) frame (1) freebsd (11) french (1) friends (3) function (1) game (1) google (2) graphic (3) html (2) HTML5 (1) https (1) illustrator (1) image processing (1) interactive storytelling (1) internet (3) interview (1) introduce (1) ip (1) japan (1) java (4) javascript (3) JIT (1) jmonkey (1) job (1) jquery (1) LAMP (1) LimeJS (1) linux (8) liquid galaxy (1) ListView (1) localhost (1) log (1) mail (1) marquee (1) midi (1) mime-type (1) mis (1) MIT (2) mo-cap (1) mobile (1) Modernizr (1) motion capture (1) movie (1) music (3) narrative (2) NCCU (3) news (1) note (10) originality (1) otaku (1) painting (4) performance (1) photography (2) photoshop (7) php (1) player modelling (1) poster (1) postfix (1) programming (5) QuarkJS (1) resource (1) schema (1) scroll (1) self aware (1) semantic (1) server (1) share (1) sketch (2) software (4) solve (2) Sonivox (1) speaking (1) ssl (1) SSLPeerUnverifiedException (1) streaming (1) Subversion (1) sunspider (1) SVN (3) svn server (1) system (1) taipei (1) test (1) tfam (1) tool (1) TortoiseSVN (1) tutor (1) ubuntu (3) update (1) uri (1) video (1) vim (1) w3c (1) wap wcss css css2.0 (1) web (8) WebGL (1) webkit (2) well-form (1) wiimote (1) wiiusej (1) workshop (1) xhtml (1) xml (2)