aso

ASO (App Store Optimization) Guideline

App Store Optimization (ASO) is the process of improving a mobile app’s visibility within mobile app stores (such as the iOS App Store and Google Play Store) by optimizing the content of the app’s store page for popular, targeted keyword phrases.From App Store Optimization (ASO): A Beginner’s Guide

ASO和SEO的概念是類似的,同樣是企圖在搜尋引擎(不管是App Store或Web搜尋引擎上)在使用者特定的查詢字串下,將排名往前,取得較佳的排名。而為了取得較佳的排名,我們是有些工作必須完成的,分述如下。

Continue Reading →

Node.js: Microblog with Express

使用Node.js + Express建構一個簡單的微博網站。

使用Node.js + Express建構一個簡單的微博網站

What is Node.js? Why use Node.js?

Node.js 是 Ryan Dahl 基於 Google 的 V8 引擎於 2009 年釋出的一個 JavaScript 開發平台,主要聚焦於 Web 程式的開發,通常用被來寫網站。 (FROM 用 Node.js 學 JavaScript 語言(1)簡介與安裝 by 陳鍾誠 | CodeData)

已有不少前人討論為什麼要選擇Node.js這樣的開發平台,不外乎就是性能(事件驅動、非阻塞式IO的Web伺服器),如果對這個議題有興趣的可以參考這篇文章 為什麼我要用Node.js?案例逐一介紹

對我而言,開發上經常是HTML + CSS + JavaScript + ASP.NET C# or PHP常常導致角色錯亂或不容易專精,所以能夠使用JavaScript統一前後端真的是一大福音。

Continue Reading →

安裝SUBLIME3

下載:sublime3

安裝PACKAGE INSTALL

這是在SUBLIME裡很方便的套件,之後要安裝很多套件都要靠這個!!

官方網頁:PACKAGE INSTALL
下載:手動安裝檔
將"手動安裝檔"下載下來之後,到SUBLIME的選單 找到Preferences > Browse Packages按下,
將資料夾"往上一層",可以看到Installed Packages,
將剛剛下載下來的"手動安裝檔"放到Installed Packages裡面,重新開啟SUBLIME就完成安裝了。

Continue Reading →

About HTML semantics and front-end architecture原文

一篇有點歷史的文章,作者有在Twitter工作過,沒錯!馬上該想到有名的Bootstrap(不過不知道作者有沒有參與)。不算完全翻譯,這是一遍蠻深奧的文章,所以翻譯中除了原作者提供的之外,有加入我找到的相關資料以及我的看法。雖然英文不是很好,但我儘量表達到位。那我們開始吧。


集合了一些想法、經驗、我喜歡的概念,還有最近這些年我已經在嘗試的概念,包括了HTML的語意化、元件、前端架構的設計方法,類別的命名方式、HTTP壓縮。

We shall not cease from exploration
And the end of all our exploring
Will be to arrive where we started
And know the place for the first time.
T.S. Eliot – “Little Gidding”

我們不會停止探索
而一切探索的終點
將會是我們下一次探索的開始
T.S. Eliot – “Little Gidding”

Continue Reading →

SQL查詢效能優劣,會直接影響到系統的反應時間長短。
本文將介紹PostgreSQL的查詢方式,
將SQL:ANY(ARRAY[...]) 改為 ANY(VALUES(...)),可以讓原本要20s的查詢成本降低到0.2s
我們以下列的範例來說明,
有兩個表: firm(公司) 及其 member_firm_role (公司成員角色)
兩者以firm_id(公司代號)關聯。
雖然資料量很少,但也能看出效能的差異。

效能檢視SQL:

EXPLAIN (FORMAT JSON)
SELECT r.firm_id,
       r.member_id,
       r.editor,
       f.firm_name
 FROM adm.member_firm_role r
 JOIN adm.firm f
   ON f.firm_id = r.firm_id
WHERE r.firm_id = ANY (ARRAY[1,2,3,4,5,6,7,8,9,10])
  AND r.member_id = 'd5b40f02-f78a-78ea-8d49-7c9fcdba5f40'
Continue Reading →

Parallax Scrolling又名視差滾動,在江湖上已經流傳了這麼久,雖然是老梗但用在網頁上的效果一直很不錯,作前端工程師應該總會遇過設計或是需求用閃亮期待的眼神問你作不作得到。我們會在接下來的章節中利用工具實作視差滾動的的效果。

我們將假設你會以下技術,否則在接下來的介紹裡,你可能會感覺有點吃力。

  • Css3:動畫實作經驗
  • JQuery 或 Javascript
  • SASS 或 SCSS
Continue Reading →

本文提供了在windows 7系統下安裝node.js、express以及簡易的npm操作及部分範例實作。

Node.js是一個事件驅動I/O伺服端JavaScript環境,基於Google的V8引擎。目的是為了提供撰寫可擴充網路程式,如Web服務

引自 維基百科node.js

一、安裝

nodejs

NODEJS官方網站下載
下載後進行安裝即可,安裝時,所有元件都要安裝,別漏掉了。

Continue Reading →