こもりまさあき　2014. 09.05 | Developers Summit 2014 Kansai スライド資料

1. 8FCرؠ؎ٝהꟚ涪ך劢勻
ֿ׮׶תֹׁ֮խ]%FWFMPQFST4VNNJU,BOTBJ
Photo from unsplash.com | by David Marcu

2. Profile
ֿ׮׶תֹׁ֮
䎃➿⵸⼱ծ鿪ⰻךرؠ؎ٝ⠓爡חג،ٕغ؎ز׾Ꟛ㨣կ㣐㷕⼼噟䖓׉ך
תת姻爡㆞הז׶ծⰅ⳿⸂ծرؠ؎ٝ噟⹡ծطحزٙ٦ؙꟼ鸬噟⹡ח⚛遤׃
ג䖞✲կ䎃ח⠓爡׾鷌耵׃ؿٔ٦ٓٝأחկ周⟝׀הח噟⹡ⰻ㺁װ甧׍
⡘縧ָ殯ז׷׋׭ծ耵㚖涸ז肔剅ֹכז׃կ♧䘔ծ)5.-YQFSUKQ/P
鵚衼חչ3FTQPOTJWFNBJM%FTJHOꨵ㶨剅硂պזו

3. 'FFM
儗➿ך㢌⻉׾䠬ׄה׸

4. 劢勻׾✮庠דֹ׷ַ
然㹋ז✮庠כ♶〳腉

5. 㢌⻉ך⯐׃׾鋅鷕ׁזְ
رغ؎أך㢳圫⻉ծꠘ鋮橆㞮ך㢌⻉ծ
䖚ղח⚅歲ָ㢌׻׶㨣׭גְ׷ךכ׻ַ׷

7. ְאתד׉׿זֿה׾ֶ׏׃ׯ׏ג׷˘

8. (PPPHMF%BUBCPBSEIUUQCJUMZVOL1

9. 醱侧ךرغ؎أ׾ء٦؛ٝءٍٕח⢪ֲ儗➿

10. OESPJE'SBHNFOUBUJPO3FQPSUVHVTU0QFO4JHOBMIUUQCJUMZV#VL1

11. OESPJE׾䵧鯹׃׋رغ؎أծ


12. ׉׮׉׮8FCהכוְֲֲ׮ךַ
׮ֲ♧䏝⾱挿ח甧׍鵤׏ג׫״ֲ

13. 5IJTJTUIFXFC]#SBE'SPTU8FCIUUQCSBEGSPTUXFCDPNCMPHQPTUUIJTJTUIFXFC

14. 5IJTJTUIFXFC]#SBE'SPTU8FCIUUQCSBEGSPTUXFCDPNCMPHQPTUUIJTJTUIFXFC

15. 5IJTJTUIFXFC]#SBE'SPTU8FCIUUQCSBEGSPTUXFCDPNCMPHQPTUUIJTJTUIFXFC

16. “The primary design principle underlying the Web’s
usefulness and growth is universality. ••• And it should be
accessible from any kind of hardware that can connect to the
Internet: stationary or mobile, small screen or large.
by Tim Berners-Lee
-POH-JWFUIF8FCIUUQXXXTDJFOUJDBNFSJDBODPNBSUJDMFMPOHMJWFUIFXFC

18. 如ך劢勻כז׿הזֻ鋅ִגֹ׋
ֿ׸תדדֹזַ׏׋ֿהָծ
)5.-ך涫㜥דו׿ו׿דֹ׷ַ׮׃׸זְ
˖ رغ؎أ1*פך،ؙإأ
˖ ؔؿٓ؎ٝדך⡲噟
˖ ٔ،ٕة؎يדךװ׶ה׶

19. 㢌⻉ח黝䘔׃גְַֻծ׉ךתתדְ׷ַ

20. )PSJ[PO
鋔ꅿ׾מ׹־״ֲ

22. 剑鵚״ֻ羭חׅ׷⽃铂ծٔ٦ٝ
ؽآطأךأؾ٦سָ鸞ֻז׶ծ
וֲװ׵⚅ך⚥ך׿ן׶הכ⹛ְגזְ

23. 8FC؟؎زךꟚ涪أؾ٦س׮
荈ⴓךת׻׶װ傈劤׌ֽ׾鋅גְג׮ծ
婍䙀זָ׵֮ת׶ؾ٦ٝהֿזְד׃׳ֲ

24. 1-554IUUQQMUUTNF

25. ٓؿأ؛حثַ׵؟؎ز׾ⰕꟚׅ׷תד儗꟦

26. 1SPEVDU)VOUIUUQXXXQSPEVDUIVOUDPN

27. #FUB-JTUIUUQCFUBMJTUDPN

28. 如ַ׵如ח欰ת׸׷倜׃ְ؟؎زװ؟٦ؽأ

29. ؒ؝ءأذي׾ֲתֻⵃ欽ׅ׷

30. 'JSFTQPUUJOH*IUUQSFTQPUUJOHDPN

31. 倜׃ְ؟٦ؽأך،؎ر،דׅ׵Ⱏ剣ׁ׸גְ׷

32. 8PSME
;JQBOHV

33. 傈劤ה׉׸⟃㢩ך⚅歲
״ֻ鎉׻׸׷ֿה׌ָծ
8FCך⚅歲׮׉׿ז䠬ׄך״ֲ
荈ⴓךת׻׶׌ֽדזֻծ⚅歲׮鋅ג׫״ֲ

34. ְאתד׮〢ְ䌢陎ח㔈׻׸גזְַ

35. 㢌׻׹ֲה׃זְծ㢌ִ׋ָ׵זְ

36. ׋הִלծؕٝف׾⡲׏ג然钠׃ג圓眠הַ

37. “Photoshop is repeating yourself. Ok, so you’ve spent 3 days
on a mockup in Photoshop. Now what? Now I have to make
it all over again in HTML/CSS. Wasted time. Just build it in
HTML/CSS and spend that extra time iterating, not
rebuilding. If you’re not fast enough in HTML/CSS, then
spend the time learning how to create in HTML/CSS faster.
It’s time well spent.
by Jason Fried
8IZXFTLJQ1IPUPTIPQIUUQTTJHOBMWOPJTFDPNQPTUTXIZXFTLJQQIPUPTIPQ

38. ꫼涸ז׮ךַ׵⹛涸ז׮ךפ
鍗׸׮׃זְ꫼姺歗חְאתד׮ֿ׌׻׷
⹛ַ׃ג׫זְֿהחכ׻ַ׵זְךח˘կ
زٓـٕכծ鏣鎘װٙ٦ؙؿٗ٦♳ך搀椚דכ

39. )PXJU-PPLTˊ(PPHMF(MBTTIUUQXXXHPPHMFDPNHMBTTTUBSUIPXJUMPPLT

40. 8FCְָאתד׮㔊錬ְ歗꬗ה׮ꣲ׵זְ

41. “Get your content ready to go anywhere because it’s going to
go everywhere.
by Brad Frost

42. $0/5956-%4*(/

43. 䞔㜠ծ؝ٝذٝخך劢勻׾罋ִ׷
ֿ׸ַ׵罋ִ׷ץֹהֿ׹כֿ׍׵կ
*ָ˘ծ1IPUPTIPQדוֲװ׏גהַדכזְ
֮׵ײ׷朐屣♴דꠘ鋮ׁ׸׷ֿה׾罋ִזֽ׸ל

44. 'SPN3FTQPOTJWFUP3FBDUJWF

45. (PPHMF%FWFMPQFSTIUUQTEFWFMPQFSTHPPHMFDPNHMBTTEFWFMPQJOEFY

46. .BUFSJBM%FTJHOIUUQXXXHPPHMFDPNEFTJHOTQFDNBUFSJBMEFTJHOJOUSPEVDUJPOIUNM

47. 8FC$PNQPOFOUTIUUQXFCDPNQPOFOUTPSH

48. 鋔ꅿ׾מ׹־ծ⸂ךⰅ׸וֿ׹׾꟦麩ִזְ״ֲ

49. DUJPO
⹛ַזֽ׸ל⚅歲כ㢌׻׵זְ

50. ⚅歲׾㢌ִ׷׋׭ח遤⹛׾ֶֿׅ
ؚٗ٦غٕז⚅歲דזֻג׮ְְկ
ת׆כٗ٦ٕؕծ荈ⴓךת׻׶ך⚅歲ַ׵ד׮

51. #FIJOE5IF4DFOFTPGUIF8FC%FTJHO1SPDFTTIUUQCJUMZQS./+I

52. 8FCךꟚ涪فٗإأ
ؽآطأأؾ٦سכ⸇鸞׃גְ׷ךחծ
׉ךفٗإأכו׿ו׿㟓ִגֹגְ׷植朐
䖞勻䊨玎׾鋅湫ׁזְה儗꟦לַ׶ַַָ׷˘
瀉秛劍׌׏׋׶ծ⡚؝أز׾実׭׵׸׋׶˘
וַֿ׾⸬桦⻉דֹזְ׮ךַ

53. 铩ַָװ׵זֽ׸ל㢌׻׶כ׃זְ

54. 耵㚖װٙ٦ؙؿٗ٦ך㢌⻉
铩ָוֿתדװ׷ծהְ׏׋㞮歲կ
װ׷ֿהָ㟓ִ׋ⴓז׿הזֻ切僳ח
⡲噟ך⸬桦⻉ծ荈⹛⻉ך➬穈׫׮⯍㹋

56. דֹ׋儗꟦כⴽךֿהח⯍ג׵׸׷

57. غحؙؒٝس׌׏ג⤑ⵃח
مأذ؍ؚٝ؟٦ؽأך鹌⻉կ
84װ[VSFח➿邌ׁ׸׷*BB4ծ
)FSPLVծOHJOF:BSEהְ׏׋1BB4ד澓儗ח饯⹛
1BSTFך״ֲז#BB4׮֮׷

59. 㼭ֻׁכׄ׭גծ㣐ֹֻ肪ג׵׸׷

60. דֹ׷ֿהַ׵鑐ׅծ〳腉䚍׾ּׁ׷䠐㄂ד׮

61. ث٦يדך؝ٓنٖ٦ءّٝ
(JU)VCծ#JUCVDLFUזוծ
(JU׾⢪׏׋ٙ٦ؙؿٗ٦ח岣湡ָկ
ְ׹ְ׹ז耵珏׾ת׋ְ׌⡲噟׮嚂ח
ؚٕ٦فؐؑ،׮ծ
ⴽ؟٦ؽأהך؎ٝذؚٖ٦ءָّٝ〳腉
וֿחְג׮➬✲ָדֹ׷״ֲז儗➿פ

62. מהאךفٗآؙؑز׾ⰼ徽ח鹌׭׷׋׭ח

63. رؠ؎ش٦ָ˘ծؒٝآص،ָ˘ծדכזֻ

64. ֮٥ײ٥׫٥״٥׶

65. 剑䖓ח׮ֲ♧䏝կװ׵זְה㢌׻׵זְ

66. ⡦׾㢌ִ׷ַכծ➂׉׸׊׸

67. ⚅歲׾鋔ꅿח⡦ַ׾㢌ִ׷ד׮ծ
荈ⴓךワ鴟׾㢌ִג׫׷ד׮葺׃

68. ׫זׁ׿ך劢勻׾葺ֻׅ׷׋׭׌ֽדזֻծ
׫זׁ׿ך⡲ㅷד⚅ך⚥ח㋐ןָ㟓ִ׷״ֲ

69. ֿ׸ַ׵ך涺ׁ׿ךDUJPOծ
׉׃ג欰ת׸גֻ׷4UPSZח劍䖉׃תׅ