2016年3月23日 星期三

Published 上午10:13 by with 0 comment

AJAX 筆記 - 我在ALPHACamp 第28天

AJAX (Asynchronous JavaScript and XML) 是一種格式 類似 html, 主要是架構跟內容

主要功能為將網頁上的值,傳到sever 做確認, 從背景執行, 所以不用換頁

API 應用程式介面Application Programming Interface) :「『電腦作業系統Operating system)』或『程式函式庫』提供給應用程式呼叫使用的程式碼」。其主要目的是讓應用程式開發人員得以呼叫一組常式功能,而無須考慮其底層的原始碼為何、或理解其內部工作機制的細節。

API 會有 CRUD 的功能 : 

facebook.me/post/get ,
facebook.me/post/new ,
facebook.me/post/update,
facebook.me/post/delete

請求有兩種: GET / POST

如果使用GET 會在網址後方顯示參數 <= 較不安全
POST 就不會顯示 <= 比較安全

RESTful API 正如同之前學到的有四種功能:

GET
POST
PUT
DELETE

AJAX 有三種形式 $.ajax / $.post / $.get

範例:
$.ajax({
  url: 'https://api.instagram.com/v1/media/popular',
  type: 'GET',
  dataType: 'jsonp',
  data: {
        client_id: '', 
    },
  success: function(data, textStatus, xhr) {
    $.each(data.data, function(index, photo){
      var li = $('<li>');
      li.append('<img src="'+photo.images.standard_resolution.url+'">');
      $('#photos').append(li);
    });
  },


傳輸的資料格式 : HTML , JSON, JSONP

JSON: 類似一個物件, 看起來有點像是Arrary,

JSONP: JSON with Padding 因為 Cross domain issue , 不同的網頁不能互聯
主要符合三種規範: 同 domain , 同 HTTP , 同port
當達到三種要求的時候, 可以招喚神龍
所以用這方法來限制別人可以抓取自己網站的資料






Read More
      edit

2016年3月22日 星期二

Published 上午8:19 by with 0 comment

jQuery 筆記 - 我在ALPHACamp 第27天


製作 todo list ( CRUD功能 )

HTML: 製作 U & D

基本:

用 ul + id 把整張表包起來

製作一個checkbox.

用 Span 非 Div (目的 : 內容同軸on-line)


製作 U :

製作一個 input 的欄位

value 宣告欄位內的內容




製作 D : 

自訂屬性: data-action




製作C:


最後在底部新增一個

新增鍵




CSS 排版:

ul {
  list-style-type: none;
在HTML內使用 ul 最前方會有一個點, 用這方法刪除
  padding-left: 0;
靠左

#todo-list [type="text"]

#todo-list .editing .content

#todo-list .editing [type="text"]

#todo-list [data-action="delete"]

display: none;
隱藏


#todo-list li:hover [data-action="delete"]

display: inline;
隱藏




jQuery
順序:
  // create
  // click @+button
  // show prompt
  // get prompt result
  // clone li
  // replace clone content by new one
  // append to todo-list



Read More
      edit

2016年3月17日 星期四

Published 上午10:10 by with 0 comment

你今天Kimo了嗎? 奇摩站創辦人 David Lu 經驗分享 - 我在ALPHACamp 第22天



「你今天Kimo了嗎?」


左: 盧大為先生 右: 陳治平先生 -Steven Chen 攝


講者簡介:
盧大為先生 David Lu

奇摩站創辦人
曾任雅虎北亞區副總裁及精誠資訊總經理
現為精誠資訊董事及第一網站股份有限公司董事長
第一網站開發了國內領先的比價及產品搜尋引擎—飛比價格


今天ALPHACamp Talk #3 請到, 台灣史上第一個成功入口網站的創辦人: 盧大為 - David Lu。(以下

簡稱: David), David本身很少出現在公開場合, 這次非常難得的可以請他來分享創業經驗

                         

『先來談談當奇摩吧!』 

                         


最早David 任職於 精誠資訊 , 負責銷售 Netscape (網景)瀏覽器, 在當時(1997年)有不錯

得銷量, 但一直到瀏覽器戰爭(Netscape vs Internet Explorer)的爆發, Internet Explorer

最後讓使用者可以免費下載, 使得Netscape的銷售量每況愈下, David 此時提出了Pivot的想

法,從代理商的角色轉型成入口網站,透過簡單的分類,提供消費者基本的服務,從多媒體的商業

服務,到每個人都有的電子郵件.在當時非常成功! 也有了在美國IPO的想法, 同時Yahoo想要拓

展海外市場提出了併購的要求, 最後在多方的考量之下在2000年11月 正式與Yahoo合作.



                         

『雅虎為何決定選用數位廣告這商業模式?』 

                         


David 表示, 他相信這一個商業模式, 在國外也有非常多成功的案例, 但為何台灣沒有!? 在時候

多數人還是會選擇報章雜誌,因為那是老闆能夠理解的,對於數位廣告根本沒概念, 所以在當時

其實推得很辛苦, 多數的使用者都是抱持著試試看的心態, 但是對於早創初期的他們來說, 卻是

很的支柱.


    
                     

『當初為何會離開雅虎?』 

                         


當時進入雅虎之後, 主要是負責大陸市場的開拓, 要進入中國市場最快的方式除了投資之外就

是併購, 當時主要併購的對象有,百度 以及 3721 , 最後在2003年以1.2億美元收購了 3721. 過

沒多久,David 就離職了, 主要原因一來雅虎畢竟還是屬於外商公司,對於文化上的不適應,二來

最大考量是家庭. 對於創業家來說, 往往在離開公司之後會轉任投資人的角色, 但是他並沒有選

擇這條路,David表示主要是個性不適合. 


                         

『離開雅虎後的規劃?』 

                         


當時在北京住了一年多, 之後就回來台灣, 本身是技術背景出身的David, 對於關鍵字以及搜尋

引擎有非常專業的知識, 大約在兩年多前, 以前的同事來找他討論創業, 在台灣電子商務的網站

非常非常多, Yahoo購物, Pchome購物, momo購物, ASAP, 東森購物 ....等等. 相同產品會出

現在非常多的平台上,但售價都不相同, 分析當時的競爭對手之後. 決定了創業的目標, 誕生了

"飛比價格" , 主要提供消費者比價的平台, 透過David 對於關鍵字及搜尋引擎的技術, 在業界有

不錯的反應.

                         

『關於Growth Hack您的看法是?』 

                         


目前成立兩年半以來, 成長的幅度都維持在的速率, David在創業的觀念主要在於,一開時先求

穩定,等到獲利之後,再用賺來的前開發新產品, 此外David為出資者,並沒有創投的壓力, 在台

灣VC可以在投資者身上取回一倍已經很滿足, 但是熟識中國市場的David表示, 在中國VC們

要的不只是一倍而已, 而是十倍以上的回報, 在這David也分享一位朋友的經驗:


『 這位朋友,人在深圳主要販售手機殼給台灣的店家, 當時有看上一款手機殼, 但當下並沒有跟

對方洽談代理, 隔天有其他同行從東北來, 以兩百萬人民幣買下, 並且在短時間之內獲利了好幾

倍. 在某次機緣之下遇到當時的這位買家, 友人詢問為何當時會開兩百萬, 對方回覆竟然是當時

他也沒有這麼多錢, 但是覺得會賣, 就買了下來』


這故事點出大陸人狼性的競爭玩法, 以及對於不同市場所需要應變的方法不同, 反觀台灣,速度

的確比較慢, 對於這市場, David 選擇 透過專業的技術 穩紮穩打拓展自己的版圖.



                         

『您怎麼看中國市場?』 

                         


大陸市場很大, 速度也很快, 當初愛情公寓一登"陸", 沒多久時間,市場上已經有400多家相同性

質的公司, 大陸有很多知名的網路公司, 經過多方考量後會敢出來創業的, 往往屬於正規軍. 對

於這市場有一定的瞭解. 在這背景之下, 對於外來的競爭者, 勝出的機率提高了不少.



    
                     

『有沒有話想對要想創業的人說?』 

                         


David建議, 在創業之前,應該要先去大公司學習,來提升創業的成功機率, 不論是微型創業, 新

創公司, 開公司, 在每一個階段要學習的事情都不一樣, 在創業的過程之中, 要很明確知道自己

的核心價值是什麼, 曾經朋友公司有困難時詢問他, 是否要開始接案? David 直接表示,對於自

己能夠提供的核心服務不能養活自己時,一來是市場不對, 二來是自己不肯定自己了,要如何讓

目標客群相信你.  





延伸閱讀:






Read More
      edit

2016年3月16日 星期三

Published 上午8:55 by with 0 comment

是寫Code? 還是貼Code? - 我在ALPHACamp 第21天




『當你唸完美國總統的就職講稿,你也不是美國總統。』


還記得小時候的籃球課, 學生排成一列, 

一次次練習著上籃, 讓身體熟悉這的動作,

透過自我調整, 讓動作越來越順.



『當你貼完大師的Code, 你也不會成為大師
                  重點是,你貼Code的理由是什麼?
                               學習?應付?貼好玩的?』



不同類別有不同的學習方式, 不能用舊觀念打翻全部,

對於學習程式語言來說, 在有限時間內, 

無法將所有程式都講解清楚時, 把要教的內容寫成講義附上程式碼, 

對於正在學習程式語言的人來說, 倒覺得這是件很輕鬆的事.

如果你認定你的行為是只在CTRL+C & CTRL+V 而已, 那就是真的在貼 Code

但另一層意思是,

我的行為是在貼Code, 在貼的同時 我也嘗試了解 Code的意思.

剛開始學煮菜, 很多人都是依照食譜上的步驟進行, 在一次次的過程之中, 去學習要怎調整, 

如何控制火侯, 調味料的多寡, 透過每一次的學習, 漸漸的不用看食譜了

學習程式語言, 也是相同道理,在錯誤之中, 去找尋答案.

去瞭解錯誤訊息的內容, 理解程式如何運作.



沒有用頭腦去學程式, 其實你只是在看一大串英文跟符號


Read More
      edit

2016年3月11日 星期五

Published 晚上10:29 by with 0 comment

我們在銷售商品前,就要先創造文化。 - 我在ALPHACamp 第16天



「我們在銷售商品前,就要先創造文化。」


 - Deus Ex Machina (Global Business) Omar Varts

今天Alpha Camp 請到 justfont 創辦人 Michael 來分享他的創業經歷,

  • Justfont 是華文第一家中文雲端字型服務,讓中文字也可以躍上雲端,使用者可在瀏覽器中自由的瀏覽和編輯各種字體效果。    
     -節錄 justfont FB 公司簡介

  • Justfont 在 FlyingV 創下2593萬集資紀錄  

2010年創業初期, Michael以雲端中文字型為出發, 成立中文雲端字型平台, 成功找到四位投資人

但創業絕對沒有這麼順利, 第三個月時,有一位投資人撤資, 

苦撐兩年後, 找不到明確的商業模式, 最初的資金也已經燒完.

但是Micheal 憑著自己的信念, 成功再讓投資人增資, 並且開始營運社群平台


『字型產業,國外已經在做了,為什麼台灣做不起來?                 

                                           台灣應該擁有屬於自己的字體』         

人的慾望分成: 需要 以及 想要 兩個層面

目前這產業欠缺的是, 讓消費者 “想要” 更美的字型

正如同本文一開始得標題 : 「我們在銷售產品前, 就要先創造文化」 

justfont 先後成立了 字嗨 與 字戀 等社群, 開始舉辦巡迴講座.

邀請業界知名講者, 針對字型相關產業分享經驗

也透過這機會充實自己的團隊, 也將這想法宣傳出去

從一開始的50人, 第二場80人, 第三場300人...

漸漸的社群平台人數開始成長

同一時間,

將這段時間學習歷程 加上 自己的知識 匯集成 《字型散步》一書

在市場上也有非常好的成績, 

在這雙方面的經營成效之下, justforn 在 2015年7月開始接觸 募資平台 

準備將 『金萱 』 這產品推上線, 讓更多人認識

在媒體的渲染之下, 以及社群力量之下 

集資金額由原本目標的150萬, 暴增到2000多萬.

創業的5-6年之間, 這是 justfont 第一次嚐到甜頭,

多數企業在獲得大筆資金時會開始擴編, 進行人力及市場的拓展

此時justfont 並沒有迷失自己的方向, 反而引以為借鏡


『你永遠不知道下一個爆紅的時間點,                 
                 你只看到這個月的收支有沒有打平』

募資之後, 

justfont 開始履行募資里程碑的每一個承諾

兩年舉辦50場講座, 

字數由原本預計的7000字 增加到13000字

對於justfont來說, 這是一個很大的負擔.


『成功募資不是成功,而是促使自己成長』


在未來, Justfont 會更專注於平台價值得提升

透過教育, 培訓, 演講, 讓更多設計師參與設計的行列

或許你會問, 為何要幫助對手來競爭?

一個平台的價值是要讓更多人參與其中

多一個字型團隊, 相對的也增加這產業讓大家認識的機會

同時也透過競爭, 可以更加了解消費者的需求

更能促使自己成長


『當你看到未來的時候,現在的人很難理解』


一個想法的產生, 這之中有兩個盲點, 

1. 自己懂太少, 2. 沒有人懂.

要透過不斷的驗證與學習來確認

加上自己的信念

並且付出行動

創業不就是這樣子嗎?

Read More
      edit

2016年3月6日 星期日

Published 晚上10:00 by with 0 comment

How to Pitch 的 Pitch Day - 我在ALPHACamp 第11天

  • 最一開始的想法
其實今天pitch的主題不是我最初的想法
一開始其實是給公司使用的線上ERP系統,
屬於高度客製化
但是後來我放棄這作品.
不是這想法不好,
而是能產生共鳴的人不多
Paul 老師曾說過:工具類產品其實很好做為 Startup的產品, 因為目標客群有痛過才會懂.
不是大家都跟我一樣痛過啊XD
所以就放棄了這個主題



(胖不是你的錯, 而是自己要知道)
  • 改變主題 並且做分析
之後想出的產品其實是上週有人分析 Dcard 的 user stories時想到的
一種透過幫對方忙 來認識新朋友的 交友軟體
整個的想法大概是以下幾點:
  1. 屬於匿名的交友軟體
  2. 初期只開放給學生做MVP
  3. 在列表上只會顯示 性別 科系 , 需求內容
  4. 使用者可以擔任提供幫忙者, 或是需要協助者
  5. 創造弱連結
再來就是想 Pitch 時的講稿, 重點有以下:
  1. 尋求共鳴點
  2. 吸引大家注意
  3. 班上人數男>女
  4. 要在一分鐘內講重點
OK~ 綜合以上幾點就寫出了我第一版的 pitch: (可以看藍色字的註解)
  • 第一版


大家好,我是web班的 Steven
不知道大家有沒有抽學伴的經驗? 
還記得當時從公關那邊抽到的小紙條,
上頭寫著對方的系別,姓名跟綽號,還有MSN.... 沒聽過MSN? 那是我那個年代的通訊軟體, 現在應該是 Fb 或是 Line.
在你肉搜對方之前,你只透過這些有限的訊息,已經開始幻想對方了, 是高的?胖的?瘦的?扁的?...大家不要想歪....

(在場同學年紀跟我差不多( +- 5歲), 用抽學伴來切入, 是創造一種情境, 讓大家進入故事模式)
目前的交友平台, tinder, paktor, skout, beetalk. 映入眼簾的是一張張對方的照片, 你的視覺, 決定了你是否想跟他做朋友.. 像我這種其貌不揚, 但內心善良的人, 在交友市場內往往不受歡迎.
(點出特定族群在目前交友軟體中的弱勢) 
你不是不好, 只是需要一個機會
(給這APP下一個slogan)
幫個忙主要就是在創造這個機會, 透過對方需要協助時,你伸出援手
我們的TA,是學生
(點出我們的目標族群, 但我沒有說明這是一開始)
你在這平台上不只可以幫忙別人,也可以要求幫忙
在的列表上你只會看到對方的系別年紀性別,以及對方需要協助的需求
(講解功能列表)
想想看,
大一 英文系  學妹 需要人 教她 微積分 ...
大四 電機系  學長 需要人 幫他挑母親節禮物,
大二 會計系  學妹 需要人 幫她修電腦 ,
大三 物理系  學長 需要人 借他工程計算機
(創造四個情境, 讓大家對會想要主動幫忙, 男女各半, 年級均分)
當然這是個健康交友的平台, 會導入評價系統, 在列表上除了看到對方需求外, 若看到關於色情, 暴力, 金錢, 可以向系統檢舉..
(安全機制)
透過這一個平台, 你獲得的不只是一個機會, 而是一個改變人生的轉變.
(準備收尾)
記得, 你不是不好, 只是需要一個機會
(呼應 slogan)

第一版寫完的時候還很開心用 google翻譯 請她唸一遍
可以在一分鐘唸完~~ 但是他沒有語調跟停頓啊!
恩... 改版
  • 第二版

Hi, 大家好, 我是web班的Steven
不知道大家有沒有抽過學伴? 當你看著紙條上頭的資訊, 你已經開始幻想對方長什麼樣子
( 將贅字省略, 獎抽學伴的重點)
那抽學伴的目的是什麼? 是把交友這件事情合理化
(點出抽學伴的目的, 用交友這關鍵字來連接下面一段話)
在目前的交友平台, 往往都是利用照片來決定是否要跟他做朋友,
(想講目前平台得缺點)
對於我這種外貌不揚,內心善良的人,在交友市場往往是不受歡迎的
(用自嘲的方式來吸引聽眾的注意)
你不是不好, 只是需要一個機會
(下一個 Slogan)
幫個忙主要就是在創造這個機會, 透過對方需要協助時,你伸出援手
(呼應前段的機會~ 來講解APP的目的)
我們的TA主要是大學生
在的列表上你只會看到對方的 系別 年紀 性別,以及對方需要協助的內容
想想看,
大一 英文系 的學妹 需要人教她 微積分
大四 電機系學長 需要人 幫他挑母親節禮物,
大三 會計系學姐, 需要人幫她修電腦 ,
大二 物理系學弟 需要人借他工程計算機
當然這是個健康交友的平台, 會導入評價系統, 在列表上若看到關於色情, 暴力, 金錢借貸, 等訊息 可以向系統檢舉.
透過這一個平台, 你獲得的不只是一個機會, 而是一個改變人生的轉變.
(華而不實的畫大餅)
記得, 你不是不好, 只是需要一個機會 
(在呼應原本的 Slogan)


第二版本還是超過一分鐘
把每一段分開來拆解分析
最後把安全性那段拿掉(如果有機會可以再解釋)
接下來就是最終
  • 最終版本


Hi, 大家好, 我是Steven
不知道大家有沒有抽過學伴? 其實抽學伴是種霧裡看花的交友方法
當下你會知道對方的一些訊息, 但是你看不到對方
反觀目前的交友平台, 大家都透過照片來認識你
像我這種呢~其實不是很受歡迎
我們不是不好, 只是需要一個往右邊滑的機會
幫個忙主要就是在創造這個機會, 透過對方需要協助時,你伸出援手
我們的TA主要是大學生
在的列表上你只會看到對方的性別 科系,以及需要協助的內容
想想看,
大一 英文系 的學妹 需要人教她功課
大四 電機系學長 需要人 幫他挑母親節禮物
(因為時間關係,把舉例變少)
透過這邊,你可以幫助別人,也可以受到別人協助,更棒的是,你還可以認識更多人
記得, 你不是不好, 只是需要一個機會
透過這邊,你可以幫助別人,也可以受到別人協助,更棒的是,你還可以認識更多人
記得, 你不是不好, 只是需要一個機會 



上台前非常緊張
但是過程還蠻順利的
埋的每一個梗, 其實都有抓到一些聽眾
給自己得表現大概是80分左右

經過第一輪投票 順利選出16強
很順利的我 idea 有被選上
再來就是第二段 pitch
這段我覺得我沒表現得很好..
一來是沒有準備, 二來是根本不知道說什麼XD
以下是我的講稿

 HI 大家好, 我是很想幫助學妹的Steven
一開始設定目標客群我定位在學生
一方面是因為學生背景比較單純
二來是他們對於新產品的接受度較高
當然交友軟體會有正反兩面
我們會利用評價系統去杜絕 色情 暴力 金錢借貸等關係~
創造一個安全的平台~
謝謝大家


反觀第二段的 pitch
我只點出兩個重點:
1. 為何是學生 但是我沒有講明未來的規劃
2. 安全性, 這是第一段省略的
其實當下講完.... 我還真不知道我在講什麼
最後聽完16組

很順利的, 我的想法沒有被選上

  • 檢討 

一開始聽完這44個idea 
其實可以分類成幾種
  1. 工具類
  2. 旅遊類
  3. 產品類
  4. 教育類
  5. 交友類
分析其中幾類產品
1. 工具類要有通點才會瞭解~ 其中有四個我蠻喜歡的 a.我的記分板 b.重車找車位 c. remind me d.順手快遞...等等
2. 旅遊類的idea 很多, 可以顯示這是一個很大的市場,但是還沒飽和,可以判定是目前線上的產品宣傳不夠, 或是沒有達到所有使用者的需求...等等
3. 產品類有兩個, 一個是在家透過這裝置連結大同電鍋, 可以設定煎好吃的牛排,第二個是想要幫助賣玉蘭花的人, 透過目前的香精技術,提升玉蘭花的價值...等等
4. 教育類 有一個是中文版的turtorABC 另一個是打破遊學代辦訊息不公開的產品...等等
5. 交友類... 的確 就只有我一個
綜合以上的分析
其實只要想法跟別人不同 所謂的藍海領域 有很大的機會可以進入第二階段、
但是到了第二階段後 卻要拿出真正能吸引人的地方~
有跟學長討論我的pitch (不針對內容討論)
學長的建議是:
我的pitch 有成功吸引到觀眾 , 但是可以再針對競爭對手跟自己產品來做分析,還有是商業模式 會更完整
的確, 我當初在想這idea時已經犯了大頭症
自認為產品跟別人不一樣
但是卻沒有說清楚
商業模式 的確沒有深入的來分析這點....
  • 結論
其實一個好的 pitch 
我們拿上上篇的論點來分析
  • 簡短地介紹你自己 
  • 針對不同對象來做不同的版本
  • 描述你的事業是什麼類型
  • 描述你的客戶是什麼類型
  • 談談你跟其他競爭者有什麼不一樣?你的獨特賣點是什麼?
  • 你的電梯簡報並不是在賣你的產品,而是在描述你的事業
  • 要讓人容易記住一些重點,否則聽你講完話的人,事後可能根本回想不起來你講了些什麼
  • 試圖埋個梗,引起聽者的興趣,讓他進一步問你問題
  • 經常練習,讓你在進行電梯簡報的過程中聽起來是非常自然的,而不只是在背稿子
  • 進行電梯簡報時,要友善、充滿熱情,而且要有誠意
  • 演講速度要控制好,慢慢講,不要急,講太快真的會很像在背稿子
  • 適當的停頓,適時的微笑
  • 記住要盯著對方的眼睛(Eye contact)
  • 口齒要清晰,即使你非常緊張,也要讓對方聽懂你在講什麼
  • 要有自信,不管是什麼情況
上面幾點其實還是沒有做到
除了報告的重點之外, 其實產品本身是否吸引人也是一大問題
簡單來說~ 下次會更好


下週要開始進入 Ruby on Rails 啦~~~

Read More
      edit