失敗談から 運用しやすいサイトの作り方を 考えてみた

4月のWordBench Kyotoでお話しさせていただいたスライドです。

Transcript

1. ࣦഊஊ͔Β
   ӡ༻͠΍͍͢αΠτͷ࡞ΓํΛ
   ߟ͑ͯΈͨ ೥݄೔
   :PSJZBTV
   /JTIJNVSB
2. ֓ཁ w ࣾ಺ͷ8PSE1SFTTΛ࢖༻੍ͨ͠࡞Ҋ݅Ͱͷ͓࿩
 w ϦϦʔεޙ͓٬͞Μ͔Βෆ۩߹ͷ͝࿈བྷ͕ଟ਺͋ͬͨ
 w ੍࡞࣌ͷ՝୊ΛৼΓฦΓɺͲ͏͢Ε͹Α͔ͬͨͷ͔Λ
 ߟ͑ͨɻ
3. ͦͷ౰࣌ͷνʔϜͷ༷ࢠʢ೥͘Β͍લʣ w ͱΓ͋͑ͣσβΠϯΛͭ͘Δ
 w σΟϨΫλʔɺσβΠφʔɺϚʔΫΞοϓͷ෼ۀମ੍
 ʢͱ͍͏໊ͷݸਓϓϨʔʣ
 w $.4ͷ஌ࣝ͸͋·Γͳ͍ਓ͕ଟ͍ ˞࿩ΛΘ͔Γ΍͘͢͢ΔͨΊʹ͔ͳΓۃ୺ͳදݱʹͳ͍ͬͯ·͢ɻ
 ɹ͜Μͳ૊৫ͩͬͨΒͱ͍͏ϑΟΫγϣϯͩͱࢥ͍ͬͯͩ͘͞ɻ
4. Ҋ݅֓ཁ w ΞύϨϧܥϒϥϯυαΠτʢൢച͸ผͰӡ༻ʣ
 w ৽ண৘ใͱళฮ৘ใΛ؅ཧը໘Ͱߋ৽
 w ୈϑΣʔζͰ1$ͷΈΛ࡞੒ɺ
 ୈϑΣʔζͰϨεϙϯγϒԽ
5. ళฮҰཡ w ౎ಓ෎ݝ͝ͱͰϘοΫε
   w ͦͷதʹҰཡͰฒͿ
6. ళฮҰཡ ళฮ͕ͳͯ͘΋౎ಓ෎ݝ͕ొ࿥͞Ε͍ͯΔͱ࿮͚͕ͩ
 දࣔ͞ΕΔ
7. ళฮ͕ͳͯ͘΋౎ಓ෎ݝ͕ొ࿥͞Ε͍ͯΔͱ࿮͚͕ͩ
 දࣔ͞ΕΔ ళฮҰཡ ஋͕ͳ͍ͷͱ͖૝ఆͰ͖ͯͳ͍໰୊
8. ৽ண৘ใ w ళฮͷ͓஌Βͤ΍঎඼ͷ͓஌Βͤ ͳͲΛ͢Δϖʔδ
   w ঎඼ͷ͓஌Βͤͷৄࡉϖʔδ
   w ςΩετͷΈͷΤϦΞʢຊจʣ
   w ঎඼ࣸਅͱ঎඼৘ใͷΤϦΞ
   w ࠷ޙʹϦϯΫΛೖΕΔͷͰɺ
 BλάʹDPMPSઃఆ
9. ৽ண৘ใ w ঎඼ΤϦΞͷϦϯΫʢBλάʣʹ͔͠DPMPS͕ઃఆ͞Ε͍ͯͳ͍ɻ
   w MJͳͲͷͦͷଞͷλάͷελΠϧ͕ઃఆ͞Ε͍ͯͳ͍ɻ

10. ৽ண৘ใ w ঎඼ΤϦΞͷϦϯΫʢBλάʣʹ͔͠DPMPS͕ઃఆ͞Ε͍ͯͳ͍ɻ
    w MJͳͲͷͦͷଞͷλάͷελΠϧ͕ઃఆ͞Ε͍ͯͳ͍ɻ
 ࢖͍ํ૝ఆͰ͖ͯͳ͍໰୊
11. ؔ࿈هࣄ w ݸผϖʔδͷຊจޙʹදࣔ
    w ݅දࣔ
 ˠεϚϗͰ͸ΧϥϜදࣔ
12. ؔ࿈هࣄ දࣔ͞ΕΔςΩετͷจࣈ਺͕มΘΔͱ ่ΕΔ
13. ؔ࿈هࣄ ࠷େ஋ɺ࠷খ஋Λߟ͑ͯͳ͍໰୊ දࣔ͞ΕΔςΩετͷจࣈ਺͕มΘΔͱ ่ΕΔ
14. ൃੜͨ͠໰୊ w ஋͕ͳ͍ͷͱ͖૝ఆͰ͖ͯͳ͍໰୊
 w ೖྗ஋มԽ૝ఆͰ͖ͯͳ͍໰୊
 w ࢖͍ํ૝૾Ͱ͖ͯͳ͍໰୊

15. ߟ͑ͨղܾํ๏ w ஋͕ͳ͍ͷͱ͖૝ఆͰ͖ͯͳ͍໰୊
 ˠঢ়گΛߟྀͨ͠৚݅෼ذ
    w ೖྗ஋มԽ૝ఆͰ͖ͯͳ͍໰୊
 ˠαΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γʹ͢Δ
    w ࢖͍ํ૝૾Ͱ͖ͯͳ͍໰୊
 ˠࣄલʹ͖ͪΜͱऔΓܾΊ͓ͯ͘
16. w QIQͷJGจͰ৚݅෼ذ
    w ग़ྗ͢Δ΋ͷ͕͋Δͱ͖ͳ͍ͱ͖
    w Ͳͷϖʔδ͔
    w ͲͷσόΠε͔ ঢ়گΛߟྀͨ͠৚݅෼ذ w ۭͰ΋͋͑ͯද͓ࣔͤͯ͘͞ཁૉ΋͋Δ͔΋
17. w ग़ྗ͢Δ΋ͷ͕͋Δͱ͖ͳ͍ͱ͖ ঢ়گΛߟྀͨ͠৚݅෼ذ  QIQ
    JG
    IBWF@QPTUT
    
    
 XIJMF
    IBWF@QPTUT
    
    
 UIF@QPTU 
    
 ͜͜ʹίϯςϯπ
  QIQ
    FOEXIJMF
    
  QIQ
    FOEJG
    
18. w ग़ྗ͢Δ΋ͷ͕͋Δͱ͖ͳ͍ͱ͖ ঢ়گΛߟྀͨ͠৚݅෼ذ  QIQ
    JG
    IBWF@QPTUT
    
    
 XIJMF
    IBWF@QPTUT
    
    
 UIF@QPTU 
    
 ͜͜ʹίϯςϯπ
  QIQ
    
 FOEXIJMF
 FMTF
    
 
 ίϯςϯπ͕ͳ͍৔߹ͷهड़
  QIQ
    FOEJG
    

19. w Ͳͷϖʔδ͔ ঢ়گΛߟྀͨ͠৚݅෼ذ  QIQ
    JG
    JT@QBHF b\TMVH^` 
    
 ͜͜ʹϖʔδಠࣗͷίϯςϯπ
  QIQ
    FOEJG
     w ͲͷσόΠε͔  QIQ
    JG
    JT@XQ@NPCJMF 
    
 ͜͜ʹ415#ͷίϯςϯπ
  QIQ
    FOEJG
    
20. ৄ͘͠͸$PEFYͰ
    ৚݅෼ذλά
    
    8PSE1SFTT
    $PEFY
    ೔ຊޠ൛
 IUUQTXQEPDTPTEOKQ &%"&###&&# &#'&# ঢ়گΛߟྀͨ͠৚݅෼ذ
21. αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γํ w αΠζ͕มΘͬͯ΋่Εͳ͍Α͏ͳ$44ͷ૊Έํ
    w αΠζΛݻఆʹ͢Δ
    w ߴ͞ݻఆ
    w จࣈ਺੍ݶ
22. αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γํ w αΠζ͕มΘͬͯ΋่Εͳ͍Α͏ͳ$44ͷ૊Έํ
    w ่ΕͨݪҼˠqPBUͰ૊ΜͰ͍ͨ
 qPBUɾɾɾʮճΓࠐΈʯͳͷͰ伱ؒΛຒΊΔΑ͏ʹۭ͍ ͯΔํʹߦ͜͏ͱ͢Δ
23. αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γํ w JOMJOFCMPDLɾɾɾཁૉͷϥΠϯΛἧ͑ͯฒ΂Δ
24. αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γํ w qFYɾɾɾϒϩοΫͷߴ͕͞ἧ͏
25. αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γํ w QIQͰจࣈ਺Λ੍ݶ͢Δ TVCTUS IPHFIPHFIPHFIPHF
    
     
 NC@TVCTUS IPHFIPHFIPHFIPHF
    
     
 NC@TUSJNXJEUI IPHFIPHFIPHFIPHF
    
     
26. αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γํ w $44Ͱจࣈ਺੍ݶ Q
    \

    
    
    XJEUI
    QY

    
    
    XIJUFTQBDF
    OPXSBQ

    
    
    PWFSqPX
    IJEEFO

    
    
    UFYUPWFSqPX
    FMMJQTJT
 ^ Q
    \

    
    
    
    EJTQMBZ
    XFCLJUCPY

    
    
    
    XFCLJUCPYPSJFOU
    WFSUJDBM

    
    
    
    XFCLJUMJOFDMBNQ
    

    
    
    
    PWFSqPX
    IJEEFO
 ^
27. ࣄલʹ͖ͪΜͱऔΓܾΊ͓ͯ͘ w ౤ߘ಺ͰͲΜͳλάɺελΠϧΛ࢖͏͔
    w ͲΜͳ৘ใΛೖΕΔ͔ʢΧελϜϑΟʔϧυͳͲʣ
    w ͲΜͳߜΓࠐΈ͕ඞཁ͔ʢΧςΰϦʔɾλάʣ
 
 ɾɾɾͳͲ
28. ࣄલʹ͖ͪΜͱऔΓܾΊ͓ͯ͘ w ؅ཧը໘Λઃܭ
    w ෆཁͳཁૉΛඇදࣔʢΤσΟλʔ·ΘΓʣ
    w $44Ͱࢦఆͯ͠ͳ͍ཁૉ͸࢖͑ͳ͍Α͏ʹ͢ΔͳͲɻ
    w ΫϥΠΞϯτͷϦςϥγʔʹ߹ΘͤΔͷ΋ඞཁɻ
    w ϓϥάΠϯΛ׆༻
 FYʣ5JOZ.$&
    "EWBODFE
 ɹɹ"EE2VJDLUBH
 ɹɹ6TFS
    3PMF
    &EJUPS
29. ࣄલʹ͖ͪΜͱऔΓܾΊ͓ͯ͘ w $44Λ޻෉
    w ֊૚ΛݮΒ͍ͯ͠Ζ͍Ζͳͱ͜ΖͰ࢖͍΍͘͢͢Δ DPOUFOU
    JOOFS
    JUFNBSFB
    B\
 ɹDPMPS
    QJOL
 ^ DPOUFOU
    JOOFS
    B\
 ɹ
    DPMPS
    QJOL
 ^
30. w ঢ়گΛߟྀͯ͠৚݅෼ذΛͭ͘Δ
    w ࣄલʹ͖ͪΜͱऔΓܾΊ͓ͯ͘ʢࢥ͍ࠐΈͰਐΊͳ͍ʣ
    w αΠζ͕มԽͯ͠΋ରԠͰ͖Δ࡞Γʹ͢Δ ӡ༻ϑΣʔζͰࠔΒͳ͍ͨΊʹ
    ͪΌΜͱ֬ೝ͠Α͏ ·ͱΊ
31. w ͱΓ͋͑ͣσβΠϯΛͭ͘Δ
 ˠ࢓༷Λ࠷ॳʹܾΊΔ
 w σΟϨΫλʔɺσβΠφʔɺϚʔΫΞοϓͷ෼ۀମ੍
 ʢͱ͍͏໊ͷݸਓϓϨʔʣ
 ˠνʔϜͰ࿈ܞ
 w $.4ͷ஌ࣝ͸͋·Γͳ͍ਓ͕ଟ͍
 ˠجຊతͳ஌ࣝ͸ΈΜͳ͓࣋ͬͯ͘΂͖ ·ͱΊʢνʔϜ͕Ͳ͏มΘ͔ͬͨʣ
32. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠