�Ƣ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