�ƢNĹêȨ Bear Lee
雲端搶鮮看
��������
3
�ňƆŲ�ùöQƼr�ƢN�Ĺêǰ
4
/Ǘ©ŏǯĞ��+
5
�sappmƭtf�ǯŕƈ/Ǘ
ðū�ƮƣDZǙŨ
6
×mǯNıƮƣ
7
8
ǓǙöQĹêǯƌŸǯï=����čŵŹ
9
ǓǙöQĹêǯƌŸǯï=����čŵŹ
10
ǓǙöQĹêǯƌŸǯï=����čŵŹ
11
ǓǙöQĹêǯƌŸǯï=����čŵŹ
12
UI
ǓǙöQĹêǯƌŸǯï=����čŵŹ
13
ǓǙöQĹêǯƌŸǯï=����čŵŹ
14
ǓǙöQĹêǯƌŸǯï=����čŵŹ
15
ǓǙöQĹêǯƌŸǯï=����čŵŹ
16
ŶÓU³�$�Ʈƣ öQŌĐ��°l趨勢
öQŵŹŮ.
Path!�ǑĨ�ƾƠŵŹDZ�dq��,�DZ¡Ä/e�w�d�ŵŹnj�DZ¥ũ�öQnj��/e�ŵŹappDZŃ!�ò��DZ�Path8Õǔļ4�Ɯ´@DZƅÀ��i�ǰ
18
Behance!ĹêǯƓŸ��Ú/et��ŵŹDZšéƩ�t�qé���č�ÍŎǰ
19
Pinterest!��G"ÂƜG"DZÀųǯ/e!u;�D2�¶j���čǰ
20
FANCY!#Ūŕ¬�/eŵŹDZš&ÑÆŴ��ŝlǯ#Ūĭ�DZ�ŒÐPNxăÆǰ
21
Foodspotting!Dĉ/e�ŵŹnj�DZ0@��ÍŎaopentableÀŴDZŝķõ�UIĹêÝǰ
22
Posse!�4&1ŊŇ�A�ōFDZ/eÖ*�ĵ4DZ£��ŝŀ�A���ĵr�¿åǰ
23
OOHLALA!fNãƈ��ĻŚŵŹÍŎDZÿƒŊŇLĻ¿�öQŵĊƦ�PNǰ
24
Notes & Diary
Personal Todo
File Sharing
�(ĭ`·Ř
Evernote!�4ƧƋ�ơ�ƞ¼·Řǰ
26
IFTTT!IF This Then That �öQÍŎ�APIǠ.DZB�ģK�Nôǰ
27
Clear!1öQLJƫIĐ�ƭƫƻ%�Todo·ŘDZ��ưǤ�UIƉĢ:ć@DZ�ŝŀ�ƴrÞDZü#sĜ|�ĆķEŭǰ
28
Gneo!ńƽĴƟ�Todo·ŘDZ�Eŭ/�Î���Ŕ²�ţśDZšƑ'Evernotet�sĜserverǰ
29
Mailbox!j��ò3�\¬ÑÆÂ�ĆķEŭ�ǑĨ�appDZ�g�â�fƛIµDZB?)Č�Ģ�ìëhĈDZšđDropboxÀŴǰ
30
Dispatch!�nMailboxDZ�{E>�à�èŁn�Aapp�DZ?<à��ÆÉDZB�{¯§6á��?app�¼ ǰ
31
IM & File Sharing Search
Project Management Task Management Enterprise Social Platform
File Management and File Sharing
ƃƳǂs·Ř
azendoo!��þMDZƑ'ŵŹ×mşıĚ�¸ƥ�ŐƙÍŎǰ
33
Trello!Ƒ'�y�ƂĢ�ƼrĚ�]��Task�Ƥıǰ
34
Producteev!��TaskÂVă½�ƃƳNetworkDZ&ƹÓnƃƳ¿DZěDŽTask�ǂsÊĮǰ�Jivex �ÍŎǰ
35
Slack!1ë#ƶ»Ť�ƀ�ƉĢO+ƃžĀǚ¹�ÊĮDZ&1/eǟƥǯŔĢwįDZƿƪ/e'�ĺƔgǰ
36
�G"�÷�"�QÍŎǶ
���cŖǒ¢ĭ�6�ǯĹê
Ò���ÍŎ�ĴCø�ʼn òǪ�$ÍŎ��þ æijï=õ�¦º
3939
技術RWD Mobile Web App SPA
4040
Responsive Web Design
4141
4242
Responsive Web DesignƑ'ǩœãƈ�Ư²Z²g �$ģľRĢDZBļr�Ĺ êŇë�ƍÅãƈ�ä�DZ Hǘ�s��JƉĢǰ !
���media queriesxĤ: �ƌŸĩ[
4343
Media Queriesmedia queries�CSS3�Ŷ�±oƆŲżƯZǯãƈƯZǯļr�ǖǯãƈŦÂǯ©ŏgDZ0ÔDžď�iē=ŧŽÃ²Oǩœ �ó�ǰ
4444
mobile web applicationƑ'�Ǐ�ļrDZòƵKƜÔ ±(AppŔĢ�ítNıǰ ǖWfNãƈscrollf���İ ²ǯYǨgǰ CSS3 Animation
4545
iscroll dz webkit-overflow-scroll:touch �iOS��$&1Ƒ' CSSĤ:åż��Scrollf�DZWs±(ŔĢƝ��Ǐ��ݲņ`YǨDZ���?ƆŲż�$�ē=iscroll�javascriptŋ¬Ĥ:�R�M«ǰ
4646
css animationVJ��fNãƈDZ�¿Ŋ��Ģ�ƆŲżDZ5nļr�Nļ�ǣJKƱŬ�&��ǰ
4747
4848
4949
5050
Single-Page Applications
Ű®ļr�ģľDZ]�ļr�g�7ÌDZ Ƒ'JavascriptÇǬÍż�ĺťDZ��Ņ Ķ��HTML�ǰ �ĹêÝ�ƙ�$�¢Nt�äĩDZĤ� ļr:ć�:�òĥDZBï=õ&1M^ ]�ŧû�,�Ǐǰ Angular.js + CSS3 Animation
5151
5252
�$îĎ�÷ì�� ŌĐ � DM ņ ï=�Um�ƏºDZ šē=ƌŸ�:ǰ
53
ĭ�-Vitals Mobile ĭ�-VIdegree Mobile
Case Study
54
�Ŕ�Ƽr�ñǯć��žĀ
54
54
�Ŕ�Ƽr�ñǯć��žĀ
54
55
Vitals Mobile
�$Ĺ�ÐŎĠ¾q8app�� ü#�Ľ�C�iĝ¯§ǰ WçŇ륢ĝ¯§�'Ŕ�,��
Ăłï=ǭĝ�>Ž
q8œÌ��ĝƬljāĪ
Ò�ĺťǜ
C�i
ÏTř!ŷş ĝ¿å
Ǖŗ
6ſ
56
57
Ăłï=ǭĝ�>Ž
ÏŞTřŷş
��ĝƬljāĪ
ĝ¿å!Ï/ŷ
2Ǖŗ
6ſ
2
�ƇCęð-ƖűDZ���Ƽr�IJ�à��ŻƐ!ÁǧǯŰ®ǯNjLjà�ǰĕ�ǵ�İ¥¢ĝ¿å��Ŕǰ
57
öQªĔǍ
5858
ǃÕĸ 0�k¬ ǡÌÏÙ
5959
�i¿å�ÏÙ
6060
�i¿å�ÏÙ
Ö=Třŷş
�iƕǥC8@:��ǁƕǫ
_Ē9İ�ݼ
CęK�&ůĥbÈTřŷş
6060
6161
6262
6262
&�iöQ�nj�ǐ¬
6363
&�iöQ�nj�ǐ¬
¸÷nĕu�ÏŞ�E>�
6363
&�iöQ�nj�ǐ¬
6363
6464
6565
n�Vitals Mobile��RǢ(� �$gĆėī�YǨDZB�$ǛĜ �D��app
66
VIdegree Mobile
VIdegree Mobile�VIdegree�b�appDZ dž=Angulars.jsǴPhone Gap ƁtDZ šËħ&úĖï=ǰ
66
67 67
67 67
�S�$�ƲŢ��08Õ��ŔƗƘ8Õ�ñ
68
VIdegree Mobile
68
69
VIdegree Mobile
69
7070
¿ÈÚ
ėī
7171
¿ÈÚ
ėī
7272
¿ÈÚ
ėī
j�Ŝ��ƨ NJ¤ÄĆ
74
¸ƥ-ƸÐTř¢É�fNÞ ¸ƥ-GPM mobile
Case Study
74
7575
ƸÐTř¢É�fNÞ
��?�Ȩ�fNÞ�ĸDZ �$1Mobile First�Ăą36DZ ší=0��ƌŸDZŝŀßǞƄ� =�Ƽrǰ
76
ƸÐTř¢É�fNÞ
76
7777
7878
79
ƸÐTř¢É�fNÞ
79
79
ƸÐTř¢É�fNÞ
79
80
ƸÐTř¢É�fNÞ
]�ĭ�ø¸ƥƷf'Ŕ�DZ
�$��ď�ŠřDZ�B¯§O�DZ
V��{¯§O�Vvǰ
V���¸ƥĿ�=%�ƚķDZ�� ŀ�Ĵǀ�:[Dz
80
81
ĺƶ�8ÊĮfNÞ
�S¸ƥ�$/�X�č ƗƘ ��#Ŕ��sDZx1ģǦ� pIJ�ĸÞ�fNãƈÞǰ
81
8282
�ĸÞ�ƉĢ
8383
8383
8484
8484
85
ĺƶ�8ÊĮfNÞ
žĀ�'Ŕ�DZėīò3�¦ºDZ �$�����Ɗǝšő`YÅö Q&��ǰ ėīƎz�æ��$]�ŢûĂł �=%�¸ÐŔ²ǰšǎ�ėī� �µDZő`��&��øċ��ǰ
85
86
與客戶共同創造價值
彼此了解,共同把事情做對!
86
8787
�$Ġ¾B�4ýř�ň¥ô�GSS
�Ë��ƌŸźĦ�Domain knowhow
@DZšHǘ0uǮǯĴƟǯ�=ǯ �÷ï=õÛÜ�ƼrĹêǰ îĎߥDZ�|h�urǰ
8888
Ŷ�ĭ�o~³DZ�$Č ����$ÍŎ� ğ�Ą¢K�ėī&1Ę��×mDZKƱŬǯ ßƺ�¿åǰ š�Ë�ġ¸ó�Ė�¦ºæijÊĮ �l�YǨžĀ×mǰ �$�æ�ėī�žĀĬØ�ĭ�K��Ɣ}ǰ
��������
��
89