Upgrade to Pro — share decks privately, control downloads, hide ads and more …

アジャイル開発のためのマークアップ

 アジャイル開発のためのマークアップ

DevLOVE 発表資料「あたりまえを、発明しよう。」を支える開発 -リブセンスさんから学ぶ-
2014/02/19 (水) 19:30 - 22:00
http://devlove.doorkeeper.jp/events/8631

■ アジャイル開発のためのマークアップ
「見た目がそれっぽくなっていれば問題ない」ということで、アジャイル開発においてHTMLやCSSなどのフロントエンド技術は意外と軽視されていないでしょうか。
一貫性のない設計、化け物のようなclass名、100個以上の不要な画像...etc
新規サービス立ち上げ時に直面したフロントエンドの課題に対する取り組みで得た経験を通じ、スタートアップにおいて必要な“フロントエンド開発の原則”をお伝えしたいと思います。

■ 参考リンク
http://made.livesense.co.jp/

Livesense Inc.

February 19, 2014
Tweet

More Decks by Livesense Inc.

Other Decks in Technology

Transcript


  1. ΞδϟΠϧ։ൃͷͨΊͷϚʔΫΞοϓ
    גࣜձࣾϦϒηϯε
    σβΠϯ෦
    ২ଜɹݐଠ
    14೥2݄25೔Ր༵೔

    View full-size slide

  2. ·ͣ͸ࣗݾ঺հ
    ২ଜݐଠ
    ʢࡀʣ
    "ܕɹڕ࠲
    GPPEɿࡸܥ
    TQPUɿপାΛ߈Ί·͢
    TIPFTɿWBOT
    14೥2݄25೔Ր༵೔

    View full-size slide

  3. http://jobtalk.jp
    ࠓճ͓࿩͍ͤͯͨͩ͘͞αΠτ
    14೥2݄25೔Ր༵೔

    View full-size slide

  4. resumes
    ϑϩϯτΤϯυɾΤϯδχΞ
    Θͨ͠ͱΞδϟΠϧ։ൃ
    ΞδϟΠϧ։ൃͱϚʔΫΞοϓ
    ϓϩμΫτσβΠϯ
    14೥2݄25೔Ր༵೔

    View full-size slide

  5. ϑϩϯτΤϯυɾΤϯδχΞ
    14೥2݄25೔Ր༵೔

    View full-size slide

  6. ϫΠϠʔϑϨʔϜ
    $44ͷઃܭ
    +BWB4DSJQU
    Θͨ͠ͷ࢓ࣄ
    14೥2݄25೔Ր༵೔

    View full-size slide

  7. ϫΠϠʔϑϨʔϜ
    14೥2݄25೔Ր༵೔

    View full-size slide

  8. ɾσβΠφʔ͕ϫΠϠʔϑϨʔϜ࡞੒
    ɾσβΠϯʹ௚݁͢ΔͷͰര଎
    ɾϫΠϠʔɺϓϩτλΠϐϯάɺσβΠϯ
    ɾσβΠφʔͷखͷۭ͖࣍ୈͰ͸ࢲ΋࡞੒
    ɾඞཁͱ͞ΕΔϑϩϯτΤϯυΤϯδχΞ໨ઢ
    -*7&4&/4&ͷϫΠϠʔϑϨʔϜࣄ৘
    14೥2݄25೔Ր༵೔

    View full-size slide

  9. ͜͏͍͏ͷ͕ϖʔδ෼͋Δ
    σβΠφʔ࡞੒ʹΑΔϫΠϠʔϑϨʔϜ
    14೥2݄25೔Ր༵೔

    View full-size slide

  10. ϫΠϠʔ͔Β$44Λઃܭ͢Δ
    ڞ௨ॲཧ
    ॳظԽ
    ߏ଄
    ʢάϦουγεςϜʣ
    ڞ௨෦඼
    ϖʔδݻ༗෦඼
    ϖʔδݻ༗෦඼
    ϖʔδݻ༗෦඼
    14೥2݄25೔Ր༵೔

    View full-size slide

  11. ݟग़͠͸ݟग़͠ɺϘλϯ͸ϘλϯͰ੔ཧ͢Δ
    ຊ౰ʹඞཁͳ෦඼ͳͷ͔Ͳ͏͔ਫ਼ࠪ͢Δɻ
    ϚʔΫΞοϓʹඞཁͳ෦඼͕଍Γ͍ͯΔ͔νΣοΫ͢Δ
    ҒେͳCPPUTUSBQͱ͔
    XPSEQSFTTΛΦϚʔδϡ͠·ͨ͠ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  12. ڞ௨Ͱ࢖͑Δ෦඼ΛूΊΔ
    ڞ௨Ͱ࢖͑Δ෦඼͚ͩूΊΔɻ
    ͦͷ্Ͱࣅ͍ͯΔ෦඼͸ࢥ͍੾ͬͯ̍ͭʹஅࣺ཭͢Δɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  13. $44
    14೥2݄25೔Ր༵೔

    View full-size slide

  14. ҙਤʹԠͨ͡ηϨΫλ໊
    SFE\
    DPMPSSFE
    ^
    DPNQBOZJORVJSZJOGPTVDDFTTCPY
    ʜ
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  15. ιʔεΛݟͳͯ͘΋
    ௚ײతʹ൑அग़དྷͦ͏ͳΫϥε໊Λ৺͕͚Δɻ
    ؅ཧ͢ΔύʔπΛ࠷খݶʹԡ͑͞Δ
    14೥2݄25೔Ր༵೔

    View full-size slide

  16. ҙਤʹԠͨ͡ηϨΫλ໊
    NPEUYUFNQIBTJT\
    DPMPSFNQIBTJTDPMPS
    ^
    NPEUYUFNQIBTJTTVDDFTT\
    DPMPSD
    ^
    NPEUYUFNQIBTJT\
    DPMPSFNQIBTJTDPMPS
    ^
    NPEUYUFNQIBTJTTVDDFTT\
    DPMPSD
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  17. NPECUO\
    GPOUTJ[FGPOUTJ[FN
    ^
    NPECUONJO\
    GPOUTJ[FGPOUTJ[FT
    ^
    NPECUOXJEF\
    ʜ
    ^
    ηϨΫλ໊Λ೉͘͠͠ͳ͍
    14೥2݄25೔Ր༵೔

    View full-size slide

  18. ηϨΫλͷೖΕࢠʹڞ௨ੑΛ΋ͨͤΔ
    NPEBOOPVODFCPY\
    IFBEJOH\
    TPNFUIJOHTPNFUIJOH
    ^
    CPY\
    TPNFUIJOHTPNFUIJOH
    ^
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  19. ηϨΫλͷೖΕࢠʹڞ௨ੑΛ΋ͨͤΔ
    NPECBOBOBCPY\
    IFBEJOH\
    TPNFUIJOHTPNFUIJOH
    ^
    CPY\
    TPNFUIJOHTPNFUIJOH
    ^
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  20. -&(0ͷ"SDIJUFDUVSFTUVEJPཉ͘͠ͳ͍Ͱ͔͢ʁ
    ͳΜͱͳ͘
    -&(0ͷύʔπͮ͘Γʹ
    ࣅͯͳ͍͔͢ʁ
    14೥2݄25೔Ր༵೔

    View full-size slide

  21. KBWBTDSJQU
    14೥2݄25೔Ր༵೔

    View full-size slide

  22. ΤϯδχΞͷαϙʔτ͕ॆ࣮
    14೥2݄25೔Ր༵೔

    View full-size slide

  23. ΨʔυઅͰͲ͏Ͱ͔͢ͱ͔
    14೥2݄25೔Ր༵೔

    View full-size slide

  24. ϦʔμϒϧίʔυಡΊͱ͔
    14೥2݄25೔Ր༵೔

    View full-size slide

  25. ݸਓతʹ͸ҎԼͷΑ͏ʹ͢Δ͔ͳʙͱ͔
    14೥2݄25೔Ր༵೔

    View full-size slide

  26. ͢͹Β͍͠ΤϯδχΞʹ͍ͭ΋ॿ͚ΒΕ͍ͯ·͢
    14೥2݄25೔Ր༵೔

    View full-size slide

  27. Θͨ͠ͱΞδϟΠϧ։ൃ
    14೥2݄25೔Ր༵೔

    View full-size slide

  28. ΄Μͷগ͠લͷࢲ
    14೥2݄25೔Ր༵೔

    View full-size slide

  29. ੩తϖʔδͰίʔσΟϯάͨ͠΋ͷΛ
    ͦͷ··ɺΤϯδχΞʹ౉͢ɻ
    ΤϯδχΞ͕ఏڙ͞Εͨ
    σβΠϯΛ੡඼ʹ૊ΈࠐΉ
    14೥2݄25೔Ր༵೔

    View full-size slide

  30. ͳΜ͔ΞδϟΠϧͳΜͱ͔͍ͬͯ͏ຊΛ
    ΤϯδχΞͷਓ͕ΈͯΔͳʔͱԣ໨ͰோΊΔఔ౓
    ΄Μͷগ͠લ·Ͱ,1*ͱ͔66ͱ͔ଞͷ໾ׂͷਓ͕
    ߟ͑Δࣄͩͱࢥͬͯ·ͨ͠ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  31. ϚʔΫΞοϓɾΤϯδχΞ͸
    ը໘Λఏڙ͢Δ͚ͩͰΑ͘ɺ
    ͦΕ͕ͦࣗ͜෼ͷ࢓ࣄͩͱɺ
    օ͕ײ͍͔ͯͨ͡ΒͰ͢ɻ
    ͔࣍Β࣍΁ͱϚʔΫΞοϓґཔ͘Δ͠Ͷ
    14೥2݄25೔Ր༵೔

    View full-size slide

  32. աڈΛৼΓฦͬͯΈΔͱɺ
    σβΠϯ΍ϚʔΫΞοϓ͸
    νʔϜͷඞཁʹԠͯ͡ɺ
    దٓঌש͞Ε͍ͯͨΑ͏ͳײ͡Ͱͨ͠ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  33. Ͳ͔͜ͷ୭͔͞ΜͨͪͷൃݴͰ
    มΘͬͯߦ͘ݱ࣮
    14೥2݄25೔Ր༵೔

    View full-size slide

  34. ͜Μͳͷͱ͔ ͜Μͳͷͱ͔
    14೥2݄25೔Ր༵೔

    View full-size slide

  35. ࣾ಺Ͱ΋ΞδϟΠϧ։ൃ͕ຊ֨Խʂ
    14೥2݄25೔Ր༵೔

    View full-size slide

  36. ΠςϨʔγϣϯձٞʹࢀઓ
    14೥2݄25೔Ր༵೔

    View full-size slide

  37. ϓϩμΫτόοΫϩάɺ5%%#%%%%%ͱ͔
    ϐϘοτͯ͠Ͳʔͷ͜ʔͷͱ͔
    ΤϯδχΞ͕஌Βͳ͍୯ޠΛ࿩ͯ͠ࠔΔ
    14೥2݄25೔Ր༵೔

    View full-size slide

  38. ͳΜͷ͜ͱ͔ͬ͞ͺΓΘ͔Βͳ͍ͷͰɺ
    ձٞͷ౓ʹ஌Βͳ͍୯ޠΛௐ΂͍ͯ·ͨ͠ɻ
    ͜Ε͡Ό͋ͩΊͩͱࢥ͍ɺ
    ΤϯδχΞ͕ಡΉΑ͏ͳຊΛಡΉΑ͏ʹͳΓ·ͨ͠ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  39. σβΠϯΛΞδϟΠϧʹ૊ΈࠐΉΠϝʔδ͕͔ͭͳ͍
    σβΠϯΛΞδϟΠϧʹ૊ΈࠐΉͷ͸೉͍͠
    14೥2݄25೔Ր༵೔

    View full-size slide

  40. ͪΐͬͱ୤ઢͯ͠
    $44ͷ͜ͱʹ͍͓ͭͯ࿩͍ͨ͠͠ͱࢥ͍·͢
    14೥2݄25೔Ր༵೔

    View full-size slide

  41. ZBIPP8PSE\
    TPNFUIJOHTPNFUIJOH
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  42. ࢓༷͕มΘͬͨΑ͏Ͱࠓ͸(PPHMFݕࡧ΁ඈͼ·͢
    ZBIPP8PSEͷϨϯμϦϯά݁Ռ
    14೥2݄25೔Ր༵೔

    View full-size slide

  43. HPPHMF8PSE \
    TPNFUIJOHTPNFUIJOH
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  44. NPE)FBEJOHͱ͔ͰΑ͘Ͷʁ\
    TPNFUIJOHTPNFUIJOH
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  45. ͺͬͱΈେৎ෉Ͱ΋௚͍ͨ͠ίʔυͰ͢ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  46. BSUJDMFQ\
    GPOUTJ[F
    ^
    14೥2݄25೔Ր༵೔

    View full-size slide

  47. Q͸JEηϨΫλͰ
    ֎ଆͷϑϨʔϜ͔Βࢦఆ͞Ε͓ͯΓɺ
    ΊͬͪΌڧ͍
    14೥2݄25೔Ր༵೔

    View full-size slide

  48. CPEZʹQYΛࢦఆ͓ͯ͠Γɺ
    ͦͷͳͷͰৗʹBSUJDMFͷதͷ
    Qλά͸QYʹͳΔɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  49. ͭ·Γ؆୯ʹมߋग़དྷͳ͍ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  50. QIQJODMVEF@QBSUJBM IPHFIPHF
    BSSBZ FSSPSGPSN
    HFU&SSPS4DIFNB



    14೥2݄25೔Ր༵೔

    View full-size slide

  51. 41ͱ1$ͰςϯϓϨʔτΛڞ௨ར༻͍ͨͬ͢͠
    14೥2݄25೔Ր༵೔

    View full-size slide

  52. Ͱ΋1$ͷ$44͸ΩϟϝϧέʔεͰॻ͍ͯ͋Δ͚Ͳɺ
    41ͷ$44͸ϋΠϑϯͭͳ͗Ͱ͢
    14೥2݄25೔Ր༵೔

    View full-size slide

  53. 1$ͱ41ͰίʔσΟϯάن໿͕ഁ୼͠͸͡ΊΔɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  54. 1$ͱ41͸໋໊نଇಉ͡ํ͕͍͍Ͱ͢Αɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  55. ͜ΕΒͷιʔεΛ௚͞ͳͯ͘΋
    ๻͸޾ͤʹੜ͖͍͚ͯΔ͠ɺ
    ໰୊͕͓͖Δ·Ͱͦͷ੡඼ʹෆ۩߹͸ى͖ͳ͍ɻ
    ҆ఆͨ͠੡඼ͱݴ͑·͢ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  56. ͔͠͠ɺ
    જࡏతͳ໰୊Λ๊͑ͨ··
    ϓϩδΣΫτΛճ͍ͯ͘͠ͷ͸ਏ͍ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  57. ͍ͭɺͲ͜ͷ1+5͕જࡏతͳ໰୊ʹ௚໘͢Δ͔
    ෼͔Βͣɺ֖Λ͚͋ͯΈΔͱͦͷम෮࡞ۀʹͲΕ
    ͚ͩͷίετ͕͔͔Δ͔෼͔Βͳ͍ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  58. $44ͷϦϑΝΫλϦϯάΛ͸͡Ί·ͨ͠ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  59. $44ͷϦϑΝΫλϦϯάΛ͸͡Ί·ͨ͠ɻ
    ͋Δ೔ͷTUBTIͰ$44ͷdߦ໨·Ͱ࡟আ
    14೥2݄25೔Ր༵೔

    View full-size slide

  60. ͋·Γʹ΋ྺ୅ͷίʔυ͕ଟ͘ɺ
    ͋Δ෦඼Λ࡞ͬͯ΋
    Өڹൣғ͕޿ൣғ͗ͯ͢ɺ
    ୹͍ΠςϨʔγϣϯͰऴΘΔ࢓ࣄͰ͸ͳ͘ͳ͖ͬͯͨ
    14೥2݄25೔Ր༵೔

    View full-size slide

  61. ΠςϨʔγϣϯ࣌ʹؔ܎ͳ͍ͱ͜Ζ΋௚͍ͨ͠
    14೥2݄25೔Ր༵೔

    View full-size slide

  62. ΞδϟΠϧ։ൃͱϚʔΫΞοϓ
    14೥2݄25೔Ր༵೔

    View full-size slide

  63. σβΠφʔͷߟ͑Δඞཁ࠷௿ݶͳػೳ
    14೥2݄25೔Ր༵೔

    View full-size slide

  64. σβΠϯͷจ຺ લޙؔ܎
    ʹΑͬͯ͸ɺ
    σβΠϯ͸ۭؒͷۭ͖΍ߏ੒͕มΘΔͱ
    શମͷख௚͕͠ඞཁͱͳΔɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  65. σβΠϯͷจ຺ʹΑͬͯɺશମతʹςϯϓϨʔτʹ
    มߋΛՃ͑ͯ΋ྑ͍͔ʁ
    14೥2݄25೔Ր༵೔

    View full-size slide

  66. ΠςϨʔγϣϯͷதͰऴΘΔͳΒมߋͯ͠΋Α͍ɻ
    ୠ͠ɺมߋՕॴ͸ඞͣΤϯδχΞʹ΋ڞ༗ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  67. ௕ظతͳࢹ఺͕ඞཁͳ৔߹ɺ
    ࡉ͔͘ػೳΛ෼ׂ֤ͯ͠ΠςϨʔγϣϯʹͷͤΔ
    νʔϜͷࢍಉΛಘΔͷ͕೉͍͠
    14೥2݄25೔Ր༵೔

    View full-size slide

  68. ϑϩϯτΤϯυͱόοΫΤϯυͷٕज़తڥքʁ
    14೥2݄25೔Ր༵೔

    View full-size slide

  69. ཁ݅
    ͋ΔϘλϯΛԡͨ͠Βɺαʔόʔͱ௨৴ͯ͠ಈతʹ
    ஋Λऔಘɻऔಘͨ͠஋Λ%0.ʹBQQFOE͢Δɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  70. ͋ΔϘλϯΛԡͨ͠Βɺαʔόʔͱ௨৴ͯ͠ಈతʹ
    ஋Λऔಘɻऔಘͨ͠஋Λ%0.ʹBQQFOE͢Δɻ
    ͦͷͱ͖ʹ;ΘͬͱΞχϝʔγϣϯͯ͠Ώͬ͘Γϑ
    ΣʔυΠϯ͢Δ6*Λ࣮ݱ͍ͨ͠ɻ
    ͜͜Ͳ͕ͬͪ΍Δ͔ܾΊ
    ͯͳ͍
    14೥2݄25೔Ր༵೔

    View full-size slide

  71. ཁ݅ఆٛͷ࣌ʹ;Δ·͍ʹରͯ͠ͷཁ݅ΛܾΊΔɻ
    ΋͘͠͸ϑϩϯτΤϯυɾΤϯδχΞʹ೚ͤͯ΋Β
    ͍ɺϨϏϡʔ࣌ʹ֬ೝ͢ΔΑ͏ʹ͢Δɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  72. 1+5ͱΠςϨʔγϣϯͷϦζϜͱ
    ͻͱΓ΢ΥʔλʔϑΥʔϧ
    14೥2݄25೔Ր༵೔

    View full-size slide

  73. ྫ͑͹͜͏͍͏։ൃεέδϡʔϧ͕͋ͬͨͱ͢Δ
    designer FrontendEngineer Engineer
    project A release
    designer FrontendEngineer Engineer
    project B release
    designer FrontendEngineer Engineer
    project C
    14೥2݄25೔Ր༵೔

    View full-size slide

  74. '&͸جຊతʹͻͱΓͷͨΊɺ'&΍σβΠφʔ͸ڞಉ
    తͳ࡞ۀ΍ࢪࡦͷڍ͛ͩ͠Λߦ͍ʹ͍͘ɻ
    designer FrontendEngineer Engineer
    project A release
    designer FrontendEngineer Engineer
    project B release
    designer FrontendEngineer Engineer
    project C
    14೥2݄25೔Ր༵೔

    View full-size slide

  75. ͻͱΓ΢ΥʔλϑΥʔϧײ
    ൒୺ͳ͍ؾ࣋ͪʹͳͬͯ͠·͏ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  76. ޙճ͠ʹͯ͠͠·͍͕͕ͪͩɺձٞલͷ४උ͸͔ͬ͠Γ͢Δɻ
    1+5Λԣஅ͢Δ͜ͱͰ࡞ۀޮ཰͕Լ͕Γ΍͍͢͜ͱΛ֮ࣗ͢Δɻ
    ͦ͏ͯ͠Ͱ΋.5(ʹࢀՃ͢Δҙ͕ٛ͋Δ
    ࠓ΍Βͳ͚Ε͹ߦ͚ͳ͍ࣄʹ༏ઌॱҐΛ͚ͭΔɻ
    ݈߁ʢ͔ͭΕͯ͸͍͚ͳ͍ʣ
    ҙ͍ࣝͯ͠Δ͜ͱ
    14೥2݄25೔Ր༵೔

    View full-size slide

  77. ΞδϟΠϧ։ൃʹ͓͚ΔσβΠϯͱϚʔΫΞοϓ
    σβΠϯࠞΈͷϕϩγςΟΛଌΔͷ͕ΊͪΌͪ͘Ό೉͍͠
    ʢϩΰͰҰिؒ೰Μ͡Ό͚ͬͨͲɺ݁ہ͍͍ͷग़དྷͳ͔ͬͨɺɺɺˠϕϩγςΟ̌ʁΈ͍ͨͳʣ
    σβΠϯ͸ετʔϦʔΛλεΫʹ෼ղ͠ʹ͍͘
    ʢʮόφʔ࡞੒ʯͱ͍͏ετʔϦʔ͕͋ͬͨͱͯ͠ɺʮ̍̌Ҋग़͢ʯʮॻ͖ग़͢ʯʮѹॖʯͱ͍͏λε
    ΫΛग़͢ˠຊ࣭త͡Όͳ͍ʣ
    ετʔϦʔ΁ͷணखͷλΠϛϯά͕ζϨΔ
    ʢσβΠϯˠ։ൃͱ΢ΥʔλʔϑΥʔϧʣ
    ετʔϦʔணख͕ͣΕΔͱɺεϓϦϯτ͕ζϨΔͷͰεϓϦϯτϨϏϡʔͷ಺༰͕νάϋάʹͳΔ
    ʮ։ൃ͚ͩͰ͖ͯΔ͚ͲɺσβΠϯະணखʯΈ͍ͨͳͷ͕όοΫϩά
    ʹཷ·Γͩ͢
    14೥2݄25೔Ր༵೔

    View full-size slide

  78. ઃܭࢥ૝Λલ΋ͬͯڞ༗
    ϑϨʔϜଆͷQBEEJOHɺNBSHJO
    ڞ௨෦඼Խ͍ͨ͠΋ͷ
    ෦඼ͷϚʔδϯ͸Լ্͔͔
    TFDUJPOؒͷϚʔδϯͷ౷Ұ
    KBWBTDSJQUͷৼΔ෣͍ͷ࢓༷
    ͳͲͳͲ
    14೥2݄25೔Ր༵೔

    View full-size slide

  79. ٞ࿦͸̏ഒҐ͕ͪΐ͏Ͳ͍͍
    14೥2݄25೔Ր༵೔

    View full-size slide

  80. ϓϩμΫτσβΠϯ
    14೥2݄25೔Ր༵೔

    View full-size slide

  81. 14%ͱ͔੩తͳσβΠϯͱ͔ɺ
    ίʔσΟϯάن໿ͱ͔͡Όͳͯ͘ɺ
    ຊ൪αΠτΛ੡඼ͱͯ͠ΈΑ͏ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  82. ྖҬԣஅ
    ϑϩϯτΤϯυྖҬ
    σβΠϯ
    όοΫΤϯυྖҬ
    14೥2݄25೔Ր༵೔

    View full-size slide

  83. )5.-$44ͷษڧձΛ։͖ɺ؆୯ͳίʔσΟϯάͳΒϝϯόʔ୭Ͱ΋ग़དྷΔΑ͏ͳ؀ڥΛΊ͟͢ɻ
    όοΫΤϯυٕज़ྖҬʹ଍Λ౿ΈೖΕΔʂ
    ΤϯδχΞ໨ઢͷσβΠϯϑΟʔυόοΫɻϑϩϯτΤϯυ͔ΒͷσβΠφʔ΁ͷ഑ྀ
    ྖҬԣஅ
    ϑϩϯτΤϯυྖҬ
    σβΠϯ
    όοΫΤϯυྖҬ
    F3VCZͱ͔
    CBDLCPOFͱ͔OPEFͱ͔
    14೥2݄25೔Ր༵೔

    View full-size slide

  84. σβΠφʔͱΤϯδχΞͷڮ౉͠తͳ໾໨Λ୲
    ͏ɻ૒ํͷཁ݅Λۛຯ͠ɺΠςϨʔγϣϯͷத
    Ͱ࣮ݱՄೳͳσβΠϯͷมߋͱ޻਺Λݟੵ΋
    Δɻ
    ୭΋͕ཧղग़དྷΔUIݟຊா
    14೥2݄25೔Ր༵೔

    View full-size slide

  85. γϯϓϧͰ෼͔Γ΍໋໊͍͢نଇ
    ໌ྎͳTFDUJPOJOH
    ૊Έ߹Θ͕ͤਪଌग़དྷΔΑ͏ͳίʔυʹม͍͑ͯ͘
    ϞδϡʔϧɺϑϨʔϜϫʔΫԽͷపఈ
    14೥2݄25೔Ր༵೔

    View full-size slide

  86. ຊ೔͸ɺΞδϟΠϧ։ൃͱϚʔΫΞοϓʹ͍ͭͯ৮Ε·͕ͨ͠ɺ
    νʔϜͷن໛΍Ϧιʔεͷ֬อɺӡ༻͍ͯ͠Δ੡඼ͷϥΠϑαΠΫϧʹΑͬͯ
    Ͳ͔͜ʹ͹ͬͪΓ͸·Δ΍Γํ͕͋ͬͨͱͯ͠΋ɺඞͣ͠΋ͦΕ͕ɺ
    ผͷ੡඼ʹ͢ΜͳΓదԠ͞ΕΔͱ͸ࢥ͍·ͤΜɻ
    ͨͩσβΠφʔɺΤϯδχΞɺσΟϨΫλʔ͕ͦΕͧΕʹߟ͍͑ͯΔ͜ͱ΍
    ໰୊Λ෼͔Γ߹͑Δࣄ͕ग़དྷΕ͹ɺ
    ͔ͦ͜Βελʔτ͢ΔͦͷνʔϜͷαΠΫϧ͕͏·Εͯ͘ΔΜ͡Όͳ͍͔ͱɻ
    ·ͱΊ
    14೥2݄25೔Ր༵೔

    View full-size slide

  87. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
    14೥2݄25೔Ր༵೔

    View full-size slide

  88. ઈࢍϑϩϯτΤϯυΤϯδχΞืूதͰ͢ɻ
    ઈࢍσβΠφʔืूதͰ͢
    14೥2݄25೔Ր༵೔

    View full-size slide