Webデザインと開発の未来

10,557 views

Published on

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

Published in: Design
0 Comments
97 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,557
On SlideShare
0
From Embeds
0
Number of Embeds
1,654
Actions
Shares
0
Downloads
74
Comments
0
Likes
97
Embeds 0
No embeds

No notes for slide

Webデザインと開発の未来

  1. 1. 8FCرؠ؎ٝהꟚ涪ך劢勻 ֿ׮׶תֹׁ֮խ]%FWFMPQFST4VNNJU,BOTBJ Photo from unsplash.com | by David Marcu
  2. 2. Profile ֿ׮׶תֹׁ֮ 䎃➿⵸⼱ծ鿪ⰻךرؠ؎ٝ⠓爡חג،ٕغ؎ز׾Ꟛ㨣կ㣐㷕⼼噟䖓׉ך תת姻爡㆞הז׶ծⰅ⳿⸂ծرؠ؎ٝ噟⹡ծطحزٙ٦ؙꟼ鸬噟⹡ח⚛遤׃ ג䖞✲կ䎃ח⠓爡׾鷌耵׃ؿٔ٦ٓٝأחկ周⟝׀הח噟⹡ⰻ㺁װ甧׍ ⡘縧ָ殯ז׷׋׭ծ耵㚖涸ז肔剅ֹכז׃կ♧䘔ծ)5.-YQFSUKQ/P 鵚衼חչ3FTQPOTJWFNBJM%FTJHOꨵ㶨剅硂պזו
  3. 3. 'FFM 儗➿ך㢌⻉׾䠬ׄה׸
  4. 4. 劢勻׾✮庠דֹ׷ַ 然㹋ז✮庠כ♶〳腉
  5. 5. 㢌⻉ך⯐׃׾鋅鷕ׁזְ رغ؎أך㢳圫⻉ծꠘ鋮橆㞮ך㢌⻉ծ 䖚ղח⚅歲ָ㢌׻׶㨣׭גְ׷ךכ׻ַ׷
  6. 6. ְאתד׉׿זֿה׾ֶ׏׃ׯ׏ג׷˘
  7. 7. (PPPHMF%BUBCPBSEIUUQCJUMZVOL1
  8. 8. 醱侧ךرغ؎أ׾ء٦؛ٝءٍٕח⢪ֲ儗➿
  9. 9. OESPJE'SBHNFOUBUJPO3FQPSUVHVTU0QFO4JHOBMIUUQCJUMZV#VL1
  10. 10. OESPJE׾䵧鯹׃׋رغ؎أծ 
  11. 11. ׉׮׉׮8FCהכוְֲֲ׮ךַ ׮ֲ♧䏝⾱挿ח甧׍鵤׏ג׫״ֲ
  12. 12. 5IJTJTUIFXFC]#SBE'SPTU8FCIUUQCSBEGSPTUXFCDPNCMPHQPTUUIJTJTUIFXFC
  13. 13. 5IJTJTUIFXFC]#SBE'SPTU8FCIUUQCSBEGSPTUXFCDPNCMPHQPTUUIJTJTUIFXFC
  14. 14. 5IJTJTUIFXFC]#SBE'SPTU8FCIUUQCSBEGSPTUXFCDPNCMPHQPTUUIJTJTUIFXFC
  15. 15. “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
  16. 16. 如ך劢勻כז׿הזֻ鋅ִגֹ׋ ֿ׸תדדֹזַ׏׋ֿהָծ )5.-ך涫㜥דו׿ו׿דֹ׷ַ׮׃׸זְ ˖ رغ؎أ1*פך،ؙإأ ˖ ؔؿٓ؎ٝדך⡲噟 ˖ ٔ،ٕة؎يדךװ׶ה׶
  17. 17. 㢌⻉ח黝䘔׃גְַֻծ׉ךתתדְ׷ַ
  18. 18. )PSJ[PO 鋔ꅿ׾מ׹־״ֲ
  19. 19. 剑鵚״ֻ羭חׅ׷⽃铂ծٔ٦ٝ ؽآطأךأؾ٦سָ鸞ֻז׶ծ וֲװ׵⚅ך⚥ך׿ן׶הכ⹛ְגזְ
  20. 20. 8FC؟؎زךꟚ涪أؾ٦س׮ 荈ⴓךת׻׶װ傈劤׌ֽ׾鋅גְג׮ծ 婍䙀זָ׵֮ת׶ؾ٦ٝהֿזְד׃׳ֲ
  21. 21. 1-554IUUQQMUUTNF
  22. 22. ٓؿأ؛حثַ׵؟؎ز׾ⰕꟚׅ׷תד儗꟦
  23. 23. 1SPEVDU)VOUIUUQXXXQSPEVDUIVOUDPN
  24. 24. #FUB-JTUIUUQCFUBMJTUDPN
  25. 25. 如ַ׵如ח欰ת׸׷倜׃ְ؟؎زװ؟٦ؽأ
  26. 26. ؒ؝ءأذي׾ֲתֻⵃ欽ׅ׷
  27. 27. 'JSFTQPUUJOH*IUUQSFTQPUUJOHDPN
  28. 28. 倜׃ְ؟٦ؽأך،؎ر،דׅ׵Ⱏ剣ׁ׸גְ׷
  29. 29. 8PSME ;JQBOHV
  30. 30. 傈劤ה׉׸⟃㢩ך⚅歲 ״ֻ鎉׻׸׷ֿה׌ָծ 8FCך⚅歲׮׉׿ז䠬ׄך״ֲ 荈ⴓךת׻׶׌ֽדזֻծ⚅歲׮鋅ג׫״ֲ
  31. 31. ְאתד׮〢ְ䌢陎ח㔈׻׸גזְַ
  32. 32. 㢌׻׹ֲה׃זְծ㢌ִ׋ָ׵זְ
  33. 33. ׋הִלծؕٝف׾⡲׏ג然钠׃ג圓眠הַ
  34. 34. “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
  35. 35. ꫼涸ז׮ךַ׵⹛涸ז׮ךפ 鍗׸׮׃זְ꫼姺歗חְאתד׮ֿ׌׻׷ ⹛ַ׃ג׫זְֿהחכ׻ַ׵זְךח˘կ زٓـٕכծ鏣鎘װٙ٦ؙؿٗ٦♳ך搀椚דכ
  36. 36. )PXJU-PPLTˊ(PPHMF(MBTTIUUQXXXHPPHMFDPNHMBTTTUBSUIPXJUMPPLT
  37. 37. 8FCְָאתד׮㔊錬ְ歗꬗ה׮ꣲ׵זְ
  38. 38. “Get your content ready to go anywhere because it’s going to go everywhere. by Brad Frost
  39. 39. $0/5956-%4*(/
  40. 40. 䞔㜠ծ؝ٝذٝخך劢勻׾罋ִ׷ ֿ׸ַ׵罋ִ׷ץֹהֿ׹כֿ׍׵կ *ָ˘ծ1IPUPTIPQדוֲװ׏גהַדכזְ ֮׵ײ׷朐屣♴דꠘ鋮ׁ׸׷ֿה׾罋ִזֽ׸ל
  41. 41. 'SPN3FTQPOTJWFUP3FBDUJWF
  42. 42. (PPHMF%FWFMPQFSTIUUQTEFWFMPQFSTHPPHMFDPNHMBTTEFWFMPQJOEFY
  43. 43. .BUFSJBM%FTJHOIUUQXXXHPPHMFDPNEFTJHOTQFDNBUFSJBMEFTJHOJOUSPEVDUJPOIUNM
  44. 44. 8FC$PNQPOFOUTIUUQXFCDPNQPOFOUTPSH
  45. 45. 鋔ꅿ׾מ׹־ծ⸂ךⰅ׸וֿ׹׾꟦麩ִזְ״ֲ
  46. 46. DUJPO ⹛ַזֽ׸ל⚅歲כ㢌׻׵זְ
  47. 47. ⚅歲׾㢌ִ׷׋׭ח遤⹛׾ֶֿׅ ؚٗ٦غٕז⚅歲דזֻג׮ְְկ ת׆כٗ٦ٕؕծ荈ⴓךת׻׶ך⚅歲ַ׵ד׮
  48. 48. #FIJOE5IF4DFOFTPGUIF8FC%FTJHO1SPDFTTIUUQCJUMZQS./+I
  49. 49. 8FCךꟚ涪فٗإأ ؽآطأأؾ٦سכ⸇鸞׃גְ׷ךחծ ׉ךفٗإأכו׿ו׿㟓ִגֹגְ׷植朐 䖞勻䊨玎׾鋅湫ׁזְה儗꟦לַ׶ַַָ׷˘ 瀉秛劍׌׏׋׶ծ⡚؝أز׾実׭׵׸׋׶˘ וַֿ׾⸬桦⻉דֹזְ׮ךַ
  50. 50. 铩ַָװ׵זֽ׸ל㢌׻׶כ׃זְ
  51. 51. 耵㚖װٙ٦ؙؿٗ٦ך㢌⻉ 铩ָוֿתדװ׷ծהְ׏׋㞮歲կ װ׷ֿהָ㟓ִ׋ⴓז׿הזֻ切僳ח ⡲噟ך⸬桦⻉ծ荈⹛⻉ך➬穈׫׮⯍㹋
  52. 52. דֹ׋儗꟦כⴽךֿהח⯍ג׵׸׷
  53. 53. غحؙؒٝس׌׏ג⤑ⵃח مأذ؍ؚٝ؟٦ؽأך鹌⻉կ 84װ[VSFח➿邌ׁ׸׷*BB4ծ )FSPLVծOHJOF:BSEהְ׏׋1BB4ד澓儗ח饯⹛ 1BSTFך״ֲז#BB4׮֮׷
  54. 54. 㼭ֻׁכׄ׭גծ㣐ֹֻ肪ג׵׸׷
  55. 55. דֹ׷ֿהַ׵鑐ׅծ〳腉䚍׾ּׁ׷䠐㄂ד׮
  56. 56. ث٦يדך؝ٓنٖ٦ءّٝ (JU)VCծ#JUCVDLFUזוծ (JU׾⢪׏׋ٙ٦ؙؿٗ٦ח岣湡ָկ ְ׹ְ׹ז耵珏׾ת׋ְ׌⡲噟׮嚂ח ؚٕ٦فؐؑ،׮ծ ⴽ؟٦ؽأהך؎ٝذؚٖ٦ءָّٝ〳腉 וֿחְג׮➬✲ָדֹ׷״ֲז儗➿פ
  57. 57. מהאךفٗآؙؑز׾ⰼ徽ח鹌׭׷׋׭ח
  58. 58. رؠ؎ش٦ָ˘ծؒٝآص،ָ˘ծדכזֻ
  59. 59. ֮٥ײ٥׫٥״٥׶
  60. 60. 剑䖓ח׮ֲ♧䏝կװ׵זְה㢌׻׵זְ
  61. 61. ⡦׾㢌ִ׷ַכծ➂׉׸׊׸
  62. 62. ⚅歲׾鋔ꅿח⡦ַ׾㢌ִ׷ד׮ծ 荈ⴓךワ鴟׾㢌ִג׫׷ד׮葺׃
  63. 63. ׫זׁ׿ך劢勻׾葺ֻׅ׷׋׭׌ֽדזֻծ ׫זׁ׿ך⡲ㅷד⚅ך⚥ח㋐ןָ㟓ִ׷״ֲ
  64. 64. ֿ׸ַ׵ך涺ׁ׿ךDUJPOծ ׉׃ג欰ת׸גֻ׷4UPSZח劍䖉׃תׅ

×