Scratch自製小遊戲 asteroid belt

靈感來源為星戰火狐

Oracle EXEC和CALL的差異

在Oracle中執行Stored Procedure，我們可以使用EXECUTE(or EXEC)或CALL指令。

好用的螢幕錄製Gif軟體ScreenToGif

推薦一款螢幕錄製軟體ScreenToGif。

Oracle SQL Developer DBMS_OUTPUT.PUT_LINE() 無法顯示印出結果

如果在Oracle SQL Developer使用DBMS_OUTPUT.PUT_LINE()無法顯示印出結果時，執行下面指令。

Oracle 如何建立Stored Procedures

Stored Procedure(預存程序)為資料庫中的獨立程式單元，包括Function, Procedure及Package皆通稱為Stored Procedure。

Oracle 數字資料型態 NUMBER data type

本篇簡單說明Oracle資料庫的數字資料型態

Oracle 修改資料表欄位名稱 modify table column name

Oracle修改資料表欄位名稱的SQL語法如下。

CSS 查詢瀏覽器對HTML/CSS屬性的支援網站

下面這個網站可以快速查詢各瀏覽器對HTML/CSS屬性的支援情況。

CSS ::before ::after

CSS的::before和::after是偽元素(pseudo-element)，可以在原本的元素標籤前後加上其他效果。

如何在Blogger加入時鐘小工具

到Blogger後台，在[版面配置]中點選新增小工具，本範例是新增在側邊欄。

桃園市 桃園區 餐廳 日和 . まいにち

今天(2017/08/26)去桃園虎頭山附近的「日和 . まいにち」。

Word如何建立多層次清單

Word的多層次清單的建立方式如下，以下為Word 2013

JavaScript let和var的差別

ECMAScript 6多了let關鍵字，和var一樣用來宣告變數，差別在於作用域(scope)的範圍。

Regex word boundary 單字邊界

在Java的Regex若要找出完整的單字，即該單字不為某個字裡面的字，可使用單字邊界符號(word boundary)\b

Regex Java正規表示式忽略大小寫敏感(case sensitive)

Regex正規表示式都是大小寫敏感的，例如

JavaScript 使用const關鍵字宣告常數

在JavaScript中若要宣告常數，可使用const關鍵字。

如何在Redmine中加入上傳的圖片

在Redmine將上傳的圖片加入問題敘述或回覆的方法如下。

IE 頁面內容無法依資料庫內容更新

IE 預設會把網頁結果cache起來，所以若是網址不變的情況下，會返回cache的頁面。然而如果網頁的內容是動態的情況下，會導致資料庫內容有更動但頁面內容無法正確反應的問題，簡單說就是頁面內容無法刷新。

Google搜尋不到我的部落格

如果你在Google搜詢你自己的部落格名稱，但發現結果都沒有你的部落格的話，那原因可能如下：

共享經濟

什麼是共享經濟？

イニシエダンジョン

イニシエダンジョン (inishie-dungeon)是一個網頁小遊戲。遊戲名稱應該可以翻成"古老地城"。

CSS置中產生器

要把HTML元素置中是一件痛苦的事，例如文字置中，div置中等做法百百種，下面這個網站可以幫助你產生置中的CSS碼，減輕你的痛苦:D

調整div大小的控制器

製作一個可以調整<div>大小的滑桿控制器。

使用JavaScript製作一個簡單時鐘

使用JavaScript製作一個網頁上的簡單小時鐘

如何製作直接幫柯文哲親自留言按讚

這兩天最紅的詞就是王八蛋這三個字了，出自於台北市長柯文哲在facebook的霸氣回覆。因為回覆及留言的人數太多所以很多網友要去朝聖時都找不到了，所幸有一位吳姓網友做了一個"如何製作直接幫柯文哲親自留言按讚"的網頁，讓想去朝聖的鄉民可以直接幫王八蛋按讚。

Mac螢幕截圖熱鍵

Mac的螢幕截圖熱鍵如下

修改Mac Terminal終端機的命令提示符號 change Mac Terminal Prompt

Mac的Terminal終端機bash的命令提示符(prompt)預設是一串由使用者和主機名稱的組合，如果覺得太長可用以下方法修改。

在Eclipse新增不同版本的JDK

Eclipse執行專案的預設JVM會使用環境變數Path中JAVA_HOME路徑的JDK，但若專案的JDK使用的是不同版本，此時就要在Eclipse中加入新的JDK。

在Eclipse中顯示properties檔的中文字

在Eclipse中開啟properties檔，原本中文都會以Unicode顯示如下

關閉Eclipse編輯區的拼字檢查(turn off eclipse spell check)

拼字檢查功能會在拼字錯誤的單字下方標上波浪底線，但寫程式時看到這種很像錯誤的標示還蠻煩的，關閉此功能的方法如下。

2017 如何在Blogger加入Facebook粉絲頁

將Facebook粉絲頁放在Blogger的步驟

Eclipse無法開啟

若Eclipse從官網下載回來無法開啟，可能原因包括：

讓網頁內文有按鈕效果的css

下面的css可以讓網頁內文有按鈕的效果。

Regex 使用 | (vertical bar) 組合多個條件

正規表示式可使用|將多個條件（子表示式）組合成一個總表示式。

網頁中的鍵盤熱鍵操作說明的css

撰寫技術文章時，常會有按鍵操作的說明，例如ctrl + h或是ctrl + shift + l等，但若沒有特別的標示，和一般的內容文字容易混淆在一起，雖然在HTML5中多了<kbd>標籤，用來標示按鍵用的標籤，但預設的效果只是把字型改為monospace而已，所以可使用下面的css讓<kbd>的效果更明顯一點。

如何刪除字串中某個字後的全部字串

情境如下，例如有下面的內容，希望把含=後面的字串刪除，該怎麼做呢？

如何使用Bootstrap 3

簡單紀錄一下Bootstrap的用法，先介紹一下什麼是Bootstrap，要了解Bootstrap前的必備知識是HTML，CSS及Javascript，若不懂上述三種技術則看不懂以下內容是正常的。

Java Servlet PrintWriter 中文亂碼

在Java Servlet中使用PrintWriter將中文字串寫出時，常會碰到寫出的內容變成亂碼，這是因為在用PrintWriter寫出之前沒有設定回應物件的編碼(encoding)。

Java Servlet Cookie儲存中文

在Java Servlet中，當使用Cookie來存放中文（格式為UTF-8），會出現以下錯誤

解決Chrome瀏覽器很慢很卡的問題

最近Chrome不曉得為什麼變得很慢，會卡住5秒以上才會有反應，卡住的時候Chrome會鎖死，無法進行任何操作或點擊，即使是到Google搜尋也是如此，所以不是網站的問題。

Regex 點(dot) . 符號

正規表示式中的點.(dot or period)可用來代表任意字元。

CSS font-size em的預設大小

CSS font-size的單位em預設大小為16px，也就是1em = 16px，所以2em = 32px。不過若em的parent element有的font-size大小為14px，則1em = 14px。

ServletConfig簡介

Web容器(web container)在啟動時，會先讀取DD文件(即web.xml)，然後幫每一個Servlet建立一個ServletConfig的實例，接著根據DD文件的設定建立一些name/value參數，然後Web容器將參數交給ServletConfig物件，最後產生Servlet的實例時會呼叫Servlet的init(ServletConfig config)方法把ServletConfig物件傳入Servlet。

如何在Blogger文章設定閱讀更多/繼續閱讀

若要把Blogger的文章加入繼續閱讀功能，可在編輯文章時，在HTML編輯器加上<!--more-->。

Java 比較日期Date

在Java中若要比較兩個日期先後，但不考慮時間部分如時，分，秒，毫秒，可使用Apache Commons Lang的DateUtils.isSameDay()方法...

Evernote Mac 開啟程式區塊(code block)

目前工作是用Windows系統的Evernote，工具列有提供簡單的程式區塊功能，

關於接受offer後反悔這件事

Hello大家好，今天要發表的主題是接受offer後又反悔這件事。

iReport 5.6.0 Edit Query freeze SQL編輯器卡死的問題

今天在使用iReport Designer 5.6.0時，不論在專案上右鍵>Edit Query或是按Edit Query的圖示，Edit Query視窗沒有彈出，程式整個卡住了。

Oracle - ORA-04068 包裹程式 的現行狀態已被廢止

今天在執行程式時，呼叫了Oracle Package出現錯誤 ORA-04068 包裹程式 的現行狀態已被廢止

JSTL 格式化標籤 formatting tags

本篇介紹JSTL(JSP Standard Tag Library)的格式化標籤(formatting tags)。

JQuery中的this

剛接觸JavaScript和jQuery時常碰到的問題就是，為什麼this無法呼叫jQuery的方法，然後在console看到類似以下錯誤訊息

如何使用Google Fonts

以Google Fonts的黑體為例，在css檔或你的html的<style>標籤內加入以下

MySQL Exception錯誤訊息參數中文亂碼

在Java JDBC連線MySQL資料庫時，若執行錯誤會丟出Exception錯誤訊息，但錯誤訊息中的中文參數在Eclipse的console出現亂碼如下

Regex matches()和find()的差異

Java的正規表示式(Regular Expression, regex)簡單用法如下

Regex 使用 ^ 符號排除特定字元

在正規表示式可用^(caret)符號來排除後接的字元。^是正規表示式的metacharacter（metacharacter的中文翻譯很多，例如元字符，中繼字符，特用字符，特殊自元，詮譯字元，中介字元等）

JSTL , fn:escapeXml();

JSTL core tag的<c:out>及fn:escapeXml()用來處理XML或HTML中被視為標記(markup)的字元，會轉成一般字串處理。

如何在Blogger部落格中highlight你的程式碼

若要在Blogger部落格中將程式碼的內容highlight起來，可使用highlight.js

Struts 2 從action呼叫另一個action redirect action result

在Struts2的設定檔中，若action執行完要導向另一個action的設定如下。