免費申請鄧白氏環球編碼(D-U-N-S Number)

最近正在幫公司申請 iOS Developer Program for Company 版本，結果有一欄是 D-U-N-S Number，詢問一些前輩才發現這是今年五月底或六月初才新增的資料欄位，可能是要提高申請 Company 的門檻補充 Company 資料吧，看到要多填的資料時，大多都會想改用 Individual 版本吧。

順便一提的，鄧白氏環球編碼(D-U-N-S Number)常用在貿易公司，鄧白氏大概算公認的第三方評鑑公司，故申請到D-U-N-S Number可促進貿易過程的流暢。總之，為了符合 Apple 的要求，著手進行申請吧！就跑去逛 www.dnb.com 後，發現該網站免費申請的表格是僅限美國地區的(或是與美國政府單位有來往的才可以申請)，就輾轉逛到 www.dnb.com.tw 後，發現沒有所謂的免費，申請一組就要價一萬六(年費) 並且在 CocoaChina 看到一堆人哀號 XD  大多都花錢買了一組(人民幣1500以上吧)，正當自己意志力薄弱時，就順手播電話給 Apple Developer 台灣區客服(0800-022-237)，得知是可以免費申請的。

首先在 https://developer.apple.com/ios/enroll/dunsLookupForm.action 填好公司資料進行查詢(D-U-N-S Number申請前都是先查詢)，查沒資料就可以按 Submit 去申請啦！大概一到兩天，就會收到 dnb.com 寄來的 D-U-N-S Number Request/Update Confirmation 信件，上頭會顯示大概約一個月左右才會完成申請，過程將會有專人聯絡。然而，這次的經驗是在7天內就收到台灣區的電話確認，確認完資料後，大概一天內就會收到 D-U-N-S Number Request/Update Completed，也就獲取到一組 D-U-N-S Number 啦。

D-U-N-S Profile Lookup

Legal Entity Name: YourCompanyName Inc.
Tradestyle or DBA: (可空白)

Headquarters Address (公司地址)
Street Address:
City: 
State/Province:
Postal Code:
Phone Number:
Country:Taiwan

Mailing Address (同上)

Work Information
Full Name: 負責人名字
Job Title: 負責人職稱
Phone Number: 負責人電話
Work Email: 負責人信箱

不過，在 https://developer.apple.com/support/D-U-N-S/ 網站上有提到，仍須 14 個工作天 Apple 才能跟 DNB 同步資料，所以還須等等囉。

補充一下：當初沒透過 https://developer.apple.com/ios/enroll/dunsLookupForm.action 申請的原因是...底下的 captcha image 根本看不到...當然也就沒試了，所幸寄信給 Apple 後，就可以使用囉。

Android 開發筆記 - 更新 ListView 之 AndroidRuntime FATAL EXCEPTION 之 UI Thread 問題

一直以來都知道更新 UI 時，要使用 UI Thread 來進行，有幾種方式：

• 使用 Handler.post


• 使用 YourActivity.this.runOnUiThread


• 使用 mListView.post 

然而今天練習時卻一直蹦出錯誤訊息：

AndroidRuntime FATAL EXCEPTION: main
java.lang.IllegalStateException: The content of the adapter has changed but ListView did not receive a notification. Make sure the content of your adapter is not modified from a background thread, but only from the UI thread.

因為我在背景跑了 Thread 來更新資料，更新完資料在請 Handler 或 runOnUiThread 來更新 ListView，卻依舊碰到上述的錯誤訊息，最後才發現...那就是 ListView 的 Adapter 一開始在初始化時，有指定一個 ListAdapter 給他，那時有綁定一個 List/ArrayList 結構來記錄要顯示的資料(在此簡稱 mItemList)，我一直以為只要 mSimpleAdapter.notifyDataSetChanged 、 mListView.requestLayout 在 UIThread 做就好，沒想到那個 mItemList 的增減也必須在 UIThread 做才行。這個 bug 不是每次都會出現，但出現的比例不低啦 :P

總之，解法就把 mItemList 的更新也都在 UIThread 做就行了 :P

申請個人或公司型 Android Developer 開發者帳號

摸了 Android app 大概有快一年半吧，一直以來都沒接觸過 Google Play (Android Market) 這塊東西，如今有幸幫公司處理，就來筆記一下啦！購買開發者帳號需要一張有效的信用卡，並透過 Google Wallet 來使用。首先從 Android Developer 官網連入，從右上角選單可以看到 Google Play Developer Console ，點選後進行登入，如果還未註冊為 Android 開發者時，就會顯示註冊畫面，輸入完"開發人員名稱/公司名稱"、"電子郵件地址"、"網站網址"、"電話號碼" 後，就可以點選繼續進行。

接著同意一下條款後，接著就會導到 Google wallet 來進行付款的部份。

如果要報公司帳，應該要用公司信用卡才行？接著填一填信用卡資料後送出後，驗證完信用卡就算完成吧，並且可以查看 Google wallet 的購買清單狀態或是直接切回 Google Play Developer Console，而 Google Play Developer Console 一開始會顯示資料處理中，但似乎不影響軟體上架的設定：

過一陣子後，就會顯示已完成的狀態

如此一來就可以慢慢把玩啦！接著就從右下角的 Upload Application 後，就可以上傳 APK 檔案，並進行後續的設定囉(似乎離軟體上架還有段距離要設定...)。

至於怎樣算是公司型開發者帳號呢，其實就只要修改 Profile 把顯示的名稱改成  XXX Inc. 就差不多了 XD 比 iOS 公司型開發者要容易許多啊啊，並且可以新增無限多的帳號來使用開發者權限。

最後一提，如果公司沒有信用卡並使用個人信用卡去綁公司指定的 Gmail 帳號的話，那用完後可以連 Google Wallet 帳號，在付款方式那邊可以刪掉已綁定的信用卡唷，如此一來就不用擔心自己的信用卡一直綁在公司帳號啦。

[Android] Galaxy Nexus 刷機筆記(重返 Google 親生子？) @ Mac OS X 10.8

七月多推薦周邊親人買 Galaxy Nexus 來用，那時洽逢 SAMSUNG 與 Apple 智慧財產官司的關係，花了好大一把功夫才買到一台(空機價約13.5k附近)，雖然不是最便宜的(美國官網公訂價$399美金，台灣有機會可以找到 13k 一台)，但看在缺貨情況已經很滿意了。使用上除了拍照有聲音外，還都不錯用，不致於想要 root 它啦，不過，讓我想更新它的主因是...直到 2012-08-11 時，尚未接收到 Android 4.1 OTA 更新通知，查了一下原來這隻手機似乎是港台機？代號是 yakjuzs 並且屬於 SAMSUNG 系列的？也就是系統更新是 SAMSUNG 在維護的，與其等到 SAMSUNG  推出 Android 4.1 更新檔，還不如自己更新吧 :P 於是就下海刷一下吧！

雖然過去工作常編 AOSP 甚至把一些手機 root 研究，但本身使用 Android 手機時，並不太想要 root 或刷機的 :P 例如刷機刷用的檔案有沒被加料等等。故這次更新我主要採用 Google 官方提供的 Factory Images for Nexus Devices 來源，這也是我專挑 Google Nexus 原生手機的主因之一，可以方便地處理一些事務。

刷機有風險，需自行承擔手機失去保固或變成磚頭

手上這隻手機在 "設定" > "關於手機" 可以看到 "基頻版本" 為 I9250XXK1 和 "版本號碼" 有 "ITL41F.I9250ZSKKB" 字樣，並且透過 Android-SDK 來取得 adb/fastboot 等指令來驗證系統，並把手機接上後，也將手機開啟開發者設定，使用 adb devices 和 adb shell 確認手機狀態：

$ adb devices
XXXXXXX

$ adb shell cat /system/build.prop
...
ro.build.id=ITL41F
ro.build.display.id=ITL41F.I9250ZSKKB
ro.build.version.incremental=I9250ZSKKB
...
ro.build.version.release=4.0.1
...
ro.product.model=Galaxy Nexus
ro.product.brand=samsung
ro.product.name=yakjuzs
ro.product.device=maguro
... 

進入刷機前，請先手動備份需要的資料，實在是過程會清掉系統資料，就像重灌電腦一樣。備份資料嘛，例如手機內的照片、簡訊、鈴聲等等，其中簡訊用 SMS Backup & Restore 這套 Android app 軟體，可以輕鬆地把簡訊匯出 XML 檔案，並支援匯入(若有草稿需先清掉才能正常備份)。

接著，把手機關機後，同時按 "Volume + 鍵" 、 "Volume - 鍵" 和 "Powert 鍵" 一會兒，手機就會進入 fastboot mode：

透過指令進行 bootloader unlock (此步將清除手機資料，請詳看 unlock bootloader 訊息)，打完就可以看到手機畫面切換為詢問 unlock bootloader ，並透過 Volume +/- 鍵進行選擇切換，並用 Power 鍵確定：

$ fastboot oem unlock
...
OKAY [ 23.924s]
finished. total time: 23.924s

選 YES 後，則將進行 unlock bootloader 並且在 fastboot mode 最下一行顯示紅色的 "LOCK STATE - UNLOCKED" ，代表可以自行安裝(刷機)指定的 OS 啦：

接著就將下載好的 Factory Images for Nexus Devices 解壓縮並擺好位置(在此使用 Factory Images "yakju" for Galaxy Nexus "maguro" (GSM/HSPA+) - 4.1.1 (JRO03C) ，請確認自己手機的狀況)，透過一連串的 fastboot 指令進行更新：

$ fastboot flash bootloader /path/yakju-jro03c/bootloader-maguro-primelc03.img
sending 'bootloader' (2308 KB)...
OKAY [ 0.315s]
writing 'bootloader'...
OKAY [ 0.300s]
finished. total time: 0.615s
$ fastboot reboot-bootloader
rebooting into bootloader...
OKAY [ 0.007s]
finished. total time: 0.007s
$ fastboot flash radio /path/yakju-jro03c/radio-maguro-i9250xxlf1.img
sending 'radio' (12288 KB)...
OKAY [ 1.720s]
writing 'radio'...
OKAY [ 1.369s]
finished. total time: 3.088s
$ fastboot reboot-bootloader
rebooting into bootloader...
OKAY [ 0.007s]
finished. total time: 0.007s
$ fastboot -w update /path/yakju-jro03c/image-yakju-jro03c.zip
archive does not contain 'boot.sig'
archive does not contain 'recovery.sig'
archive does not contain 'system.sig'
--------------------------------------------
Bootloader Version...: PRIMELC03
Baseband Version.....: I9250XXLF1
Serial Number........: #################
--------------------------------------------
checking product...
OKAY [ 0.007s]
checking version-bootloader...
OKAY [ 0.008s]
checking version-baseband...
OKAY [ 0.008s]
sending 'boot' (4366 KB)...
OKAY [ 0.589s]
writing 'boot'...
OKAY [ 0.431s]
sending 'recovery' (4708 KB)...
OKAY [ 0.629s]
writing 'recovery'...
OKAY [ 0.500s]
sending 'system' (396675 KB)...
OKAY [ 43.758s]
writing 'system'...
OKAY [ 38.104s]
erasing 'userdata'...
OKAY [ 0.292s]
formatting 'userdata' partition...
Creating filesystem with parameters:
        Size: 14539534336
        Block size: 4096
        Blocks per group: 32768
        Inodes per group: 8144
        Inode size: 256
        Journal blocks: 32768
        Label:
        Blocks: 3549691
        Block groups: 109
        Reserved block group size: 871
Created filesystem with 11/887696 inodes and 97200/3549691 blocks
sending 'userdata' (137559 KB)...
writing 'userdata'...
OKAY [ 28.911s]
erasing 'cache'...
OKAY [ 0.013s]
formatting 'cache' partition...
Creating filesystem with parameters:
Size: 452984832
Block size: 4096
Blocks per group: 32768
Inodes per group: 6912
Inode size: 256
Journal blocks: 1728
Label:
Blocks: 110592
Block groups: 4
Reserved block group size: 31
Created filesystem with 11/27648 inodes and 3566/110592 blocks
sending 'cache' (8832 KB)...
writing 'cache'...
OKAY [ 2.715s]
rebooting...

finished. total time: 116.000s

如此一來，手機重開機後，就會是 Android 4.1.1 囉！先測試一下打電話、接電話的基本功能吧！

最後，我還是習慣把手機的 bootloader lock 起來 XD 一樣關機後，同時按住 "Volume + 鍵" 、 "Volume - 鍵" 和 "Powert 鍵" 一會兒，進入 fastboot mode 後，透過指令進行：

$ fastboot oem lock
...
OKAY [ 0.165s]
finished. total time: 0.165s

收工。

一開始只是單純想要手動升到 Android 4.1.1 ，後來發現連拍照聲音也都解決了 XD 只能說剛好買到的 Galaxy Nexus 可能要拿去賣給亞洲(日本?)吧，所以有些地區有規定手機拍照一定要有聲音(防偷拍)。透過這次的系統更新，之後應該可以等 Google 第一波作業系統就升級了吧，不再需要等 SAMSUNG 囉～

[CSS] 使用 CSS Multi-column Layout Module 實作自動分頁

兩年前在 Monocle EPUB Reader 看到的作法，今天被朋友問了一下分頁作法，我一時之間也想不起來 XD 只好翻翻以前寫的 HTML EPUB Reader，順便做個筆記吧！

概念是透過 CSS Multi-column Layout Module http://www.w3.org/TR/css3-multicol/ 實作的，假設定一個 DIV 並在裡頭塞滿字，透過設定 [-moz- | -webkit-]column-width = 150px 話，假設瀏覽器視窗為 600px ，那就會一頁看到 4 個 columns 囉。

於是，分頁的作法就是在指定的顯示範圍內，切換指定的 column 而已。

範例：

<html>
       <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
              <style type="text/css">
                     #show {
                            position:absolute;
                            height:100%;width:100%;
                            margin: 0;
                            z-index:100;
                            overflow: hidden;
                     }
                     #content {
                            position:absolute;
                            font-size:20px;
                            -webkit-column-gap: 0pt; -webkit-column-width: 1000px;
                            -moz-column-gap: 0pt; -moz-column-width: 1000px;
                            z-index:100;
                     }
              </style>
              <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
              <script type="text/javascript">
                     function windowResize() {
                            var window_width = $(window).width() - 20;
                            var window_height = $(window).height() - 50;
                            window_width += 'px';
                            window_height += 'px';
                            $( '#show' ).width( window_width).height(window_height);
                            $( '#content' ).width(window_width).height(window_height)
                            .css( '-moz-column-width' , window_width ).css( '-webkit-column-width' , window_width );
                     }
                     $( window ).resize( function() {
                            windowResize();
                     } );
                     $( document ).ready( function() {
                            windowResize();
                            $('#prev').click( function() {
                                   //console.log('prev');
                                   var obj = document.getElementById('show');
                                   if( obj.scrollLeft > 0 )
                                          obj.scrollLeft -= $('#show').width();
                                   else
                                          obj.scrollLeft = 0;
                            } );
                            $('#next').click( function() {
                                   //console.log('next');
                                   var obj = document.getElementById('show');
                                   if( obj.scrollLeft < $('#show').width() )
                                          obj.scrollLeft += $('#show').width();
                                   } );
                                   setTimeout(function() { window.scrollTo(0, 1) }, 100);
                     } );
              </script>
       </head>
       <body>
              <button id="prev">Prev</button><button id="next">Next</button>
              <div id="show">
                     <div id="content">
                            <p>大量文字</p>
                     </div>
              </div>
       </body>
</html>