《周易：起爻求卦》網頁程式製作小記

《周易：起爻求卦》網頁程式

網址：http://yijing.zty.cc/
語法：HTML 5 + CSS + JavaScript
功能：(1)《周易》占筮之輔助工具。
　　　(2)將所求爻象輸入，得出對應卦象及相關狀態。
　　　(3)系統亂數求卦，得知卦象及相關狀態。
　　　(4)純粹閱覽《周易》文本。
支援：響應式設計，電腦及數位行動載具均可顯示。

↑《周易：起爻求卦》寬螢幕電腦執行畫面。

　　在我讀小學的時候，父親曾拿出大學上課時使用的《周易‧易程傳》，講述著《易》的趣味，使我知道了它是一部什麼樣的書，有了極為粗淺的印象。上大學時，修過客座教授張善文老師的「易經」課程，而其他老師的課程偶爾也會提及《易》的道理，算是又補充了一些知識層次。也是在張老師的課上，學習基礎的《周易》占筮方法，包括筮草大衍筮法及京房金錢代筮法等，理論上，可以自行做最基礎的《周易》占筮。可我不是個愛背書的人，對於有些考驗記憶的事兒實在不行，於是，我想到利用 Excel 的函式功能，做一個檔案，只要輸入丟出的銅板是什麼狀態，就可以立即顯示卦象、當位與否及中正狀態。

↑原始 Excel 檔案執行畫面。

　　不過，這個 Excel 檔案是不完美的，主要原因如下：

　　(1)必須依附在 Excel 這個程式才能使用。
　　(2)版面不美觀，修改的彈性較低。
　　(3)不利於顯示各卦卦辭、爻辭。
　　(4)只有在 PC 上才可以使用。

　　因此，我很早就想利用其它方式，把這樣的概念寫成可以運用在手機、平板上的程式。要問：難道現在沒有現成的《周易》占筮程式嗎？有，但都很不靠譜，有的只是亂數取一個卦象，告訴你吉凶，對於瞭解具體爻辭，一點幫助也沒有，可以說大多數的程式，並不是依照傳統理論方法製造的，多是因應多數人的迷信而寫成。

　　也就是因為當代多數人的「迷信」，使我更想把《周易》占筮的輔助程式寫出來。現在扭開電視，一堆「上人」「老師」「禪師」「師傅」，口口聲聲在「教授易經」，實際上講的都是扯淡，可很奇怪，信眾甘願掏錢，一期課程新臺幣幾萬幾萬的繳，學那些不三不四的，到底是想獲得什麼呢？

　　又，在讀博士班的期間，發現一些號稱精通《易》學的資深大學長們，老是喜愛把國學經典攪得玄之又玄、難上加難，自以為讀這些書是多了不起的事兒！其實，估計是不想讓別人讀懂，因為若他人讀懂，才發現這些棺材板兒樣式的兩腳書櫥，不過半吊子而已。

　　對我而言，「經典」不代表著難、玄、深，我始終不相信三千年前的人類，智商會比現代人高多少，同樣是那些字、那些話，端看我們用什麼「態度」去面對。講的都是宇宙、世界、人生，那我們只要用相應的態度去理解，其實一切都是很簡單的。再者說，知識就是要活用，沒有什麼知識是不能應用在人生現實上的，所以如果透過科技程式幫助，減去那些背誦、記憶，那我們絕對可以更有效率地將這些國學經典的價值，發揮得更好。

　　其實我並不大相信算命，但《周易》的占筮並不純粹是玄怪、天機，它倒是一部闡釋人生哲學、宇宙思想的著作，大致把現實中會遇到的情況，說了個遍，於是這本書成了旁觀者，在當局者迷的情形下，透過儀式、找到一卦一爻，形成思路的切入點，衝破誤區，給與占筮者一種「提醒」或「暗示」，於是能打通思路，調整自己的行徑，如此而已。

　　相較於東扯風水、西拉鬼神，我寧可相信這樣一種不急不徐、不怪不亂的中庸理性。因此，做一個工具以為輔助，也能使更多人能自己發掘《易》之奧妙，不要再傻傻去繳那幾萬塊的「學費」了。

　　我第一隻智慧型手機，是華碩的 Windows Mobile 6.5 系統款式，所以我曾想用 Basic 語言寫一個能在手機上執行的程式，可是實際操作才發現，那時所使用的語法，已和我高中時學的 VB 不一樣了，只好作罷。後來陸續玩了 Android 和 iOS 裝置，也一直關注兩種系統的 APP 開發，可是平常事情就夠忙了，一直找不到時間，有系統地學習，加上開發 iOS 系統，需要買一臺活生生也貴森森的蘋果電腦，我總不可能為了打一條金鏈、去搶一座金礦吧！於是，開發專屬 APP 的想法，一直擱著。

　　後來才注意到，有越來越多人使用 HTML 5 格式，搭配響應式設計的 CSS 語法，設計出線上跨平臺的 Web APP ，我心想這搞不好是個入門之處。正巧，在 Youtube 看了幾段 JavaScript 語法教學影片，發現原來寫 JS 不是太難的事情，且現在線上教學資源多得很，若要在短時間完成可跨平臺顯示、又能正常使用的程式，那麼 HTML + CSS + JavaScript ，看來是最好的選擇。

　　寫這玩意兒很難嗎？不好說。難處在於把占筮起爻求卦的過程，轉換成電腦執行的步驟，是謂「程式」，還要看看有什麼語法可以應用在這上面。又其實，最常使用的語法，除了定義代數、控制欄位顯示，不過 if else 等等而已，倒也不算太高科技。雖然我一直讀文科，但覺得能夠寫點簡單的程式，可以保持思路清晰、暢通腦筋，其實也是頗有趣的事兒。而現在網絡資源發達，有現成免費的響應式網頁模版可套用，於是介面只需要略作調整，便可以使用了。經過多次修改，至少我手上的電腦、行動載具，都可以運作這個程式。

↑《周易：起爻求卦》 iPad Air 執行畫面。

　　雖說是為了多種載具顯示設計，但還是會有一些無法避免的小缺失。如在 iPad Air 上，可以達到相似於電腦的顯示，可是字體就從有襯線的明體字，變成無襯線的黑體字，顯然是蘋果系統的預設就這個樣子了。但我覺得，以「文藝範兒」的感覺來看，還是在電腦上顯示的細明體字，比較有質感些。

　　此外， iOS 的瀏覽器，對於 iFrame 語法，一直有著異於常人的解讀方式，即自動忽略我們所設定的高度、捲軸，而是有多少內容、就自動展開，使得網頁變得很～長！但 iPad 因其螢幕較大，這方面的問題還則可以接受。

↑《周易：起爻求卦》 iPod Touch 5 執行畫面。

　　我手機是不用蘋果的，但因為要控製 iPad 的簡報播放，及走操場時聽音樂，所以這一年來使用了 iPod Touch ，順便也可以測試網頁在 iPhone 5 以上機種顯示的樣式。

　　同樣是蘋果產品，倒與 iPad 所呈現差異不大，字體變成黑體、畫面較為細長，但由於其螢幕是長條的，所以 iFrame 內容一旦自動展開，會變得有些擠，但行動載據嘛，實在也不好多說什麼了，將就著用吧！

↑《周易：起爻求卦》 hTC One X+ 執行畫面。

　　至於在我的手機 hTC One X+ 所呈現，字體雖也改成黑體，但 iFrame 的顯示是正常的，代表 Android 會保留 iFrame 所設定的高度，並出現捲軸。可是， Android 的字型編碼有問題，使得八卦陰陽符號完全顯示不出來，在跳出各卦網頁時，是看不到卦象符號的。而各爻顯示中的陰陽，是利用橫槓符號（Dash）的全半型，取巧而成。

　　綜上所述，這個集結 HTML + CSS + JavaScript ，快速完成的《周易：起爻求卦》網頁程式，雖然大致達成預期，但還只是個雛型，未來依然可以就此基礎，往專屬的系統做更完整的優化，至少可以針對 iOS 載具重佈 UI ，或在 Android 系統調整字體編碼，這都是可以做的。當然，我目前也想到幾個方向，是這個程式可以改善的：

　　(1)文本方面，應該可以加入可靠的白話語譯，這更增添實用價值，但我現在還沒有相關文本的電子檔。
　　(2)系統或許可增加存檔功能，但這方面的語法更複雜，需再行研究。
　　(3)也可為其它較有根據的求卦之法，設計程式。
　　(4)如果是為行動載具設計，應該可以搭配陀螺儀的使用，六次搖晃機器求爻取卦，更有趣味。
　　(5)或許也可仿「療傷系玩具」之風格，設計一外接式「龜殼」，透過傳輸線或藍牙，求爻取卦，更有趣味。

　　以上自言自語，是為此程式完成小記，若有可能，將人文學科適當地導入科技概念，並將科技學科導入人文關懷，這樣才有可能促進人類文化之發展，否則各完各的，不斷吹說自己的學科有多麼「玄」，這有啥意思呢？