自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，

但官方仍不直接證實 AMP 可以加強SEO，幫助搜尋引擎排名，

但是實際上測試，經過AMP優化的頁面確實可以有效的增加排名，

(圖片來源: http://www.jiayang.me/1883/)

支援

Chrome, Firefox, Edge, Safari, Opera and Edge

限制

AMP目前階段僅建議單純使用他的框架情況下來建構， 意思就是，如果你想搭配 vue, react…等框架，官方就直接回應: 不建議也不支持

只允許在本頁的樣式，並且統一放在```<style

清除AMP快取內容

https://developers.google.com/amp/cache/update-ping 更新AMP快取的內容，可以透過 update-cache 或是 update-ping

在今年初，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. 打開terminal，輸入mongo 啟動database

	> mongo

預設會連結到 test 資料庫 並且是以javascript shell的方式運行，因此js與法在這裡面通常都可以執行

##資料庫 顯示目前所有資料庫

	> show dbs

建立或登入資料庫 建立跟登入資料庫，都是使用use

	> use 資料庫名稱
  
  //switched to db 資料庫名稱

顯示資料庫中所有資料表

	//先登入資料庫
	> use 資料庫名稱
  //顯示資料庫中所有資料表
	> show collections

基本CRUD (參考)

假設資料表名稱為 person

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個熱門框架:

關於Infinit

Infinit 是一家法國巴黎的新創公司，日前推出了MAC版本的文件分享軟體，用有別於市場上Dropbox、Google Drive的分享方式，Infinit採用P2P的作法，立刻受到廣泛好評，更振奮的是，Infinit最近終於又推出了window版本。

作為一個工程師，我們了解這行業的步調演變得非常快，超快。事實上，我們未必能夠即時跟上這些新的程式庫、框架及目前所使用工具的最新版本。但是，仍然必須保持動力，確保能夠繼續的產出，以符合老闆及客戶的期望。

新的一年已經度過了兩個多月，一些新趨勢也已經開始形成初期的規模。在本文中，將介紹三個值得在2015年關注的程式庫即框架。

React.js

React.js並不是一個完整的框架，因此會找不到一些存在 Ember或Angular JS的功能。他所倡導的精神主要在產生可以重複使用的UI元件，可以根據時間來調用數據。也因為這樣，很多人都習慣將它是為MVC中的V。並且和Angular JS最大的不同處在於: Angular JS是使用雙向數據綁定，而React是偏向於單向數據綁定模式。

最重要的是，這個專案是以類似DOM的概念。 你可以用來設定元素，控制數據，以及調整頁面中的DOM。 You can think of it as a set of elements that you can modify with your data and which, in the end, will modify the page’s real DOM. The virtual DOM is used for efficient re-rendering of the DOM by using a diff algorithm that only re-renders the components changed. This in turn enables the library to be ultra fast.

圖片來源: neomobile 現代生活中，幾乎每個人手上都擁有一支智慧手機，並且行動裝置訪問網站的數量逐漸超越桌上型電腦。除此之外，我們已經觀察到行動裝置逐漸滲透到其他領域，包含以下幾點:

Google這次舉辦一系列的線上講座，最近先看過幾個歷史影片，看來他們花了滿多時間把網路趨勢跟大數據轉換成一般人容易了解的方式。

今天，想說來參加動態行銷方面的直播節目，結果在日曆中點選Hangouts卻顯示無法連結的畫面(不知道有沒有人跟我發生一樣的情況)。

不過，Hangouts不行，還有其他辦法，在youtube 的AdWords Greater China頻道也可以直接看到所有節目清單

Google在今年推出免費的線上講座，一月份的課程清單如下:

1月 16日 / Google 關鍵字廣告的精準行銷秘訣 1月 21日 / 創建你的網路門面：Google我的商家 1月 28日 / 新年行銷商機，在網路賺進羊年第一桶金

一月份如果你錯過了，那就趕緊報名2月份的課程吧:

圖片來源: dudamobile

響應式網頁設計(Responsive Web Design)在這幾年越來越火紅，剛好，這次要開發項目的程式面會比較單純，所以想說，之前沒畫過RWD的畫面，就來試著畫一下，因此，就開始陷入Photoshop Guid這塊。不知道大家在使用 Photoshop設計時，都會怎麼處裡?

在製作過程，我使用的是 Photoshop 中的網格的擴充套件，由於，公司跟家裡使用的Photoshop CS版本不一樣，並且安裝的方法也不同。因此，在本篇主要以如何在Photoshop CS5裡面安裝Grid 網格擴充功能:

在外出旅行途中，常常會遇到最困難的部分包含聽不懂當地的語言、對話及各角落的招牌。之前，市面上免費的翻譯APP多數只包括輸入文字翻譯或者簡單的語音輸入翻譯，很難在這些即時場合派上用場。

就在本周，Google Translate APP 除了加入了Word Lens這項功能，並且同時針對其他部分進行強化，這些嶄新的突破，讓Google Translate確立了翻譯軟體寶座，立即幫我們突破旅遊的難題。