Orokana Pekoponjin

Error Handling in Aspect of UX

exception handling, java, ux

最近接了一個project，主要工作是重新設計一個web-based的『百年系統』。 對企業來說，下這種re-engineering決定是一個難題，但這種需求卻很常見。 支持這決策的關鍵考量可能有幾項：

  • 舊系統code base難以維護，或是年久、失傳等歷史因素
  • 舊系統架構已經無法滿足新的商業需求
  • 舊系統Operation Support的Effort過於龐大
  • 族繁不及備載XD

如果是談軟體工程等架構面的問題，應該發個100篇文章也講不完吧XD 所以今天只來講講最後一項的Operation。

Code Snippet for Dumping Facebook Album

facebook, js

最近終於有一點點動力來寫上次日本行的遊記，但是苦於免費圖床難找難用，又不想用facebook網誌功能來寫，所以一直富堅至今XD 後來熊熊想到，其實我還是可以用以經上傳好的FB相簿，然後把權限公開來當圖床使用，還有免費的CDN，真是賺翻了XDD （未來有一天就突然消失就囂張不起來了XD FB表示：怪我囉？）

總之我要做的事就是dump出所有相簿裡的照片URL還有我打好的comment，於是在chrome按F12敲了以下snippet：

var lastSrc = '';
var dumpArr = [];
var handler = function () {
    var img = $$('.spotlight')[0];
    if (dumpArr.length > 0 && img.src == dumpArr[0].src) {
        $$('.fbPhotosPhotoCaption')[0].removeEventListener('DOMSubtreeModified', handler);
        return;
    }
    if (img != null && img.src != lastSrc) {
        setTimeout(function () {
            lastSrc = img.src;
            dumpArr.push({
                src: img.src,
                comment: ($$('.hasCaption').length > 0 ? $$('.hasCaption')[0].innerHTML : '')
            });
            console.log(dumpArr[dumpArr.length - 1]);
            $$('.snowliftPager.next')[0].click();
        }, 500);
    }
};

$$('.fbPhotosPhotoCaption')[0].addEventListener('DOMSubtreeModified', handler);

只要進到秀照片的theater模式（就是四周都會變黑的模式）就可以跑囉！

然後再轉成markdown或是圖片語法的字串：

dumpArr.map(function(o){
    /* markdown語法 */
    return '!(' + o.comment + ')[' + o.src + ']';

    /* img tag */
    return '<img alt="'+o.comment+'" src="' + o.src +'">';

}).join('\n');

欸…亂寫的需要就用用看吧，有空再來解釋XD (靠)

2012 Japan Trip: Sanyo, Kansai, North-Kyushu

japan, travel

『蝦密？這是你第一次出國玩？』

『嘿阿，嚴格來說是啦XD』

如果是說狹義的第一次出國，那是在研究所時候的馬來西亞行，是去做正事的。 當時過的是有點瘋狂、不太正常的一個多禮拜生活，而且沒有照片可供查證囧。

而這次，才是我第一次靠自己力量、花自己積蓄的旅行。就在我吃頭路兩年後，終於要成行了！

旅行，對我來說最珍貴的一部分，是可以讓自己找到擁抱這個世界的熱情！ 我沒看過啥旅遊文學，更不是背包客（是很嚮往啦XD） 我充其量只是一個生活平凡、心靈匱乏的死阿宅罷了。 因為這樣，更會覺得偶而真的要讓他豐富一下阿！ 但如果說要壯遊的話，衡量一下現在的自己，看來是無能為力orz

(未完待續)

JS Group Taichung Meetup September 2012

Events, JS, JS Group

這次是JS Group在台中舉辦的第五次聚會。這個聚會除了每隔週在台北之外，通常選在每個月的第一個禮拜六下午會來到台中舉行。今天大家一樣是在老地方的水舞饌三樓，一起吃吃喝喝、coding、聊天。而這次的講者就是主辦的TonyQ大大。

TonyQ本身因為工作的關係，對jQuery等前端技術相當有經驗，所以大多分享還是會以jQuery為主。不過這個活動中大家討論的內容還是可以跳脫jQuery、跳脫library，廣泛地去討論所有JS或前端技術。今日主題就是網站裡很本質的要素：JS表單驗證、彈出式視窗。

Web Dev Party #5 活動小記

event, html5

今天請假北上參加了年度的Java大拜拜，剛好有機會參加這次在蛙.咖啡 (frog.cofe)舉辦的Web Dev Party #5！這可是傳說中全台最有梗、一票難求，大大、神人、正妹(!)一次到位的熱鬧技術趴，快來一探究竟吧！

這次的主題是關於現正快速崛起的新的Web標準– HTML5的應用，一共有兩個講題：Responsive WAT Design 與 HTML5 JavaScript APIs。還是要先提醒的是，如果您用的是IE且版本是10以前，還是先換個瀏覽器再來玩下面的東西吧>_^