Fold All / Expand All

2016年7月30日 星期六

JAM Project LIVE TOUR 2016 ~AREA Z~ 台北場售票資訊,8月6日下午3點起

Lantis Taiwan Facebook
https://www.facebook.com/LantisTaiwan/photos/a.1533287553559634.1073741829.1522576344630755/1819698301585223/

《JAM Project LIVE TOUR 2016 ~AREA Z~》 in Taipei

2016年8月6日 (六) 15:00起,
全網售票網FamiTicket、全家FamiPort同步開賣
https://www.famiticket.com.tw/index.aspx

演出時間:
2016年10月8日 (六) 17:00 OPEN / 18:00 START

演出地點:
ATT SHOW BOX (台北市信義區松壽路2號)

票價:
3,500 NTD [限量VIP]
(含優先入場、會後擊掌 and more!! )
2,600 NTD
**全立席
**依門票序號排隊入場

巴哈姆特
http://gnn.gamer.com.tw/6/135036.html

遊戲基地
http://www.gamebase.com.tw/news/topic/98437883

HiNet 遊戲
http://hinetgame.games.hinet.net/news/56645

在 ATT SHOW BOX 賣到 3500 / 2600 啊…




JAM Project LIVE TOUR 2016 ~AREA Z~ 台北 ATT SHOW BOX
http://franks543.blogspot.com/2016/06/jam-project-live-tour-2016-area-z-att.html

2016年7月24日 星期日

訂購大直美麗華 IMAX 廳,使用 EZDing 紅利非常不划算

之前做過一次這個蠢事,還是記錄一下好啦

來看看 2016年7月 大直美麗華的票價

全票
IMAX 2D: 420元
IMAX 3D: 480元
一般 2D:310元
一般 3D: 380元

在 EZDing 用 1000點紅利,可以用 230元線上訂票,當然還是有手續費20元
算起來的話,310 - 230 - 20 = 60,一個人算是少了60元

但是,如果是 IMAX 的話呢?

IMAX 2D 的話,230 要加價 170,也就是要付 400元,而 IMAX 2D 的全票是多少錢呢…420元,透過 EZDing 的話還要20元手續費喔,所以用掉了1000點紅利,還比在現場買貴XD

IMAX 3D 則是 230 + 220 = 450元,和原價 480元比,少了30,但算上手續費,才少10元,和原本一般票比,要多付50元,很不划算啊…

一般 3D 呢,230 + 90 = 320元,一般 3D 原價是380元,算上手續費,一個人少40元,也是不比一般 2D

結論呢?
看 3D 用 EZDing 紅利非常不划算,最不划算的組合是看 IMAX 2D...

2016年7月23日 星期六

License of Ext JS, Angular, React

有 GitHub 的就直接貼 link 啦

Angular

MIT License

React

BSD License

Ext JS

和之前一樣,提供 commercial license 和 GPL

Browser Compatibility of Ext JS, Angular, React

Angular 1

What browsers does Angular work with?
https://docs.angularjs.org/misc/faq
↑這裡提到 Latest Chrome, Firefox, Safari, Safari for iOS, IE 9-11
沒說 Edge, Chrome for Android, 舊 Opera

較早的版本 Angular 1.2 有 IE 8 支援,從 1.3 drop support,目前最新是 1.5

React

Browser Support
↑支援流行的瀏覽器,包括 IE 9 和以上

Discontinuing IE 8 Support in React DOM
↑IE 8 support 從 v15 停止支援

Redux 的話,有些討論
↑原則上看起來是掛 一些 es5-shim

Make your React app work in IE8
↑也有這類集中討論

Ext JS

Supported Browsers
↑連結是 6.0.2,不過裡面有各版本的支援狀況

這算是 Ext JS 的特色吧,到了 Ext JS 6,在 classic toolkit 仍支援到 IE 8,也有標 Opera 12 (雖然這個不太重要…)

Angular 2

目前還沒看到有官方文件列出支援瀏覽器列表,只有一篇 blog 文章說,看 GitHub 上的 ci 狀態

Angular2 Browser Support Announced For IE9, Android 4.1, And iOS 7.1

按照這篇提的,是要支援 IE 9,不過從看到這篇以來,每次刷 GitHub,IE 9 那格永遠是紅的啊…

使用 React 要搭配哪種 AJAX/HTTP library

我們知道 React 本身是專注於 View 的 library,本身沒有包含送 AJAX request 的功能
(謎:用"專注"會比較厲害嗎…)

但是 XMLHttpRequest 這麼難用,要怎麼辦呢

AJAX/HTTP Library Comparison
http://andrewhfarmer.com/ajax-libraries/

React AJAX Best Practices
http://andrewhfarmer.com/react-ajax-best-practices/

這兩篇(其實同一個作者)介紹了可以選擇的 library,以及使用的時機

裡面作者推薦使用 fetch(),這是新的 JavaScript API,目前 Chrome 和 Firefox 已實作,不過 IE 和 Safari 還沒有,所以需要掛 polyfill

Fetch Standard
https://fetch.spec.whatwg.org

相較於用起來很麻煩的 XMLHttpRequest,fetch 的語法簡短許多

不過使用 fetch 也是有些要注意的地方

  1. fetch() 回傳的是 Promise,這也是個新東西,使用起來和傳統的 callback 有些不同,需要學習、熟悉
  2. fetch() 目前沒有辦法 abort,目前還在討論階段 Aborting a fetch

2016年7月21日 星期四

CDN for ReactJS

https://cdnjs.com/libraries/react

Host 眾多 JS library 的 cdnjs

ReactJS 官方 Tutorial 範例也用 cdnjs
https://facebook.github.io/react/docs/tutorial.html

要掛 React, Ext, Angular 都可以,不過 Angular 2 只有到 beta,目前都 rc4 了

『霜月はるか 10th Anniversary Live Tour ~シモツキンの大冒険~』台灣公演7月23日中午開賣

http://edproductionltd.blogspot.tw/2016/07/10th-anniversary-live-tour_20.html
http://infoecandm.kktix.cc/events/shimotsuki43258

演出日期:2016/9/10 (六)

入場時間:18:00

演出時間:19:00

演出地點:花漾Hana展演空間

演出地址:台北市中正區仁愛路一段17號10樓

啟售時間:2016/7/23 (六) 中午12點

購票方式:KKTIX及全台全家便利商店

票  價:VIP票 NT$2,000 / 一般票 NT$1,600 (各區依序號進場)

企劃單位:ED Production Limited

主辦單位:秀威有限公司

2016年7月19日 星期二

MD2000 ~ReLIFE Ending Songs~

http://www.neowing.co.jp/product/SVWC-70195
https://www.amazon.co.jp/dp/B01GZ6PYP8

2016/09/21発売
商品番号:SVWC-70195

  1. イージュー★ライダー (奥田民生)
  2. HOT LIMIT (T.M.Revolution)
  3. タイミング~Timing~ (ブラック・ビスケッツ)
  4. HONEY (L’Arc~en~Ciel)
  5. これが私の生きる道 (PUFFY)
  6. Sunny Day Sunday (センチメンタル・バス)
  7. サウダージ (ポルノグラフィティ)
  8. 雪の華 (中島美嘉)
  9. There will be love there -愛のある場所- (the brilliant green)
  10. 明日への扉 (I WiSH)
  11. PIECES OF A DREAM (CHEMISTRY)
  12. 夏祭り (Whiteberry)
來查查舊資料
  • イージュー★ライダー (奥田民生)
    1996/06/21, 週間4位
  • HOT LIMIT (T.M.Revolution)
    1998/06/24, 週間1位
  • タイミング~Timing~ (ブラック・ビスケッツ)
    1998/04/22, 週間2位
  • HONEY (L’Arc~en~Ciel)
    1998/07/08, 週間1位
  • これが私の生きる道 (PUFFY)
    1996/10/07, 週間1位
  • Sunny Day Sunday (センチメンタル・バス)
    1999/08/04, 週間4位
  • サウダージ (ポルノグラフィティ)
    2000/09/13, 週間1位
  • 雪の華 (中島美嘉)
    2003/10/01, 週間3位
  • There will be love there -愛のある場所- (the brilliant green)
    1998/05/13, 週間1位
  • 明日への扉 (I WiSH)
    2003/02/14, 週間1位
  • PIECES OF A DREAM (CHEMISTRY)
    2001/03/07, 週間1位
  • 夏祭り (Whiteberry)
    2000/08/09, 週間3位

最後是 YouTube


都是 SONY 自己家的啦,難怪很好出合輯

Angular 2.0.0-rc4, Angular CLI 1.0.0-beta.9,

單純是灌水文

https://github.com/angular/angular/blob/master/CHANGELOG.md
Angular 2 目前版本到了 2.0.0-rc4 (2016-06-30)

http://angularjs.blogspot.tw/2016/06/rc4-now-available.html
rc4 好像沒改很多,是說 rc 本來就不應該改很多…


https://github.com/angular/angular-cli/blob/master/CHANGELOG.md
Angular CLI 默默地跑到 beta.9 了(2016-07-04)


2016年7月18日 星期一

NBA 2000年後最多冠軍隊伍

以下數據截至2016年

NBA 歷史上最多冠軍隊伍是 Boston Celtics 的17座,緊追在後的是湖人的16座。

由於 Celtics 很多是古早時期的冠軍,那近代,或說2000年之後,拿過最多冠軍的隊伍是?


從2000年到2016年,共17個冠軍來看,最多的是
  1. Los Angeles Lakers 五座 (2000, 2001, 2002, 2009, 2010)
  2. San Antonio Spurs 四座 (2003, 2005, 2007, 2014)
  3. Miami Heat 三座 (2006, 2012, 2013)
另外5座冠軍分別屬於
  • Detroit Pistons
  • Boston Celtics
  • Dallas Mavericks
  • Golden State Warriors
  • Cleveland Cavaliers
其實從2000年算好像不太對,一般大多用後喬丹時期,也就是1999年開始算,那這樣就會是湖人和馬刺各拿5個冠軍

在 wikipedia 這個時期是寫「1999–2010: Lakers/Spurs dominance」
在這12年之中,11次西區冠軍是這兩隊,是說其實馬刺四次西冠都是總冠軍,湖人七次西冠五次冠軍,湖人還是比較穩定?

唯一不是馬刺、湖人的是2006年,小牛出線,在冠軍戰輸給熱火。

那進入冠軍戰的次數呢?
  • 7, Los Angeles Lakers (2000, 2001, 2002, 2004, 2008, 2009, 2010)
  • 5, Miami Heat (2006, 2011, 2012, 2013, 2014)
  • 5, San Antonio Spurs (2003, 2005, 2007, 2013, 2014)
  • 3, Cleveland Cavaliers (2007, 2015, 2016)
兩次的有
  • Boston Celtics
  • Golden State Warriors
  • Detroit Pistons
  • Dallas Mavericks
  • New Jersey Nets (現為 Brooklyn Nets)
一次的
  • Indiana Pacers
  • Philadelphia 76ers
  • Orlando Magic
  • Oklahoma City Thunder

2016年7月14日 星期四

JS framework 比較文蒐集

Aurelia
http://aurelia.io/

Feb. 12, 2016
Rob Eisenberg on Aurelia and how it stacks up against Angular 2 and React
https://medium.com/hashnode-insights/rob-eisenberg-on-aurelia-and-how-it-stacks-up-against-angular-2-and-react-82721d714449#.hkh48ptta

March 15, 2016
Aurelia as a next generation UI framework. Comparison of Aurelia, Angular and React.js
https://altabel.wordpress.com/2016/03/15/aurelia-as-a-next-generation-ui-framework-comparison-of-aurelia-angular-and-react-js/

==
React
https://facebook.github.io/react/

April 26, 2016
Why React? Why not Angular 2?
https://daveceddia.com/why-react-why-not-angular2/

Jan. 3, 2016
Angular 2 versus React: There Will Be Blood
https://medium.freecodecamp.com/angular-2-versus-react-there-will-be-blood-66595faafd51#.3ehypiqjd

March 31, 2016
React vs Angular2: The fight rages on
https://tech.evojam.com/2016/03/31/react-vs-angular2-the-fight-rages-on/

January 2016: Comparison of Angular 2 and React
https://www.ociweb.com/resources/publications/sett/comparison-of-angular-2-and-react/

==
Vue.js
https://vuejs.org/

Vue.js Comparison with Other Frameworks
https://vuejs.org/guide/comparison.html

==
Ext JS 6 by Sencha — the Good, the Bad, and the Ugly
https://dzone.com/articles/ext-js-6-by-sencha-the-good-the-bad-the-ugly

Turn of node integration in Electron

在 BrowserWindow 的參數裡,可以把 nodeIntegration 關掉

new BrowserWindow({
    "webPreferences" : {
        "nodeIntegration": false
    }
})


為什麼會需要關掉呢…因為在嘗試直接 loadURL() 某網頁時,因為有 prototype,而 prototype 這版有 bug,有 require 可以用的時候,Sizzle 會 undefined,最快的解決方法,就是把 nodeIntegration 關掉,就能正常 load 啦

2016年7月12日 星期二

MacBook Pro Retina Early 2015

目前手上用的是 MacBook Air 13" Mid 2011

13" 1440x900
1.7 GHz i5-2557M
4 GB of 1333 MHz DDR3
Intel HD Graphics 3000
128 GB SSD
802.11 a/b/g/n
2x USB 2.0
1.34 kg

最近的 MacBook Air 13" 是
Early 2015
13" 1440x900
1.6 GHz i5-5250U
8 GB of 1600 MHz LPDDR3
Intel HD Graphics 6000
128 GB SSD
802.11ac a/b/g/n/ac
2x USB 3.0
1.34 kg

MacBook Air 13" 最便宜是 NT$31,900,這是 128 GB SSD 的,如果是 256 GB 則要 NT$38,900

回到標題的 MBPR

13" Early 2015
13.3" 2560x1600
2.7 GHz i5-5257U
8 GB of 1866 MHz LPDDR3
Intel Iris 6100 Graphics
128 GB SSD
2x USB 3.0
HDMI port
1.58 kg

起跳價 NT$41,900,用 256 GB 要 NT$47,900
把 processor 換成 i5 2.9 GHz, storage 上 512 GB,則要 NT$57,900

查了一下,當年 MacBook Air 在2011年12月買,價格是 $41,900 啊

五年升級一台?不過要看看 2016 年是否會出新款的 MBPR

那最新的 MacBook 呢?也是 $41,900 起,重量不到1公斤!
不過螢幕只有12吋,目前用 MBA 的 13 吋偶爾都覺得有點小了,還是先維持在 13 吋好了

賀!Serena Williams拿下2016年Wimbledon女單冠軍!

男女單分開灌文章XD

這座溫網冠軍,是 Serena 生涯第7座溫網冠軍,也是第22座大滿貫冠軍,追平 Steffi Graf 的記錄

而 Serena 生涯第一次拿到溫網冠軍是什麼時候呢?答案是2002年,決賽對手是 Venus

網球選手可以在14年後還能拿冠軍嗎!

擁有9座溫網女單冠軍的 Martina Navratilova "也才"12年 (1978年第1座、1990年再度拿到冠軍)

其實今年 Venus 也打到四強,原本有機會重演 Williams 姐妹再度於溫網決賽碰頭,不過今年的亞軍 Angelique Kerber 表現很好,在決賽之前都是直落二晉級

好啦,其實女雙冠軍是 Williams 姐妹,狀況傷當不錯

換貼女單近10年大滿貫冠軍


名單多樣性比男單好很多啊XD

不過生涯可以拿超過3個大滿貫冠軍,就沒那麼多啦 (2006開始到目前拿到的冠軍數)

  1. Serena Williams: 22 (15)
  2. Justin Henin: 7 (3)
  3. Venus Williams: 7 (2)
  4. Maria Sharapova: 5 (4)
  5. Kim Clijsters: 4 (3)

賀!Andy Murray拿下2016年Wimbledon男單冠軍!

這個類型的標題,以往幾乎都用在 Novak Djokovic 上,不過今年溫網,冏科在第三輪,就以四盤輸給美國的 Sam Querrey

而 Sam Querrey 在八強被後來的亞軍 Milos Raonic 擊敗

這次溫網,是 Andy Murray 第二度拿下溫網冠軍,上一次2013年,當時對手是 Djokovic,以三盤獲勝

今年與 Raonic 也是三盤獲勝,不過後兩局都是打到搶七,其實還蠻激烈的

本屆溫網 Murray 晉級之路,除了在八強與法國選手 Jo-Wilfried Tsonga 打到五盤,其他賽事皆是三盤獲勝

貼一下近年大滿貫男單賽事冠軍


這些年,除了 Roger Federer, Rafael Nadal, Novak Djokovic, Andy Murray,有拿到大滿貫男單冠軍的選手有
  1. Juan Martin del Potro (2009 US Open)
  2. Stan Wawrinka (2014 Australian Open, 2015 French Open)
  3. Marin Čilić (2014 US Open)
沒了耶…Wawrinka 有兩座喔

是說 Murray 的三座冠軍,和另外三位妖怪相較,似乎就普通了點,但是亞軍就不遜色了XD

大滿貫亞軍數量:
  • Roger Federer: 10
  • Andy Murray: 8
  • Novak Djokovic: 8
  • Andre Agassi: 7
  • Rafael Nadal: 6

2016年7月11日 星期一

he - A robust HTML entity encoder/decoder written in JavaScript

https://github.com/mathiasbynens/he
he (for “HTML entities”) is a robust HTML entity encoder/decoder written in JavaScript.

話說在轉換 lyric_engine 為 Electron 版本時,當然要處理轉 code point 和 HTML entities 的問題

可以把之前 Python 版的轉過來就好,不過想說這東西應該有不少人處理過,會有更好的解法吧

然後就看到 he 這個 library,在 Stack Overflow 有篇「How to convert characters to HTML entities using plain JavaScript」,he 的作者上來回應 http://stackoverflow.com/a/23831239 ,看起來實作傷當完整



2016年7月10日 星期日

Slack uses Electron for Windows app and MacGap for macOS

https://twitter.com/slackhq/status/532662804525096960

原本以為 Slack 是用 Electron 包出不同平台的 desktop app,在看 Electron 和 NW.js 的比較討論時,才發現 Slack on Mac 是用 MacGap ( https://github.com/MacGapProject/ )

在最上面的 twitter,有人問 Slack 為什麼 macOS 不用 Electron,得到的答案是…因為一開始用了 MacGap,而且可以用,所以…

https://slack.com/downloads
目前看到有 Windows, Mac, Linux,其中把 Ubuntu 64-bit 的 .deb 解開來看,也是 Electron

在討論 Electron 的時候,都有提到一個缺點,就是無論 app 功能多小,包出來的東西,起跳就是 100 MB,壓縮後也是快要 40 MB

像 Lyric Get 以前用 py2exe 含 installer 是 7.2 MB,用 Electron,只是包殼,還沒換用 JS 寫 engine,已經 39.5 MB 啦,是說用 7z 壓可能會再小一些?

不過為了跨平台快速開發,容量大一些還好?

因為沒啥時間研究 MacGap 啊

Livereload for Electron development - using electron-connect

https://github.com/franklai/lyric-get/commit/64d73a9d90b2872fe0ec421beb09a3fd51ef1100

覺得走 Node.js / npm 這個系統好多東西要處理啊…

繼續 Lyric Get on Electron 的開發,現在的 js 開發都一定要有 livereload 功能啊,所以就找了一下 Electron,網路上是有許多不同的招式,大多是搭配既有的 livereload,這套名稱有 electron 就來試一下吧

https://github.com/Quramy/electron-connect
https://www.npmjs.com/package/electron-connect
Livereload tools for Electron development

需要搭配 gulp 來使用,是的,又一個 build system 啦

從 commit 可以看到,需要修改的地方

  • main.js
    需要 require electron-connect 進來,並且下 client.create(mainWindow)
  • index.html
    需要增加 script tag,require electron-connect 並下 client.create()
  • gulpfile.js
    當然還需要新增 gulpfile.js,直接複製 electron-connect 的範例,要注意的是把 gulp.watch 的檔名,改成對應的名稱,不然改了也不會偵測到啊
package.json 只是補 devDependencies 和 scripts 加一個

要注意的是,加了上述東西之後,electron 打包後的 app 執行會有 error 喔,因為原本會跑個 watch server process 起來,就沒有啦

electron-connect 的建議是,透過 gulp 把 script tag 移掉

只好先開個 dev branch,之後再來研究 gulp 寫法啊

Better not name your branch the same as directory name

just found out that I do `git co electron` then when I want to switch to electron branch, but end up clean my modification in directory electron...

2016年7月9日 星期六

Lyric Get v0.1.0, Electron based desktop app

Using Electron to pack Lyric Get to Windows desktop app
http://franks543.blogspot.com/2016/07/using-electron-to-pack-lyric-get-to.html

在包完 Windows 版後,再 update 包了 Mac 版,一樣在 GitHub
https://github.com/franklai/lyric-get/releases/tag/v0.1.0-alpha

Mac 的是包成 dmg,執行後,把 Lyric Get.app 拖進 Applications,在選單也可以看到這個 app 了!

話說 electron-builder 在安裝好 (npm -g install electron-builder),要打包出來,需要在 package.json 裡填 build 相關參數
https://github.com/electron-userland/electron-builder#configuration

是說比較了之前 py2exe 打包,從7MB變成快40MB,大小還差真是多啊,畢竟是整個 v8 包進去

Using Electron to pack Lyric Get to Windows desktop app

奇怪的標題?

話說 Windows 版的 Lyric Get 荒廢一陣子了,上次打包的 binary 是 2015年3月7日
https://github.com/franklai/lyric-get/releases/tag/v4.6.1

陸續有收到說不能執行的問題,但是我的 Win10 32-bit 可以啊…

是說原本用的 Python GUI framework PythonCard 已經沒有在維護了,又懶的整個換。
(謎:不是要用 Kivy,結果 encoding 爆炸搞不定嗎…)

前陣子看到 Visual Studio Code 這套編輯器,是用 Type Script 加上 Electron 打包為 desktop app,原來用 Electron 的還有 Slack 的 desktop app,這聽起來還蠻厲害的啊

所以就來研究一下如何用 Electron 包 app 吧

咦…但是 lyric_engine 的 code 不是 Python 嗎?用 Electron 包怎麼跑

剛才搜尋一下,還真的有人提到這個組合,Electron 顯示網頁,發 request 到 Python based web server 處理,而 Python web server 哪來的?在 Electron main.js 起來的時候 launch,聽個 localhost

Electron as GUI of Python Applications
https://www.fyears.org/2015/06/electron-as-gui-of-python-apps.html

好吧,這可能也是個選擇,不過還要抓個 localhost port 有點煩

目前的想法是把 lyric_engine 的邏輯換成 JS,是說之前 PHP, Python 在轉都沒什麼問題了,把 common function 都準備好,剩下都大同小異吧…除了 asynchronous 寫法要調整一下

不過第一步,先用 Electron 包個東西出來,仍舊發 request 到  lyric get on GAE

Electron 有 electron-builder 提供可以包出 installation exe,不過不知道是設定有誤還是怎樣,安裝程式怪怪的…所以還是先用傳統的打包 zip

Source 和 zip 放在 GitHub 上了
https://github.com/franklai/lyric-get/releases/tag/v0.1.0-alpha

使用方法:解壓縮後,執行「Lyric Get.exe」

接下來是研究 lyric_engine 搬成 JS 啦

是說要不要考慮開始寫 Type Script 呢?

2016年7月8日 星期五

Google App Engine 增加支援 .NET, Node.js, Ruby

話說當年從 Python 開始,再來加入 Java 的 Google App Engine,有了 Go 和 PHP 之後,好像也沒有什麼期待會再新增支援語言。

不過沒想到剛才一看,竟然多支援了 .NET, Node.js, Ruby!

是說併到 Google Cloud Platform 之後,網頁好像很久沒看過,都改版啦。

https://cloud.google.com/docs/

目前 Node.js 和 Ruby 是掛 Beta

在 Google Cloud Platform Blog 上的文章

Node.js on Google App Engine goes beta (2016-03-21)
https://cloudplatform.googleblog.com/2016/03/Node.js-on-Google-App-Engine-goes-beta.html

Ruby on Google App Engine goes beta (2016-05-05)
https://cloudplatform.googleblog.com/2016/05/Ruby-on-Google-App-Engine-goes-betaruntime.html

How to get your ASP.NET app up on Google Cloud the easy way (2016-05-11)
https://cloudplatform.googleblog.com/2016/05/how-to-get-your-ASP-NET-app-up-on-Google-Cloud-the-easy-way.html

2016 Wimbledon 女單決賽、男單四強名單

男單四強

Milos Raonic (6) - Roger Federer (3)
Tomas Berdych (10) - Andy Murray (2)


女單決賽

Serena Williams (1) - Angelique Kerber (4)

在女單四強,Serena 以 6-2, 6-0 晉級後,接著是 Venus Williams 和 Angeliqeu Kerber 的比賽,原本大家在想有沒有機會看到 Williams 姐妹再度於大滿貫決賽碰頭,不過最終 Kerber 以 6-4, 6-4 晉級。

男單方面,第2種子 Murray 和第3種子 Federer,在八強之前,都是直落三晉級。

Roger Federer 在八強對上 Marin Cilic,上演了輸二贏三的逆轉,尤其是在第四盤,逃過3次賽末點,在搶七以 11-9 拿下第四盤,最後第五盤成功破發。

Andy Murray 在八強對上 Jo-Wilfried Tsonga 則是先贏兩盤後輸兩盤,也是五盤才分出勝負。

2016年7月7日 星期四

FFmpeg 3.1

FFmpeg 3.1

詳細功能請到 Changelog
https://git.ffmpeg.org/gitweb/ffmpeg.git/blob_plain/refs/heads/release/3.1:/Changelog

這次最看重的,當然就是
- VAAPI-accelerated H.264/HEVC/MJPEG encoding

終於,在 Linux 上可以透過 VAAPI 做到硬體轉檔,而不是之前的硬體加速解碼而已

不過相容性如何呢?之後有空再來試試

倒是另外收到的消息,Intel 有另外一套 libyami - Yet Another Media Infrastructure
嘗試在 Linux 上提供另一種 Media Framework 介面

可以搭配使用的硬體需求,目前列了這些
* Intel Sandybridge, Ivybridge, Haswell and Broadwell (HD Graphics)
* Intel Baytrail, Braswell

也有與 ffmpeg 整合的版本
https://github.com/01org/ffmpeg_libyami

同樣,有空再來試試相容性如何

2016年7月6日 星期三

Sencha Ext JS 與 Angular 2 比較

其實沒有寫過最新的 Ext JS 6,而 Angular 2 也還只是在學習階段,寫比較實在是沒什麼說服力,不過還是得寫,就先依目前看到的東西聊一聊吧。

Top 8 Reasons Why Enterprises Prefer Sencha Ext JS over Angular
https://www.sencha.com/blog/top-8-reasons-why-enterprises-prefer-sencha-ext-js-over-angular/

Sencha 本身應該一直被問這個問題,現在 AngularJS, ReactJS 這麼紅,為什麼要選擇 Ext JS 呢?

這裡列出了八項

  1. Rich UI Components
  2. Ext JS since 2007
  3. Robust framework to build apps
  4. Browser Compatibility
  5. Integrated Tools
  6. No need to learn TypeScript or other tools
  7. Design Tools
  8. Support and Training
第7、第8是 Sencha 有提供工具以及服務,不過目前也都沒用到,所以跳過。

第一,Rich UI Components,這點目前為止,應該是沒有其他 JS Framework 可以比得上 Ext JS,不過前提是網頁的設計需求可以由這些 component 滿足,而不需要自已刻一個 component 出來,這就看應用類型了,傳統的 form/grid,使用 Ext JS 應該大多的需求都可以滿足,但今天如果有特殊的設計,這個優勢就沒了。

第二,從 2007 年以來,持續成長的 framework,相較於 Angular 2 在2016年7月初的此時,還在 RC階段,而且和 Angular 1 不相容。不過 Ext JS 自己在 3.x 到 4.x 換 class system 也是完全不相容,雖然有所謂的 upgrade tool,但大家都知道換完要手工的東西還是不少,這裡可以說明的只有 Ext JS 歷史較悠久,理論上對於各式奇怪問題,應該處理經驗較豐富,考慮較多,不過 Angular JS 的社群也相當龐大,在使用人口更多的情形下,歷史長不見得就比較厲害。

第三,已經準備好可以寫 app,而不是用於建立另一個自己的 framework,這的確是沒錯,不過就看用途,如果本來就需要客製成自己的 framework,似乎也不是優勢囉。

第四,明確的瀏覽器相容性,這裡說 Ext JS 6 從 IE 8 開始支援,但精確地說明,是 classic toolkit 從 IE 8 開始,如果是 modern toolkit 的話,則是 IE 11 開始。

而 Angular 2 日前宣佈目標是從 IE 9 開始支援
在 GitHub readme 頁面會看到支援狀態,有時候會有些變紅,算暫時 broken?

不過瀏覽器支援,還包括的 UI component,所以自己寫的,要自己維護瀏覽器相容性啊

第五,Integrated Tools,其實這應該反而是 Ext JS 的弱點,雖然自行包了很多的工具,但代表必須綁在這些開發環境上,Angular 2 在現在當下 tool 支援並不完整,包括 Syntax Highlight,但是 tool 會是越來越好的,只要 Angular 2 使用的人口夠多。

第六,No need to learn TypeScript or other tools,這個微妙啊,以前人們都說 Ext JS 學習曲線高,最近在看 Angular 2,覺得更是複雜啊,不過倒不是說要寫 TypeScript 不好,就學到目前的經驗,我是贊成採用 TypeScript,也包括了 ES6 語法,會複雜的原因是,看到一個之前沒用過的寫法,會不知道是 Angular 2 還是 TypeScript 還是 RxJS...,也就是新概念的東西一口氣太多了,導致學習曲線驚人。

隨手亂寫一些,還有想到一些在 Sencha 原本文章沒提到的幾點。

UI performance,這應該是蠻多人會提到的問題,Ext JS 用它的 UI component,為了做到許多功能,以及瀏覽器相容性、可客製 style,本身的效能可能會比自己刻的差,當然前提是自己要刻好啦XD,而瀏覽器相容性,也是有人提到 classic/modern toolkit 的差異其中一環,layout 用 JS 做還是 CSS 做,如果要舊 IE 可以 layout 正常,不用 JS 做很難啊,但是效能就當然比不上用 CSS 做的;客製 style 這邊,不知道 Ext JS 6 的表現如何,舊的,就是 Ext JS 3 啦,一個 button 要畫9宮格,讓 dom 暴增的問題,在 Ext JS 4 就改掉了,但是還有像 grid 啦,或是其他 component,這都是會影響效能的部份。

然後是那個 accessibility 啊,自己刻 UI component 的話,就要自己做好,在 Ext JS 可是已經刻好囉。

好吧,想到先寫這樣,如果 Angular 2 繼續學下去沒有爆炸的話,再來做其他比較。

2016年7月5日 星期二

拉拉熊專賣店記錄

發現驚人的事實…竟然手上沒有東京車站店的照片!

截至目前為止,總共去過5間拉拉熊專賣店

分別是:
  • 大阪梅田店 (梅田店)
  • 東京晴空塔店 (東京スカイツリータウン・ソラマチ店)
  • 東京車站店 (東京駅店)
  • 神戶店 (神戸店)
  • 福岡Parco店 (福岡パルコ店)

福岡 Parco 店
神戶店

 
晴空塔店

大阪梅田店
目前的拉拉熊專賣店列表與詳細地址可參考
http://www.san-x.co.jp/blog/store/category/access.html

希望今年可以達成去仙台店和原宿店!

2016年7月4日 星期一

食戟之靈 第二季 巴哈動畫瘋

http://ani.gamer.com.tw/animeVideo.php?sn=5794

巴哈動畫瘋好厲害啊,這季新番大多預定在日本播出後上架,食戟之靈則是12小時後

詳細上映作品及時間
2016 年夏季動畫播出時間
http://gnn.gamer.com.tw/8/134018.html

好奇的是這些翻譯是怎麼來的,和動畫公司合作或者是?

義美錫蘭紅茶、烏龍綠茶

義美錫蘭紅茶
https://www.facebook.com/imeifoods/posts/10153907254021997/

義美烏龍綠茶 (無糖)
https://www.facebook.com/imeifoods/posts/10153756004681997/

原來烏龍綠茶比較早上市,不過之前只有義美門市、楓康超市有在賣,5月25日才開始在全家上架

好像一開始是嘗鮮價19元,原價分別是紅茶25元、烏龍綠茶28元,現在有第二件六折的活動

無糖烏龍綠比想像中順口,和超商其他保特瓶裝比起來,好喝很多

紅茶看網路上蠻多人還是覺得太甜,不過和純喫茶、麥香比起來甜度低多啦

Angular 2 Routing 相關資訊

由於 Angular 2 在 rc 的時候,改寫了 router,於是會出現
@angular/router
@angular/router-deprecated

如果看到網路上的 Angular 2 routing 介紹,要注意是 beta 還是 rc 的版本,因為整個改掉了

目前新的

舊的仍有保留

參考文章「Routing in Angular 2 revisited」
http://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html

銀魂真人版電影,預定2017年上映

http://wwws.warnerbros.co.jp/gintama-film/

是真的要拍啊…

目前公佈的演員名單,就是主角會由小栗旬擔任,所以山田孝之應該會來參一腳?

2016年7月2日 星期六

日綜 on bilibili

Aloha字幕组
http://space.bilibili.com/14016058/

最近較多的是『嵐にしやがれ』,也有一些『櫻井・有吉THE夜会』


反正不是字幕組
http://space.bilibili.com/8853065/

VS Arashi、V6、關8


NAN字幕組
http://space.bilibili.com/14147173/

各個嵐的節目,最近較多的是「相葉マナブ」、「ニノさん」、「櫻井・有吉THE夜会」


搭配 bilibili host 很重要啊…
https://github.com/rg3/youtube-dl/commits/master/youtube_dl/extractor/bilibili.py

2016年7月1日 星期五

Google Maps API alternative

Leaflet 是一套 open source JS library 用於互動地圖

不過它就是套 JS library,地圖資料需要有 provider

provider 在 Leaflet 的 FAQ 有提到

demo sample 是用 OpenStreetMap

其他也可以用 MapBox, Bing Maps, Esri ArcGIS, MapQuest, Nokia Here

OpenStreetMap tile usage policy

主要還是 tile server 是個 resource,request limitation 還是需要的