簡單紀錄vim指令及用法

安裝typescript

npm install -g typescript

接著測試看看是否能正常運作 先建立一個 helloworld.ts 內容寫入

let hi: string = "helloworld";

接著在下指令

tsc helloworld.ts

如果有產生一個對應的helloworld.js 那就代表能正常運作

var hi = "helloworld";

#Basic Types 紀錄一些Typescipt基本型態用法，主要參考自Typescript官網 Basic Types https://www.typescriptlang.org/docs/handbook/basic-types.html

##Boolean

let isDone: boolean = false;

##Number 在typescirpt中，所有numbers都是以符點數來表示，因此可以支援十六進位、十進位、八進位、二進位數值格式。

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

https://www.smashingmagazine.com/2016/09/content-security-policy-your-future-best-friend/ http://www.ruanyifeng.com/blog/2016/09/csp.html Content Security Policy - 簡稱 CSP，是一個瀏覽器安全保護使用者的策略。 主要用於降低 cross-site scripting (XSS) 的風險。 網站傳送Header時﹑夾帶 CSP header 告訴瀏覽器哪些是合法的內容，哪些是不合法的。 在基本的規則中，Header meta name 命名為 Content-Security-Policy 接下來就可以定義規則 定義的方式可以依照你使用的環境及語法而定 首先可以直接使用HTML meta的方式來定義 例如: <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.

運用內容行銷，最關鍵的地方就是怎麼將大數據轉換成簡單易懂的內容。

其中，資訊圖表(Infographics)呈現方式已經成為主要的行銷趨勢之一，並且擁有以下優點:

1. 讓重點更加突出，容易理解
2. 有趣的圖文能增添故事性
3. 讀者較有意願分享給其他人

Slim : 適合前後端分家，後端只用來寫 RESTful API 的 framework。 http://www.9lessons.info/2012/05/create-restful-services-api-in-php.html http://www.9lessons.info/2014/12/create-restful-services-using-slim-php.html http://asika.windspeaker.co/post/3495-php-slim-framework-twig ##其他API參考 http://www.html5rocks.com/en/tutorials/cors/ 現在越來越多人認可這種“一次開發，處處運行”的非原生APP開發了，我們在平時開發中常用的兩套技術棧：1、CoreThink + dcloud + framework7 + cors；2、Ionic+Cordova +CoreThink，全都是開源技術，上手無壓力，之前我們也在OSC上分享過： 非原生App開發的基本步驟（移動端：ionic、cordova，後端：CoreThink）歡迎交流，非原生APP上架蘋果APP store http://www.dcloud.io/index.html 官方教學手冊 可以事情況決定安裝哪個版本 3.0 http://www.slimframework.com/docs/ Slim 3 requires PHP 5.

(圖片來源 Business Catalyst Blog)

雖然智慧手機及平板出現的時間還不到10年，卻只用了很短的時間就趕上了桌機瀏覽量。並且，根據Google 發佈的訊息，已經有超過10個國家在移動裝置的搜尋量超過電腦(包含美國、日本)。

從去年至今，可以觀察到Google越來越頻繁的發佈調整搜尋演算法及搜尋排名(Rank)計算方式的相關訊息，讓搜尋引擎偏好於有針對Mobile Friendly進行設計的網站，也因為這樣大幅度的調整，讓很多名列前茅的網站名次瞬間滑落，而這種Google懲處仍頑固不化的作法，通常都被稱為"Mobilegaddon"。

因此，如果你是Designer或RD，都應該將這些因素納入考量，也就是說，網站除了要做得好看之外，同時也要考慮為客戶未來的發展及便利性，讓Mobile Friendly成為設計或開發的基本作法。

去年，蘋果在iphone 6S 發表了讓全世界驚艷的 3D 觸控功能 (也可稱為- Force Touch)，這項功能可以根據使用者觸控的力度來回饋不同指令。 但是，較少人留意到，中國的手機巨頭-華為 Mate S 在9月2日搶先蘋果成為世界第一個具備Force Touch功能的手機。

自Google發展Android以來，最知名的戰役之一莫過於甲骨文對Google的侵權追訴。這件事情，從2010年開始，兩個大老就為了這件事情不斷在法庭上開打，雖然Google以APIs本意就是開放交流、自由使用的論點，一度獲得勝利，但如果按照目前的進展，似乎優勢轉向甲骨文，很可能是Google需要賠償60億，最嚴重甚至不可再使用APIs。

AMP 簡介 根據Google統計報告指出，載入網頁時間如果大於三秒，流失用戶的可能性就會大增， 因此，在 Google 在 2016 年正式推出了"加速行動版網頁"(Accelerated Mobile Page, AMP)，以下簡稱 AMP， AMP 能讓跨裝置的使用者都能更快速的載入網頁，讓網頁能有更好的體驗， 只要根據官方的HTML結構進行設定，調整 html、js、css 設定， 再將頁面提交給Google DNS，Google就會將AMP頁面進行快取緩存， 當使用者搜尋你的網頁時，Google會先將快取裡的資料顯示給使用者， 依據官方資料顯示，經過AMP優化的頁面可以提高四倍的載入速度! 接下來就開始來了解 AMP 的原理~ AMP 結構說明 AMP可以分成三個部分 AMP HTML - AMP HTML基本上是使用定制AMP屬性擴展的HTML AMP JS - AMP JS 庫，主要是處理AMP HTML頁面的快速渲染 AMP Cache - 用於提供緩存的AMP HTML頁面 SEO 目前官方說明僅透露 AMP 設定不會影響SEO，

在今年初，Google曾對外宣布 - Chrome將只支援微軟XP到2015年，並且在此期間鼓勵這些使用舊作業系統的用戶進行升級，以確保系統安全。因為這些舊的作業系統通常都缺乏關鍵的安全性更新，因此，非常容易受到病毒感染及遭受惡意軟體侵入。

在之前，如果你聽到 Flash 出現嚴重安全漏洞的消息，其實應該會覺得這是一件正常的事情。當然，在2015年初期，對瀏覽器大咖而言也是如此，除了Youtube率先決定將預設影音格式更換為HTML5格式的消息之外，多數巨頭仍依然選擇依賴於Flash。但在今年七月左右，Adobe發佈了一件相當嚴重的安全性警告，確認Windows, Mac, Linux等所有版本Flash都陸續偵測到非常嚴重的安全漏洞(嚴重等級多數達到1級)，不但會影響軟體運作，甚至能讓駭客透過這個管道來入侵個人電腦。僅管補丁已經發送，緊急修復了Flash 35個安全漏洞，但是傷害已經造成，已經成為壓垮駱駝的最後一根稻草。

當網站上線之後，接下來就是想辦法讓網站的流量增加及增加產品的曝光度，因此思考如何有效率的進行內容佈署及塑造完美形象的過程，對於公司、獨立品牌或個人都非常重要。

通常，在這個階段正式啟動之前，都會先仔細思考幾個重點，包含:了解目前的網路設計趨勢、決定要將內容放在哪些流行的社群平台(例如 Facebook、Pinterest、Instagram、Twitter…)，如何精準的讓內容呈現在社群平台，以及適當的挑選出重點內容、流行字體、製作成圖片、裁切設計等工作。

由於網路發展速度相當快，新生代的流行社群不斷浮出檯面的情況下，我們也必須督促自己，讓自己跟進社群經營發展的標準。

對於一般網頁設計師而言，對CSS的刻板印象只在於樣式設計方面，能讓你更容易設計出具有吸引力的網頁，但事實上，他的能力比你想像中還來得複雜，用CSS一樣可以做出豔麗的效果，例如純動畫及互動元件，當然，如果搭配HTML、Javascript，又能激發更多的創意變化。

瀏覽器就像是一個空白的畫布，最重要的還是你能不能運用靈感，在這張畫布上發揮你的創意，在這裡，將介紹18個使用CSS來打造的創意作品，從最簡單的字體到動畫 ，相信都能讓你對CSS有所改觀。

(圖片引用自 http://www.ozy.com/)

人民幣貶值，這件事情可以說是震驚了全世界，決策快到讓很多人都措手不及，但是今天看到一篇台灣大媽 慘套2000億的報導內容，真的會讓人下巴掉到地上，並且心涼了半截…。從內容你會發現，不斷的不斷的重複虧損拉~賠多少~走勢~平均報酬~贖回避險怎樣之類的~這真的是因果循環的結果，從跌了之後，媒體訪問金融業的回答竟然是如此目光短淺、貪圖小利，究竟是因為這些經濟人都是以賺錢為目的，整體經濟與他們無關，還是僅僅因為"這種議題才會讓人想看"而造成這種現象。

如果單獨評論台灣的報導，你可能還不會有太大的感覺

但，同樣一件事，在相應的時間點，就能發現其他國家報導的議題會比較貼近於經濟實務分析:

外媒: 中國貨幣貶值以阻止低迷~

以下簡述其中的內容:

Apple App Store裡有130萬的app，而Google Play則託管了140萬的app。在競爭如此激烈的移動應用環境中如何確保我們製作的app能獲得大量的下載量呢？廣受用戶歡迎，並創下了上百萬的下載量是每一個移動app開發人員的終極夢想。但是，這談何容易呢！在最近的一次研討會上，Rahui Nischal，Nucleus Software Exports公司的高級產品經理，就談到了開發人員要想創建有吸引力的移動app，所需要關注的幾個關鍵方面。 圖片來源: http://d.ibtimes.co.uk 理念是根本 一個移動app的成功取決於它是建立在什麼樣的核心理念上的。對於開發人員而言，第一步要做的是像目標用戶那樣思考，用他們的眼光去看待問題，並在此基礎上構建移動app，構建可以讓他們的生活更簡單的app。步步為營，不斷地檢查app與最終用戶的相關性，積極調整產品以滿足用戶的需求。 單一的服務 單一的服務目標一個移動app只需要具備單一的功能。確定你app的主要目的，然後鑽研能否只通過一到兩次點擊就可以訪問進入。 保持簡單 保持簡單保持一切簡單化其實是最難的。如果移動開發人員可以成功地將復雜的技術隱藏在簡單界面的後面，那麼他就越靠近成功。 圖片來源:http://www.asianscientist.com 保持輕量級 三年前，Facebook的應用程式重達35-40M。現在，它只有大約10M。之所以會產生如此大的變化，是因為Facebook認識到，在印度和非洲——甚至連3G還尚未普及的區域，下載重量級的移動應用程式往往需要一段又長又難捱的時間。由於現在的移動app都是面向全球的，所以開發人員最好能夠創建輕量級的應用程式以便適應不同地域。 乾淨和簡單的UI UI很重要 WhatsApp在推出之前從來不做廣告。雖然現在網上提供了許多的聊天應用程序，但是WhatsApp的用戶使用量還是達到了成倍的增長。它成功的秘訣就是乾淨和簡單的UI。為了確保界面友好，我們在創造移動應用的時候需要關註三件事——愉悅性、實用性和功能性。 傾聽用戶的聲音 傾聽用戶的聲音應用程式在發布之後，開發人員應該時刻關注用戶的反饋，更新進步，努力提供更新更好的功能。 了解用戶行為 遊戲“憤怒的小鳥”的開發人員發現，Android用戶不喜歡為下載應用程式付費，而iOS用戶，大多數則願意購買app，但卻討厭在免費app上面看到任何廣告。了解不同的用戶行為，有助於移動開發人員為不同類型的用戶創建令人滿意的消費體驗。 文章來源: http://goo.gl/KscvW4 翻譯來源: http://www.codeceo.com/article/7-things-mobile-app-developers-should-focus-on.html

推薦 Antoine Girbal’s Corner ##MongoDb可視化操作介面 https://git.oschina.net/xiexiao04/mongo-exprss-master ##安裝MongoDb 安裝 http://www.mongodb.org/downloads 安裝windows 64-bit 2008 R2+ 安裝32-bit 會有2G限制 點擊Msi檔案開始安裝，安裝完成之後，可能會在下方位置 C:\Program Files\MongoDB\Server\3.0\bin 加入環境變數: PATH: ………;C:\Program Files\MongoDB\Server\3.0\bin 以終端機操作，開啟Mongodb Server > mongod.exe 確定啟動 前往 http://localhost:27017 預設port，如果成功啟動會顯示: It looks like you are trying to access MongoDB over HTTP on the native driver port.

Google的Android在一開始就以Java語言進行開發，這項決定，卻導致長達一年的侵權官司。

由甲骨文起訴Google，原因是Android系統侵犯了甲骨文在Java平台核心的幾項智慧財產權。並且，就在29日晚上，確定Google無法再繼續上訴，必須支付授權費，並禁止使用甲骨文的專利技術。

圖片來源: http://androidcommunity.com/

你參與了這場世紀盛會了嗎? 就在今天凌晨，第八屆 Goole I/O 開發者年會正式在舊金山的Moscone中心舉辦，大概有6千位開發者以及數百萬的人透過直播參與。在這場一年一度的盛大會場中，將可以讓大家知道Google最近重點專案是甚麼，以及告訴我們如何應對未來的趨勢。

從Google 2008年推出第一款Android手機至今已經超過10億個用戶，並且在市場上可以找到超過4000種機型，超過400個廠商以及500多個營運商，設備包含手機、平板、智慧手錶。並且在這次大會中，Google提到他們未來的商品拓展項目可能的方向，包含:

“在 Apple Watch上使用瀏覽器，是不是也能感受到聰明俐落?”

對智慧手錶的使用者而言，答案將會非常明確：不，我們可能不會希望出現這個東西。

Comex是一個知名的越獄(JailBreak)開發者，獲得了前往蘋果擔任實習生的工作的機會，在實習期間，他留意到在Apple Watch專案執行部門有有類似Apple Watch瀏覽器的功能時，也同樣認為：你可能不會想要這個東西。

關於 **Google 材質設計(Material Design)**發布之後，就以相當快的速度風靡全球。 從Google的 Inbox 到Google的其它專案項目，以及其他網站應用程式(Web application)，例如: Telegram，都已經開始佈署Material Design的框架。

如果你想了解Material Design及它在趨勢上的訊息，可以參考 [2015 網頁設計10大趨勢預測]，以及依照需求挑選適合的 Google Material 語言版本: [繁體版]、[簡體版]、[英文版]

Material Design 的特色，主要包含: 擁有全方位、簡潔、包含了UI設計哲學理念 等特性。如果你也想試著在網站上使用Material Design，則推薦使用以下的5個熱門框架: