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

RailsエンジニアのためのTwitter Bootstrapカスタマイズ例

machida
October 29, 2012

RailsエンジニアのためのTwitter Bootstrapカスタマイズ例

Sassを使ったり、人からパクったりして、極力失敗しない方法

machida

October 29, 2012
Tweet

More Decks by machida

Other Decks in Technology

Transcript

  1. ςΩετ
    2012/10/27 FJORD,LLC
    #PPUTUSBQͷ
    ΧελϚΠζྫ
    !NBDIJEB
    12೥10݄29೔݄༵೔

    View full-size slide

  2. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  3. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    ศརͰ͢ɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  4. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  5. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    XFMPWFIFSPLVΛ೷͘ͱ
    12೥10݄29೔݄༵೔

    View full-size slide

  6. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  7. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  8. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  9. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  10. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  11. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  12. 2012/10/27 FJORD,LLC
    #PPUTUSBQͬͯ
    ϓϩάϥϚʹ࢖ΘΕ·͘Γ
    12೥10݄29೔݄༵೔

    View full-size slide

  13. 2012/10/27 FJORD,LLC
    ͳͷͰɺ
    ࠓճɺ#PPUTUSBQͷΧελϚΠζͷ
    ൃදΛ͢Δ͜ͱʹ͠·ͨ͠ɻ
    ͜ͷൃදͷ͋ͱʹΧελϚΠζ͞Εͨ
    #PPUTUSBQΛ࢖ͬͨXFCΞϓϦ͕ଓʑͱ
    ϦϦʔε͞ΕΔ͜ͱΛָ͠Έʹͯ͠·͢ɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  14. 2012/10/27 FJORD,LLC
    σβΠφʔ͕͍ͳͯ͘΋
    ͋Δఔ౓ͳΒ
    12೥10݄29೔݄༵೔

    View full-size slide

  15. 2012/10/27 FJORD,LLC
    σβΠφʔ͕͍ͳͯ͘΋
    ͋Δఔ౓ͳΒ
    ҰਓͰ΋ग़དྷΔʂ
    12೥10݄29೔݄༵೔

    View full-size slide

  16. 2012/10/27 FJORD,LLC
    ࣗݾ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  17. 2012/10/27 FJORD,LLC
    ࣗݾ঺հ
    ொా఩ฏʢ!NBDIJEBʣ
    ߹ಉձࣾϑΟϤϧυͱ͍͏ձࣾͰ
    σβΠφʔΛ΍ͬͯ·͢
    12೥10݄29೔݄༵೔

    View full-size slide

  18. 2012/10/27 FJORD,LLC
    ࣗݾ঺հ
    ொా఩ฏʢ!NBDIJEBʣ
    ߹ಉձࣾϑΟϤϧυͱ͍͏ձࣾͰ
    σβΠφʔΛ΍ͬͯ·͢
    ΤϯδχΞͷ!LPNBHBU͞Μͱ
    ೋਓ͚ͩͷձࣾͰ͢
    12೥10݄29೔݄༵೔

    View full-size slide

  19. 2012/10/27 FJORD,LLC
    ා࿩
    ࡞ͬͯ·͢
    12೥10݄29೔݄༵೔

    View full-size slide

  20. 2012/10/27 FJORD,LLC
    ࣗݾ঺հ
    2ͳΜͰϑΟϤϧυ໊ͬͯલͳͷʁ
    12೥10݄29೔݄༵೔

    View full-size slide

  21. 2012/10/27 FJORD,LLC
    ࣗݾ঺հ
    "΢Ϝϥ΢τΛ࢖͍͔͔ͨͬͨΒ
    12೥10݄29೔݄༵೔

    View full-size slide

  22. 2012/10/27 FJORD,LLC
    ࣍ճ༧ࠂ
    ࠓճ͸ɺொాɺখݪ͞Μɺ੺௩͞Μ͕΍ͬͨͷͰ
    12೥10݄29೔݄༵೔

    View full-size slide

  23. 2012/10/27 FJORD,LLC
    ࣍ճ༧ࠂ
    ࣍ճ͸ɺલా͞Μɺҏ౻͞Μɺੴݪ͞Μ͕
    ΍Δͱࢥ͍·͢ʢଟ෼ʣɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  24. 2012/10/27 FJORD,LLC
    ४උ
    12೥10݄29೔݄༵೔

    View full-size slide

  25. 2012/10/27 FJORD,LLC
    ४උ
    ࠓճ͸4BTTͷϥΠϒϥϦͳͲΛ
    ؆୯ʹ࢖͍͍ͨͷͰ3BJMTΛ࢖͍·͢ɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  26. 2012/10/27 FJORD,LLC
    ४උ
    ࠓճ͸4BTTͷϥΠϒϥϦͳͲΛ
    ؆୯ʹ࢖͍͍ͨͷͰ3BJMTΛ࢖͍·͢ɻ
    σβΠϯΛ͢Δͱ͖΋
    (FN͸ศར
    12೥10݄29೔݄༵೔

    View full-size slide

  27. 2012/10/27 FJORD,LLC
    ४උ
    #PPUTUSBQ͸
    (FNlCPPUTUSBQTBTTz
    ΛϑΥʔΫ͍ͯͬͨ͠͡΋
    ͷΛ࢖͍·͢ɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  28. 2012/10/27 FJORD,LLC
    CPPUTUSBQTBTT
    w#PPUTUSBQΛ4BTTʢ4DTTʣԽͨ͠΋ͷ
    wͦΕΛ3BJMT΁؆୯ʹಋೖͰ͖ΔΑ͏ʹ
    ͨ͠΋ͷ
    w4BTTͳͷͰ$44ʹίϯύΠϧ͢Δલʹ
    ΧελϚΠζग़དྷΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  29. 2012/10/27 FJORD,LLC
    ͱΓ͋͑ͣ
    SPPUʹ#PPU4USBQͷαϯϓϧΛ
    ͸ΊࠐΈ·͢ɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  30. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  31. 2012/10/27 FJORD,LLC
    ͓ͳ͡ΈͷΞϨ
    12೥10݄29೔݄༵೔

    View full-size slide

  32. ςΩετ
    2012/10/27 FJORD,LLC
    ४උ׬ྃ
    12೥10݄29೔݄༵೔

    View full-size slide

  33. 2012/10/27 FJORD,LLC
    #PPUTUSBQΧελϚΠζ
    12೥10݄29೔݄༵೔

    View full-size slide

  34. 2012/10/27 FJORD,LLC
    ৭Λม͑ͯΈΑ͏ʂ
    #PPUTUSBQΧελϚΠζ
    12೥10݄29೔݄༵೔

    View full-size slide

  35. 2012/10/27 FJORD,LLC
    #PPUTUSBQͷ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  36. 2012/10/27 FJORD,LLC
    #PPUTUSBQͷ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  37. 2012/10/27 FJORD,LLC
    #PPUTUSBQͷ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  38. 2012/10/27 FJORD,LLC
    #PPUTUSBQͷ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  39. 2012/10/27 FJORD,LLC
    #PPUTUSBQͷ৭
    ͜ΕΛผͷ৭ʹࠩ͠ସ͑Δ
    12೥10݄29೔݄༵೔

    View full-size slide

  40. 2012/10/27 FJORD,LLC
    ৭ΛܾΊΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  41. 2012/10/27 FJORD,LLC
    ৭ΛܾΊΔ
    wϕʔεΧϥʔ
    wϝΠϯΧϥʔ
    wΞΫηϯτΧϥʔ
    12೥10݄29೔݄༵೔

    View full-size slide

  42. 2012/10/27 FJORD,LLC
    ৭ΛܾΊΔ
    wϕʔεΧϥʔ
    wϝΠϯΧϥʔ
    wΞΫηϯτΧϥʔ
    ৭ʹߜΖ͏
    12೥10݄29೔݄༵೔

    View full-size slide

  43. 2012/10/27 FJORD,LLC
    ৭ͷׂ߹
    ϕʔεΧϥʔ ϝΠϯΧϥʔ
    ΞΫηϯτΧϥʔ


    12೥10݄29೔݄༵೔

    View full-size slide

  44. 2012/10/27 FJORD,LLC
    ϝΠϯΧϥʔ
    ϕʔεΧϥʔ ϝΠϯΧϥʔ
    ΞΫηϯτΧϥʔ


    12೥10݄29೔݄༵೔

    View full-size slide

  45. 2012/10/27 FJORD,LLC
    ϝΠϯΧϥʔ
    wͦͷαΠτͷʮ৭ʯ
    w޷͖ͳ৭Ͱ0,
    12೥10݄29೔݄༵೔

    View full-size slide

  46. 2012/10/27 FJORD,LLC


    12೥10݄29೔݄༵೔

    View full-size slide

  47. 2012/10/27 FJORD,LLC
    ϕʔεΧϥʔ
    ϕʔεΧϥʔ ϝΠϯΧϥʔ
    ΞΫηϯτΧϥʔ


    12೥10݄29೔݄༵೔

    View full-size slide

  48. 2012/10/27 FJORD,LLC
    ϕʔεΧϥʔ
    wഎܠͷ৭
    w஍ຯͳ৭
    wനɺϕʔδϡɺάϨΠ
    wࠇɺࠠɺয͛஡
    12೥10݄29೔݄༵೔

    View full-size slide

  49. 2012/10/27 FJORD,LLC


    12೥10݄29೔݄༵೔

    View full-size slide

  50. 2012/10/27 FJORD,LLC
    ΞΫηϯτΧϥʔ
    ϕʔεΧϥʔ ϝΠϯΧϥʔ
    ΞΫηϯτΧϥʔ


    12೥10݄29೔݄༵೔

    View full-size slide

  51. 2012/10/27 FJORD,LLC
    ΞΫηϯτΧϥʔ
    w໨ཱͭ৭
    wΫϦοΫ͍ͤͨ͞Ϙλϯͱ͔
    wϝΠϯΧϥʔͱ
    ྡ߹ΘͤͰ΋໨ཱͭ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  52. 2012/10/27 FJORD,LLC
    ΰʔϧυ

    12೥10݄29೔݄༵೔

    View full-size slide

  53. 2012/10/27 FJORD,LLC
    ཚ๫ʹ·ͱΊΔͱ
    wϕʔεΧϥʔ
    wϝΠϯΧϥʔ
    wΞΫηϯτΧϥʔ
    12೥10݄29೔݄༵೔

    View full-size slide

  54. 2012/10/27 FJORD,LLC
    ཚ๫ʹ·ͱΊΔͱ
    wϕʔεΧϥʔ
    wϝΠϯΧϥʔ
    wΞΫηϯτΧϥʔ
    ˠ஍ຯͳ৭
    ˠ޷͖ͳ৭
    ˠ໨ཱͭ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  55. 2012/10/27 FJORD,LLC
    ࢀߟهࣄ
    IUUQEFTJHOTQJDFDPNqPXJODPMPSTDIFNF
    12೥10݄29೔݄༵೔

    View full-size slide

  56. 2012/10/27 FJORD,LLC
    ࢀߟهࣄ
    IUUQXXXTMJEFTIBSFOFUNBSJQQFTT
    12೥10݄29೔݄༵೔

    View full-size slide

  57. 2012/10/27 FJORD,LLC
    ͦΕ͕ܾΊΒΕͳ͍͔Β
    ͜͜ʹདྷͨΜ͡Ό
    12೥10݄29೔݄༵೔

    View full-size slide

  58. 2012/10/27 FJORD,LLC
    Ͱ͸Ͱ͸ɺ
    ৭ͷύΫΓํΛ఻त
    12೥10݄29೔݄༵೔

    View full-size slide

  59. 2012/10/27 FJORD,LLC
    http://www.colourlovers.com
    12೥10݄29೔݄༵೔

    View full-size slide

  60. 2012/10/27 FJORD,LLC
    http://www.colourlovers.com
    ৭ͷ૊Έ߹Θ͕͍ͤͬͺ͍͋ΔαΠτ
    12೥10݄29೔݄༵೔

    View full-size slide

  61. 2012/10/27 FJORD,LLC
    http://www.colourlovers.com/web/trends/
    websites/7819/Art_Attack_-_Paul_Frank
    12೥10݄29೔݄༵೔

    View full-size slide

  62. 2012/10/27 FJORD,LLC
    ϝΠϯΧϥʔ ϕʔεΧϥʔ ΞΫηϯτΧϥʔ
    ޷͖ͳ৭ ஍ຯͳ৭ ໨ཱͭ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  63. 2012/10/27 FJORD,LLC
    ΞΫηϯτΧϥʔ
    ޷͖ͳ৭ ஍ຯͳ৭ ໨ཱͭ৭
    ͍͖ͨͩϚϯϞε
    ϕʔεΧϥʔ
    ϝΠϯΧϥʔ
    12೥10݄29೔݄༵೔

    View full-size slide

  64. 2012/10/27 FJORD,LLC
    DPOWFOUJPOPWFS
    DPOpHVSBUJPO
    ৭΋ɺઃఆΑΓن໿
    12೥10݄29೔݄༵೔

    View full-size slide

  65. 2012/10/27 FJORD,LLC
    ৭Λม਺ʹ
    CBTFDPMPS'&$%
    NBJODPMPS#$#'
    BDDFOUDPMPS&%%
    12೥10݄29೔݄༵೔

    View full-size slide

  66. 2012/10/27 FJORD,LLC
    @WBSJBCMFTTDTT
    #PPUTUSBQͷ৭ͷઃఆ͸
    ͜ͷϑΝΠϧͰߦΘΕ͍ͯΔͷͰɺ
    ͜͜ͷઃఆΛ্ॻ͖ɻ
    12೥10݄29೔݄༵೔

    View full-size slide

  67. 2012/10/27 FJORD,LLC
    @WBSJBCMFTTDTT
    #PPUTUSBQͷ৭ͷઃఆ͸
    ͜ͷϑΝΠϧͰߦΘΕ͍ͯΔͷͰɺ
    ͜͜ͷઃఆΛ্ॻ͖ɻ
    ͜ͷ࡞ۀ͕໘౗ͳͷͰ
    12೥10݄29೔݄༵೔

    View full-size slide

  68. 2012/10/27 FJORD,LLC
    ϦϙδτϦΛ༻ҙ͓͖ͯ͠·ͨ͠ɻ
    IUUQTHJUIVCDPNNBDIJEB
    $VTUPNJ[FE5XJUUFS#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  69. 2012/10/27 FJORD,LLC
    DPMPST@USZDTTTBTT
    CBTFDPMPS'&$%
    NBJODPMPS#$#'
    BDDFOUDPMPS&%%
    12೥10݄29೔݄༵೔

    View full-size slide

  70. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  71. 2012/10/27 FJORD,LLC
    ଞʹ΋͋Δ͋Δ
    ৭ͷύΫϦํ
    12೥10݄29೔݄༵೔

    View full-size slide

  72. 2012/10/27 FJORD,LLC
    Ξχϝ͔Β͍ͨͩ͘
    12೥10݄29೔݄༵೔

    View full-size slide

  73. 2012/10/27 FJORD,LLC
    தౡ#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  74. 2012/10/27 FJORD,LLC
    ϕʔεΧϥʔ
    ⒎DG
    ϝΠϯΧϥʔ
    BGDG
    ΞΫηϯτΧϥʔ
    ⒎EG
    தౡ#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  75. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  76. 2012/10/27 FJORD,LLC
    ຐ๏গঁ#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  77. 2012/10/27 FJORD,LLC
    ຐ๏গঁ#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  78. 2012/10/27 FJORD,LLC
    ϕʔεΧϥʔ
    GCEDDB
    ϝΠϯΧϥʔ
    ECFEC
    ΞΫηϯτΧϥʔ
    DF
    ຐ๏গঁ#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  79. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  80. 2012/10/27 FJORD,LLC
    ϥϯόŋϥϧ#PPUTUSBQ
    12೥10݄29೔݄༵೔

    View full-size slide

  81. 2012/10/27 FJORD,LLC
    ϥϯόŋϥϧ#PPUTUSBQ
    ϕʔεΧϥʔ

    ϝΠϯΧϥʔ
    DC
    ΞΫηϯτΧϥʔ
    FGF
    12೥10݄29೔݄༵೔

    View full-size slide

  82. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  83. 2012/10/27 FJORD,LLC
    എܠʹςΫενϟΛ࢖͏
    12೥10݄29೔݄༵೔

    View full-size slide

  84. 2012/10/27 FJORD,LLC
    എܠʹςΫενϟΛ࢖͏
    Ұؾʹߴڃײ্͕Γ·͢
    12೥10݄29೔݄༵೔

    View full-size slide

  85. 2012/10/27 FJORD,LLC
    IUUQTVCUMFQBUUFSOTDPN
    12೥10݄29೔݄༵೔

    View full-size slide

  86. 2012/10/27 FJORD,LLC
    IUUQTVCUMFQBUUFSOTDPN
    ςΫενϟ͕͍ͬͺ͍͋ΔαΠτ
    12೥10݄29೔݄༵೔

    View full-size slide

  87. 2012/10/27 FJORD,LLC
    ͜ΕΛ࢖ͬͯΈ·͢
    12೥10݄29೔݄༵೔

    View full-size slide

  88. 2012/10/27 FJORD,LLC
    ͜ΕΛ࢖ͬͯΈ·͢
    EEE
    12೥10݄29೔݄༵೔

    View full-size slide

  89. 2012/10/27 FJORD,LLC
    ͜ΕΛ࢖ͬͯΈ·͢
    EEE
    CBTFDPMPS
    12೥10݄29೔݄༵೔

    View full-size slide

  90. 2012/10/27 FJORD,LLC
    ͜͜Ͱผͷ৭ͷબ୒ํ๏Λ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  91. 2012/10/27 FJORD,LLC
    IUUQESJCCCMFDPN
    12೥10݄29೔݄༵೔

    View full-size slide

  92. 2012/10/27 FJORD,LLC
    IUUQESJCCCMFDPN
    ૉఢͳάϥϑΟοΫ͕ͨ͘͞Μ͋ΔαΠτ
    12೥10݄29೔݄༵೔

    View full-size slide

  93. 2012/10/27 FJORD,LLC
    ద౰ʹΫϦοΫ
    12೥10݄29೔݄༵೔

    View full-size slide

  94. 2012/10/27 FJORD,LLC
    ΧϥʔόʔΛΫϦοΫ
    12೥10݄29೔݄༵೔

    View full-size slide

  95. 2012/10/27 FJORD,LLC
    ݕࡧϘοΫεʹEEEΛೖྗ
    12೥10݄29೔݄༵೔

    View full-size slide

  96. 2012/10/27 FJORD,LLC
    ͔͜͜ΒҰݸબͿ
    12೥10݄29೔݄༵೔

    View full-size slide

  97. 2012/10/27 FJORD,LLC
    ύοͱݟɺ৭͕গͳ͍΍͕ͭ
    Φεεϝ
    12೥10݄29೔݄༵೔

    View full-size slide

  98. 2012/10/27 FJORD,LLC
    ύοͱݟɺ৭͕গͳ͍΍͕ͭ
    Φεεϝ
    12೥10݄29೔݄༵೔

    View full-size slide

  99. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  100. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  101. 2012/10/27 FJORD,LLC
    ͔͜͜Β
    NBJODPMPSBDDFOUDPMPS
    Λબ୒
    12೥10݄29೔݄༵೔

    View full-size slide

  102. 2012/10/27 FJORD,LLC
    ͪͳΈʹϒϥ΢βͷ͔Β
    ৭Λर͏࡞ۀʹ͸͜Ε࢖ͬͯ·͢
    IUUQXXXDPMPS[JMMBDPNDISPNF
    12೥10݄29೔݄༵೔

    View full-size slide

  103. 2012/10/27 FJORD,LLC
    BDDFOUDPMPSCBD
    NBJODPMPSCE
    12೥10݄29೔݄༵೔

    View full-size slide

  104. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  105. 2012/10/27 FJORD,LLC
    จࣈͷ৭ͷܾΊํ
    12೥10݄29೔݄༵೔

    View full-size slide

  106. 2012/10/27 FJORD,LLC
    ม਺Λ༻ҙ
    IFSPVOJUUFYUDPMPS
    12೥10݄29೔݄༵೔

    View full-size slide

  107. 2012/10/27 FJORD,LLC
    CBTFUFYUDPMPS
    ม਺Λ༻ҙ
    12೥10݄29೔݄༵೔

    View full-size slide

  108. 2012/10/27 FJORD,LLC
    wࠓճ͸จࣈ͕৐͔͍ͬͬͯΔϒϩοΫͷ
    എܠ৭Λ4BTTͰૢ࡞ͯ͠ɺ
    ग़ͨ݁Ռͷ৭Λจࣈͷ৭ͱͯ͠࢖͏
    จࣈͷ৭ͷܾΊํ
    12೥10݄29೔݄༵೔

    View full-size slide

  109. 2012/10/27 FJORD,LLC
    wࠓճ͸จࣈ͕৐͔͍ͬͬͯΔϒϩοΫͷ
    എܠ৭Λ4BTTͰૢ࡞ͯ͠ɺ
    ग़ͨ݁Ռͷ৭Λจࣈͷ৭ͱͯ͠࢖͏
    จࣈͷ৭ͷܾΊํ
    4BTTΛ࢖ͬͯ؆୯ʹ
    ৭ΛܾΊΔํ๏Λ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  110. 2012/10/27 FJORD,LLC
    จࣈͷ৭ͷܾΊํ
    ϒϩοΫͷ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  111. 2012/10/27 FJORD,LLC
    จࣈͷ৭ͷܾΊํ
    จࣈͷ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  112. 2012/10/27 FJORD,LLC
    4BTTͰ৭Λૢ࡞
    ໌౓Λૢ࡞
    12೥10݄29೔݄༵೔

    View full-size slide

  113. 2012/10/27 FJORD,LLC
    MJHIUFO DPMPS BNPVOU

    DPMPSͷ໌౓Λ্͛Δ
    ໌౓Λ্͛Δ
    12೥10݄29೔݄༵೔

    View full-size slide

  114. 2012/10/27 FJORD,LLC
    IFSPVOJUUFYUDPMPS
    MJHIUFO NBJODPMPS

    MJHIUFO DPMPS BNPVOU

    DPMPSͷ໌౓Λ্͛Δ
    ໌౓Λ্͛Δ
    12೥10݄29೔݄༵೔

    View full-size slide

  115. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  116. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  117. 2012/10/27 FJORD,LLC
    EBSLFO DPMPS BNPVOU

    DPMPSͷ໌౓ΛԼ͛Δ
    ໌౓ΛԼ͛Δ
    12೥10݄29೔݄༵೔

    View full-size slide

  118. 2012/10/27 FJORD,LLC
    EBSLFO DPMPS BNPVOU

    DPMPSͷ໌౓ΛԼ͛Δ
    IFSPVOJUUFYUDPMPS
    EBSLFO NBJODPMPS

    ໌౓ΛԼ͛Δ
    12೥10݄29೔݄༵೔

    View full-size slide

  119. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  120. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  121. 2012/10/27 FJORD,LLC
    ͪͳΈʹɺ
    12೥10݄29೔݄༵೔

    View full-size slide

  122. 2012/10/27 FJORD,LLC
    ͪͳΈʹɺ
    IFSPVOJUUFYUDPMPS
    MJHIUFO NBJODPMPS

    12೥10݄29೔݄༵೔

    View full-size slide

  123. 2012/10/27 FJORD,LLC
    ͪͳΈʹɺ
    IFSPVOJUUFYUDPMPS
    MJHIUFO NBJODPMPS

    ͜ͷ਺ࣈ͕େ͖͍΄Ͳจࣈ͕໨ཱͭ
    12೥10݄29೔݄༵೔

    View full-size slide

  124. 2012/10/27 FJORD,LLC
    ͳͷͰɺ
    12೥10݄29೔݄༵೔

    View full-size slide

  125. 2012/10/27 FJORD,LLC
    ͳͷͰɺ
    12೥10݄29೔݄༵೔

    View full-size slide

  126. 2012/10/27 FJORD,LLC
    ͳͷͰɺ
    ͬͪ͜Λ໨ཱ͍ͨͤͨ
    12೥10݄29೔݄༵೔

    View full-size slide

  127. 2012/10/27 FJORD,LLC
    ͪΌΜͱ໨ཱͭΑ͏ʹ਺ࣈΛ
    ௐ੔͢Δ͜ͱ͕େࣄ
    12೥10݄29೔݄༵೔

    View full-size slide

  128. 2012/10/27 FJORD,LLC
    ·ͱΊΔͱɺ
    จࣈ͕৐͔ͬͬͯΔ
    എܠͷ৭ͷ໌౓Λ
    ૢ࡞ͯ͠จࣈͷ৭Λ
    ܾΊΕ͹͍͍
    12೥10݄29೔݄༵೔

    View full-size slide

  129. 2012/10/27 FJORD,LLC
    ·ͱΊΔͱɺ
    จࣈ͕৐͔ͬͬͯΔ
    എܠͷ৭ͷ໌౓Λ
    ૢ࡞ͯ͠จࣈͷ৭Λ
    ܾΊΕ͹͍͍
    ଴ͬͨ
    12೥10݄29೔݄༵೔

    View full-size slide

  130. 2012/10/27 FJORD,LLC
    CBTFDPMPS
    ͱ͍͏ઃఆΛ͍ͯͨ͠ͷͰɺ
    ͜Μͳ৔߹΋ʜ
    12೥10݄29೔݄༵೔

    View full-size slide

  131. 2012/10/27 FJORD,LLC
    CBTFDPMPS
    ͱ͍͏ઃఆΛ͍ͯͨ͠ͷͰɺ
    ΄΅ࠇ
    ͜Μͳ৔߹΋ʜ
    12೥10݄29೔݄༵೔

    View full-size slide

  132. 2012/10/27 FJORD,LLC
    CBTFDPMPS
    ͱ͍͏ઃఆΛ͍ͯͨ͠ͷͰɺ
    CBTFUFYUDPMPS
    MJHIUFO CBTFDPMPS

    ͜Μͳ৔߹΋ʜ
    12೥10݄29೔݄༵೔

    View full-size slide

  133. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  134. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  135. 2012/10/27 FJORD,LLC
    ͏Θͬɺ྘ʂ
    12೥10݄29೔݄༵೔

    View full-size slide

  136. 2012/10/27 FJORD,LLC
    Πϝʔδͱҧͬͨʂ
    12೥10݄29೔݄༵೔

    View full-size slide

  137. 2012/10/27 FJORD,LLC
    ୯७ʹ৭ʹԋࢉΛ࢖͏ͬͯํ๏΋
    ͦ͏͍͏ͱ͖͸ɺ
    CBTFUFYUDPMPS
    CBTFDPMPS
    12೥10݄29೔݄༵೔

    View full-size slide

  138. 2012/10/27 FJORD,LLC
    ୯७ʹ৭ʹԋࢉΛ࢖͏ͬͯํ๏΋
    ͦ͏͍͏ͱ͖͸ɺ
    CBTFUFYUDPMPS
    CBTFDPMPS
    12೥10݄29೔݄༵೔

    View full-size slide

  139. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  140. 2012/10/27 FJORD,LLC
    DPMPS਺ࣈ
    DPMPSΛ਺ࣈͷ෼͚ͩനʹ͚ۙͮΔ
    ʢ৭૬͸ͦͷ··ʹ໌౓ͱ࠼౓্͕͕Δʣ
    4BTTͰ৭ͷԋࢉ
    12೥10݄29೔݄༵೔

    View full-size slide

  141. 2012/10/27 FJORD,LLC
    DPMPS਺ࣈ
    4BTTͰ৭ͷԋࢉ
    IFSPVOJUUFYUDPMPS
    NBJODPMPS
    12೥10݄29೔݄༵೔

    View full-size slide

  142. 2012/10/27 FJORD,LLC
    നʹ͍ۙͮͯΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  143. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  144. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  145. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  146. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  147. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  148. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  149. 2012/10/27 FJORD,LLC
    DPMPS਺ࣈ
    DPMPSΛ਺ࣈͷ෼͚ͩࠇʹ͚ۙͮΔ
    ʢ৭૬͸ͦͷ··ʹ໌౓ͱ࠼౓͕Լ͕Δʣ
    4BTTͰ৭ͷԋࢉ
    12೥10݄29೔݄༵೔

    View full-size slide

  150. 2012/10/27 FJORD,LLC
    DPMPS਺ࣈ
    4BTTͰ৭ͷԋࢉ
    IFSPVOJUUFYUDPMPS
    NBJODPMPS
    12೥10݄29೔݄༵೔

    View full-size slide

  151. 2012/10/27 FJORD,LLC
    ࠇʹ͍ۙͮͯΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  152. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  153. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  154. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  155. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  156. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  157. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  158. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  159. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  160. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  161. 2012/10/27 FJORD,LLC

    12೥10݄29೔݄༵೔

    View full-size slide

  162. 2012/10/27 FJORD,LLC
    ͰɺͲͬͪΛ࢖͑͹͍͍ʁ
    ԋࢉʁ ໌౓ʁ
    12೥10݄29೔݄༵೔

    View full-size slide

  163. 2012/10/27 FJORD,LLC
    ͰɺͲͬͪΛ࢖͑͹͍͍ʁ
    ԋࢉʁ ໌౓ʁ
    έʔεόΠέʔε
    12೥10݄29೔݄༵೔

    View full-size slide

  164. 2012/10/27 FJORD,LLC
    ͞Βʹબ୒ࢶΛ
    ૿΍ͯ͠͠·͏ͷͰ͕͢ʜ
    12೥10݄29೔݄༵೔

    View full-size slide

  165. 2012/10/27 FJORD,LLC
    Ͳͬͪ΋CBTFDPMPS͔Β
    ੜ੒ͨ͠৭Λ࢖͏ͷ΋ΞϦ
    12೥10݄29೔݄༵೔

    View full-size slide

  166. 2012/10/27 FJORD,LLC
    Ͳͬͪ΋CBTFDPMPS͔Β
    ੜ੒ͨ͠৭Λ࢖͏ͷ΋ΞϦ
    CBTFUFYUDPMPS
    EBSLFO CBTFDPMPS

    IFSPVOJUUFYUDPMPS
    EBSLFO CBTFDPMPS

    12೥10݄29೔݄༵೔

    View full-size slide

  167. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  168. 2012/10/27 FJORD,LLC
    ·ͩ·ͩ͋Δ
    4BTTΛ࢖ͬͨ
    ৭ͷૢ࡞
    12೥10݄29೔݄༵೔

    View full-size slide

  169. 2012/10/27 FJORD,LLC
    DPNQMFNFOU DPMPS

    DPMPSͷิ৭
    ৭૬؀Ͱਖ਼൓ରʹҐஔ͢Δؔ܎ͷ৭
    4BTTͰิ৭Λग़͢
    12೥10݄29೔݄༵೔

    View full-size slide

  170. 2012/10/27 FJORD,LLC
    IUUQXXXDPMPSTQDPN

    DPNQMFNFOUBSZ@DPMPSTIUNM
    ิ৭ͷઆ໌͸ͪ͜Β
    4BTTͰิ৭Λग़͢
    12೥10݄29೔݄༵೔

    View full-size slide

  171. 2012/10/27 FJORD,LLC
    4BTTͰ৭Λૢ࡞
    ࠼౓Λૢ࡞
    12೥10݄29೔݄༵೔

    View full-size slide

  172. 2012/10/27 FJORD,LLC
    4BTTͰ࠼౓Λૢ࡞
    wTBUVSBUF DPMPS BNPVOU

    wDPMPSͷ࠼౓Λ্͛Δ
    wEFTBUVSBUF DPMPS BNPVOU

    wDPMPSͷ࠼౓ΛԼ͛Δ
    12೥10݄29೔݄༵೔

    View full-size slide

  173. 2012/10/27 FJORD,LLC
    4BTTͰ৭Λૢ࡞
    ͦͷଞͷૢ࡞
    12೥10݄29೔݄༵೔

    View full-size slide

  174. 2012/10/27 FJORD,LLC
    wJOWFSU DPMPS

    wDPMPSΛ൓సͨ͠৭
    w৭૬ɺ໌Δ͞ɺ࠼౓Λٯʹͨ͠৭
    4BTTͰ൓స৭Λग़͢
    12೥10݄29೔݄༵೔

    View full-size slide

  175. 2012/10/27 FJORD,LLC
    4BTTͰ൓స৭Λग़͢
    12೥10݄29೔݄༵೔

    View full-size slide

  176. 2012/10/27 FJORD,LLC
    ൓స
    4BTTͰ൓స৭Λग़͢
    12೥10݄29೔݄༵೔

    View full-size slide

  177. 2012/10/27 FJORD,LLC
    IUUQTBTTMBOHDPNEPDTZBSEPD4BTT
    4DSJQU'VODUJPOTIUNMITM@GVODUJPOT
    ·ͩ·ͩ͋Γ·͢
    12೥10݄29೔݄༵೔

    View full-size slide

  178. 2012/10/27 FJORD,LLC
    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  179. 2012/10/27 FJORD,LLC
    ઌ΄Ͳ͸
    wCBTFDPMPS
    wNBJODPMPS
    wBDDFOUDPMPS
    ͷ৭ΛܾΊ·͕ͨ͠ɺ
    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  180. 2012/10/27 FJORD,LLC
    NBJODPMPS৭͚ͩͰσβΠϯʹ௅ઓ
    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  181. 2012/10/27 FJORD,LLC
    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    NBJODPMPSBGDG
    12೥10݄29೔݄༵೔

    View full-size slide

  182. 2012/10/27 FJORD,LLC
    NBJODPMPSBGDG
    CBTFDPMPS
    EFTBUVSBUF NBJODPMPS

    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  183. 2012/10/27 FJORD,LLC
    NBJODPMPSBGDG
    CBTFDPMPS
    EFTBUVSBUF NBJODPMPS

    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    NBJODPMPSͷ࠼౓ΛԼ͛ͨ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  184. 2012/10/27 FJORD,LLC
    NBJODPMPSBGDG
    CBTFDPMPS
    EFTBUVSBUF NBJODPMPS

    BDDFOUDPMPS
    DPNQMFNFOU NBJODPMPS

    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    12೥10݄29೔݄༵೔

    View full-size slide

  185. 2012/10/27 FJORD,LLC
    NBJODPMPSBGDG
    CBTFDPMPS
    EFTBUVSBUF NBJODPMPS

    BDDFOUDPMPS
    DPNQMFNFOU NBJODPMPS

    ͦΕΒΛ࢖ͬͨྫΛ঺հ
    NBJODPMPSͷิ৭
    12೥10݄29೔݄༵೔

    View full-size slide

  186. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  187. 2012/10/27 FJORD,LLC
    Ҏ্ɺ৭ͷ࿩Ͱͨ͠
    12೥10݄29೔݄༵೔

    View full-size slide

  188. 2012/10/27 FJORD,LLC
    #PPUTUSBQΧελϚΠζ
    12೥10݄29೔݄༵೔

    View full-size slide

  189. 2012/10/27 FJORD,LLC
    IFSPVOJUΛ
    ௐ੔͢Δ
    #PPUTUSBQΧελϚΠζ
    12೥10݄29೔݄༵೔

    View full-size slide

  190. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  191. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  192. 2012/10/27 FJORD,LLC
    ͔ͳΓద౰
    IFSPVOJUͬͯ
    12೥10݄29೔݄༵೔

    View full-size slide

  193. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  194. 2012/10/27 FJORD,LLC
    ೔ຊޠʹͯ͠ΈΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  195. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  196. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  197. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  198. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  199. 2012/10/27 FJORD,LLC
    ܺؒڱͬʂ
    12೥10݄29೔݄༵೔

    View full-size slide

  200. 2012/10/27 FJORD,LLC
    ͳͷͰɺ
    ఔΑ͍ܺؒΛ
    ۭ͚·͠ΐ͏
    12೥10݄29೔݄༵೔

    View full-size slide

  201. 2012/10/27 FJORD,LLC
    ͦΕ͕ܾΊΒΕͳ͍͔Β
    ͜͜ʹདྷͨΜ͡Ό
    12೥10݄29೔݄༵೔

    View full-size slide

  202. 2012/10/27 FJORD,LLC
    ୭Ͱ΋ग़དྷΔɺ
    IFSPVOJUͷௐ੔ํ๏
    12೥10݄29೔݄༵೔

    View full-size slide

  203. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  204. 2012/10/27 FJORD,LLC
    ཁૉΛݕূͰ
    NBSHJOCPUUPNʹ
    ਺ࣈΛೖΕΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  205. 2012/10/27 FJORD,LLC
    ΧʔιϧΩʔΛ
    ࢖ͬͯ਺ࣈΛঃʑʹ
    ม͍͑ͯ͘
    12೥10݄29೔݄༵೔

    View full-size slide

  206. 2012/10/27 FJORD,LLC
    ͍͍ײ͡ʹͳͬͯ
    ͖ͨΒεΫϦʔϯ
    γϣοτΛ
    ਺ύλʔϯࡱΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  207. 2012/10/27 FJORD,LLC
    ަޓʹݟൺ΂ͯΈΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  208. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  209. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  210. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  211. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  212. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  213. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  214. 2012/10/27 FJORD,LLC
    ͬͪ͜ʹܾΊͨʂ
    12೥10݄29೔݄༵೔

    View full-size slide

  215. 2012/10/27 FJORD,LLC
    ަޓʹ࿈ଓͯ͠ݟൺ΂Δͱɺ
    Ͳ͕͍͍͔͕ͬͪΘ͔Γ΍͍͢
    12೥10݄29೔݄༵೔

    View full-size slide

  216. 2012/10/27 FJORD,LLC
    ͜ͷํ๏Ͱଞͷཁૉ΋ௐ੔
    12೥10݄29೔݄༵೔

    View full-size slide

  217. 2012/10/27 FJORD,LLC
    मਖ਼લ
    12೥10݄29೔݄༵೔

    View full-size slide

  218. 2012/10/27 FJORD,LLC
    मਖ਼ޙ
    12೥10݄29೔݄༵೔

    View full-size slide

  219. 2012/10/27 FJORD,LLC
    मਖ਼લ
    12೥10݄29೔݄༵೔

    View full-size slide

  220. 2012/10/27 FJORD,LLC
    मਖ਼ޙ
    12೥10݄29೔݄༵೔

    View full-size slide

  221. 2012/10/27 FJORD,LLC
    मਖ਼લ
    12೥10݄29೔݄༵೔

    View full-size slide

  222. 2012/10/27 FJORD,LLC
    मਖ਼ޙ
    12೥10݄29೔݄༵೔

    View full-size slide

  223. 2012/10/27 FJORD,LLC
    ϙΠϯτ͸໨ཱ͍ͨͤͨ΋ͷ
    ͷपΓʹ༨നΛऔΔ͜ͱ
    IUUQZVLPZVLPTIVQPQPTFFTBBOFUBSUJDMFIUNM
    12೥10݄29೔݄༵೔

    View full-size slide

  224. 2012/10/27 FJORD,LLC
    ϙΠϯτ͸໨ཱ͍ͨͤͨ΋ͷ
    ͷपΓʹ༨നΛऔΔ͜ͱ
    IUUQCMPHMJWFEPPSKQJUBCFZBBSDIJWFTIUNM
    12೥10݄29೔݄༵೔

    View full-size slide

  225. 2012/10/27 FJORD,LLC
    Ͱ΋ɺIFSPVOJUͬͯʜ
    12೥10݄29೔݄༵೔

    View full-size slide

  226. 2012/10/27 FJORD,LLC
    ͳΜ͔#PPUTUSBQΫη͐
    12೥10݄29೔݄༵೔

    View full-size slide

  227. 2012/10/27 FJORD,LLC
    #PPUTUSBQषΛফ͢
    12೥10݄29೔݄༵೔

    View full-size slide

  228. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  229. 2012/10/27 FJORD,LLC
    ຊՈ΋࢖ͬͯͳ͍͠ʂ
    12೥10݄29೔݄༵೔

    View full-size slide

  230. 2012/10/27 FJORD,LLC
    IFSPVOJUΛ΍ΊΔ
    #PPUTUSBQΧελϚΠζ
    12೥10݄29೔݄༵೔

    View full-size slide

  231. 2012/10/27 FJORD,LLC
    ͳͷͰɺ
    ࠓճ͸ಠࣗͷ
    ϒϩοΫΛ༻ҙ
    IFSPVOJUΛ΍ΊΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  232. 2012/10/27 FJORD,LLC
    IUUQMPDBMIPTUFZFDBUDI
    IFSPVOJUΛ΍ΊΔ
    @FZFDBUDIDTTTBTT
    IPNF@FZFDBUDIIUNMIBNM
    12೥10݄29೔݄༵೔

    View full-size slide

  233. 2012/10/27 FJORD,LLC
    12೥10݄29೔݄༵೔

    View full-size slide

  234. 2012/10/27 FJORD,LLC
    ࠓ೔ɺ͕࣌ؒ༨ͬͨΒ
    @FZFDBUDIΛ͍ͬͯ͡Έ͍ͯͩ͘͞
    IFSPVOJUΛ΍ΊΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  235. 2012/10/27 FJORD,LLC
    ͓·͚
    12೥10݄29೔݄༵೔

    View full-size slide

  236. ςΩετ
    2012/10/27 FJORD,LLC
    σβΠφʔʹͱͬͯ΋
    3BJMTͬͯ
    ৭ʑ༻ҙ͞ΕͯΔ͔Βศར
    12೥10݄29೔݄༵೔

    View full-size slide

  237. 2012/10/27 FJORD,LLC
    (FNpMF
    HSPVQBTTFUTEP
    dddd
    HFNCPPUTUSBQTBTT d
    HFNDPNQBTTSBJMT
    HFNTBTTZCVUUPOT
    HFNGPOUBXFTPNFTBTTSBJMT
    HFNDPNQBTTSHCBQOH SFRVJSFSHCBQOH
    12೥10݄29೔݄༵೔

    View full-size slide

  238. 2012/10/27 FJORD,LLC
    DPNQBTTSBJMT
    w3BJMTͰ$PNQBTTΛ࢖͏༻ͷ(FN
    w$44Λ࢖͏ͱ͖ͷWFOEFSQSFpYΛ
    ࣗಈͰ෇͚ΔͳͲɺศརػೳͷ٧Ί߹
    Θͤ
    w͜Εʹ׳ΕΔͱແ͠͡Ό4BTT͕ॻ͚ͳ
    ͘ͳΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  239. 2012/10/27 FJORD,LLC
    CPSEFSSBEJVT QY

    CPYTIBEPX SHCB
    QYQYQY

    DMFBSpY
    UFYUTIBEPX SHCB
    QY

    CPYTJ[JOH CPSEFSCPY

    CBDLHSPVOEJNBHF SBEJBMHSBEJFOU QYQY ⒎
    QY F⒎QY


    12೥10݄29೔݄༵೔

    View full-size slide

  240. 2012/10/27 FJORD,LLC
    http://compass-style.org
    12೥10݄29೔݄༵೔

    View full-size slide

  241. 2012/10/27 FJORD,LLC
    TBTTZCVUUPOT
    wσβΠϯ͞ΕͨϘλϯΛҰߦͷ4BTTͰ
    ࡞ΕΔ$PNQBTTͷϓϥάΠϯ
    12೥10݄29೔݄༵೔

    View full-size slide

  242. 2012/10/27 FJORD,LLC
    http://jaredhardy.com/sassy-buttons/
    12೥10݄29೔݄༵೔

    View full-size slide

  243. 2012/10/27 FJORD,LLC
    TBTTZCVUUPO TJNQMF QY QY CBDD

    TBTTZCVUUPO NBUUF QY QY CBDD

    TBTTZCVUUPO TIJOZ QY QY CBDD

    TBTTZCVUUPO HMBTT QY QY CBDD

    TBTTZCVUUPO qBU QY QY CBDD

    12೥10݄29೔݄༵೔

    View full-size slide

  244. 2012/10/27 FJORD,LLC
    GPOUBXFTPNFTBTTSBJMT
    w#PPUTUBQͷΞΠίϯΛXFCGPOUԽ
    wͦΕΛ3BJMT΁؆୯ʹಋೖͰ͖ΔΑ͏ʹ
    ͨ͠΋ͷ
    12೥10݄29೔݄༵೔

    View full-size slide

  245. 2012/10/27 FJORD,LLC
    http://fortawesome.github.com/Font-Awesome/
    12೥10݄29೔݄༵೔

    View full-size slide

  246. 2012/10/27 FJORD,LLC
    JJDPODPNNFOUBMU
    JJDPOCVMMIPSO
    JJDPOCFMM
    JJDPOHJUIVC
    JJDPODMPVE
    JJDPOCPMU
    12೥10݄29೔݄༵೔

    View full-size slide

  247. 2012/10/27 FJORD,LLC
    DPNQBTTSHCBQOH
    wSHCBͰࢦఆͨ͠CBDLHSPVOEDPMPSΛ
    JFͰ΋දࣔ͞ΕΔΑ͏ʹࣗಈͰQOHΛ
    ੜ੒͢Δ$PNQBTTͷϓϥάΠϯ
    wEBUB63-΋ੜ੒ͯ͘͠ΕΔ
    12೥10݄29೔݄༵೔

    View full-size slide

  248. 2012/10/27 FJORD,LLC
    SHCBCBDLHSPVOE SHCB


    SHCBCBDLHSPVOEJOMJOF SHCB


    12೥10݄29೔݄༵೔

    View full-size slide

  249. 2012/10/27 FJORD,LLC
    !JNQPSUCPPUTUSBQ
    !JNQPSUCPPUTUSBQSFTQPOTJWF
    !JNQPSUDPNQBTTVUJMJUJFT
    !JNQPSUDPNQBTTDTT
    !JNQPSUGPOUBXFTPNF
    !JNQPSUTBTTZCVUUPOT
    !JNQPSUSHCBQOH
    CBTFDTTTBTT
    12೥10݄29೔݄༵೔

    View full-size slide

  250. 2012/10/27 FJORD,LLC
    !JNQPSUCPPUTUSBQ
    !JNQPSUCPPUTUSBQSFTQPOTJWF
    !JNQPSUDPNQBTTVUJMJUJFT
    !JNQPSUDPNQBTTDTT
    !JNQPSUGPOUBXFTPNF
    !JNQPSUTBTTZCVUUPOT
    !JNQPSUSHCBQOH
    CBTFDTTTBTT
    ͙͢ʹ࢖͑·͢
    12೥10݄29೔݄༵೔

    View full-size slide

  251. 2012/10/27 FJORD,LLC
    ͝ਗ਼ௌ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠
    12೥10݄29೔݄༵೔

    View full-size slide