2014年3月30日 星期日

[講座|分享-snippet note] 2014 Windows Azure Bootcamp 2014 TW


 [請小心服用] 這是昨天參加聚會的一些筆記,只是個人一些片段的內容小筆記,不一定完全正確,只是當個參考。
  • Date: 2014/03/29 13:00
  • 活動詳情 : http://study4-tw.kktix.cc/events/2014march
  • 參與人數 : 約 60 人

Agenda
Time
 Agenda
1:00 - 1:30
 笑CC讓網站上雲端 - KKBruce
1:35 - 2:05 
 由本地應用到雲端應用:構思與實現 - 小朱
2:45 - 3:15 
 被雲搞死的天空 - Sky
3:20 - 3:50
 資訊服務輕鬆做 - Chia Chi
4:30 - 5:00
 在VM上面玩VM - 卡神
5:05 - 5:35
 Azure - 加速你的創業夢 - James

2014年3月22日 星期六

[Head First Note] Ch02 - IOS 應用程式設計模式 筆記

[深入淺出 iPhone 與 iPad 開發(第二版)] Ch02 筆記
Ch02 - IOS 應用程式設計模式

這篇筆記除了是 Head First 第二章的心得之外,還包含一些延伸的學習筆記。算是非常片段的筆記,建議看過 Head First 之後再來看吧 :P :P :P
  • Q: 如何規劃你的應用程式配置?
    A: 一切從草圖開始 -> 建立 GUI -> 規劃如何使用畫面的控制項 -> 處理資料。
    使用性跟美感是 iPhone 的成功關鍵。


IOS HIG 應用程式設計規則
ios Human Interface Guide (HIG,人機介面指南)
  • Apple 公司有發佈一份文件作為指導如何開發要在 App Store 要賣的 APP,當你要準備送審 APP 時,你必須同意你的 APP 符合 HIG 規範。

2014年3月10日 星期一

[不專業的開箱文] Superdry Scuba 深潛探險矽膠腕錶


今天去買了自己喜歡很久的一隻手錶,極度乾燥系列。
極度乾燥不是只有賣衣服, 耳機, 手錶也都有賣,然而手機的代理跟賣衣服的代理似乎是分開的? 我還沒有在賣極度乾燥衣服的門市有看到手錶。

我很少買這種形式的手錶,但是因為色彩非常的跳,就想說買一隻來戴戴看,這隻手錶的特色如下,其實也是跟一般手錶差不多啦 xd
  • 淺藍綠/38mm (SYL120m)
  • 10ATM防水功能 
  • 矽膠包覆錶帶 
  • 日本機芯 

2014年3月2日 星期日

[聽演講的 snippet 筆記] GDG Taipei #2 - Introduction to Google App Engine for PHP

離上次聽這個活動有好一陣子了,不過還是把筆記留起來,雖然很片段...,可能各位客官看不懂,抱歉了...,可以看看簡報網址的內容 :)
活動照片:

html2jade 初次見面以及使用

* 這個工具感謝先前在製作 Node.js Taiwan 靜態頁時由 Poying 以及 Caesar 介紹。

要講 html2jade 這個工具之前,我必須先講一下 Jade 是在做什麼的。
html2jade 的 github 連結



Jade 是一個 Node Template Engine ,如果你用過 Express,那麼你或許聽過 ejs,ejs 也是一種 Template Engine,硬要說成中文的話,也可以說是樣板引擎,如果你是寫 PHP 的人,那麼就像 Smarty 之於 PHP 一樣。

你可以想像 Jade 只是把一般的 HTML 轉換成用比較簡單的方式所寫成的樣板,透過 Node 的環境,進行編譯 (編譯成 HTML),當然還有一些蠻特別的功能,比方說一些基本的樣板能夠有 includes 功能, block, mixin, filter 等等...,不過這都不是我這邊所要表達的事情,若真的要講 Jade,或許到時候再分另外一篇寫也不遲。

目的

幫你把 html 轉成 Jade。之所以介紹 html2jade 這個工具,是因為假如一個專案已經進行中,要把過去已經完成的 HTML 轉換成 Jade 來使用,只要透過這個工具,就可以幫助你直接做把 HTML 轉換成 Jade 的工作,但是對於轉換的結果,只能盡善盡美,不能抱持能夠 100% 轉換的很完整的心情去使用,就像 github 專頁上寫的一樣 『Converts HTML to Jade template. Not perfect but useful enough for non-daily conversions.』,雖然不夠完美但也夠用,至少你不需要一個一個 html 頁面自己手動轉換成 Jade。


2014年3月1日 星期六

你可能看不懂我在寫什麼的 JavaScript 的物件導向基礎筆記...

前言

這篇筆記,其實要感謝 Jace Ju (小鐵) 的細心教導,

在此做一下當天學習的心得跟領悟,其實我不太寫物件導向教學文,因為網路資源已經夠多了,二來自己也不夠熟,不知道從何說起...,不過由於小鐵的教學讓我有更多的體會,突然有頓悟的感覺xd,且有些地方也讓我心有戚戚焉...,在此用語言記錄下來。


第一段,建立一個 Object
(1)物件 (Object) 表達式:

其實在 JavaScript 的世界中,『Everything is an Object』,此外,JavaScript 也允許你定義自己的 Object。在了解一些物件導向之前,先了解 JavaScript 的物件 (Object) 是如何表示的:


1
2
3
4
var Object = {
      property1 : true,
      method1 : function (msg) { alert(msg) }
};

  • Object 的定義格式就是 property : value 或是 method : function( )....,在物件的定義,只有屬性(property) 或是方法 (method) 這兩種定義。
  • 你會發現方法的定義跟定義函式 (function) 一樣,沒錯,只是定義在物件的函式,稱為方法(method)
以下為一個人類的物件:

1
2
3
4
5
6
7
8
9
 var frontendGirl = {
    name : 'Win Wu',
    gender : 'girl',
    age : 18,
    //forever 18 XD
    sayHello: function(){
      alert('Hello');
    }
  };
  • frontendGirl 這個物件有 name, gender, age 這些屬性以及一個 sayHello 方法。

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...