SEOとJava Script。 〜文書構造とチームと、時々、闇〜

2016/01/16に開催されたWDF研修「半歩先のSEOで効率よく結果を出そう」で発表させて頂いたLTです。

Transcript

1. 
   4&0ͱ+BWB4DSJQUɻ
   ʙ จॻߏ଄ͱνʔϜͱɺ࣌ʑɺҋ
   ʙ
   
 2016/01/16ɹWDFݚम ʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ DMM.com LaboɹYuki Minakawa
2. ࣗݾ঺հ w 2015/09/01 ʙ
 %..DPN
   -BCPɹՃլσβΠϯ෦ʹ
 ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO͠·ͨ͠
   w ۀ຿Ͱ͸ɺ)5.-$44+BWB4DSJQU౳ͷ
 ࣮૷΍։ൃ؀ڥͷ४උɾԅձ෦௕·Ͱ
 ෯޿͘΍Βͤͯ௖͍ͯ·͢
    ϛφΧϫ
   Ϣ΢Ω
   )1
   
   LHMBCPDPN
3. ॳLT
4. ΑΖ͓͘͠ئ͍͠·͢ʂ
5. ؾʹͳΔ
6. ઌʹ݁࿦
7. ۃྗɺ+4ॻ͔ͳ͍Α͏ʹ͠Α͏
8. ۃྗɺ+4Λॻ͔ͳ͍Α͏ʹ͠Α͏
9. ຊ೔ͷΞδΣϯμ w ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ
   w จॻߏ଄Λҙࣝ͢Δ
   w ཧ૝ͱݱ࣮
10. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ※લஔ͖
11. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ
12. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
13. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳
14. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ ৘ใ͋ͭΊ͖ͯͯʔ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳
15. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ৘ใ͋ͭΊ͖ͯͯʔ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ Θ͔Γ·ͨ͠ʔ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
16. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ ৘ใ͋ͭΊ͖ͯͯʔ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ Ϋϩʔϥʔ (PPHMF#PU
    ౳  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
17. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
     Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ͍͖ͨͩ·͢ʂ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ ΋͖ͬͯͨʂ
18. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
     Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ͖Ζ͘͠Α͏ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ σʔλϕʔε
19. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
     Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ͖Ζ͘׬ྃ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ σʔλϕʔε
20. ݕࡧΤϯδϯʹ൓ө͞ΕΔ·Ͱ  ݕࡧΤϯδϯ͕ΫϩʔϥʔΛ࢖ͬͯϖʔδͷ৘ใΛूΊΔ
     Ϋϩʔϥʔ͕ूΊͨ৘ใΛݕࡧΤϯδϯ͕ΠϯσοΫε͍ͯ͘͠ ݕࡧΤϯδϯ
 (PPHMF
    
    :BIPP
    ౳ σʔλϕʔε ݕࡧ݁Ռʹදࣔ ֤छϒϥ΢β
21. ͜͜·Ͱ֮͑Ε͹0,
22. ͦͷதͷɺ
23. ్தͷग़དྷࣄ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ ͳʹͳʹɾɾɾʁ
24. ్தͷग़དྷࣄ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ ɾɾɾɾɾɾɾɻ
25. w Ϋϩʔϥʔɹ಺༰͕ཧղͰ͖ͳ͍໰୊ ్தͷग़དྷࣄ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JNH͔͠ʜແ͍ʜʂ
26. w Ϋϩʔϥʔɹ಺༰͕ཧղͰ͖ͳ͍໰୊ ్தͷग़དྷࣄ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JNH͔͠ʜແ͍ʜʂ
27. w Ϋϩʔϥʔɹ಺༰͕ཧղͰ͖ͳ͍໰୊ ్தͷग़དྷࣄ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JNH͔͠ʜແ͍ʜʂ ࠓճ͸ίϨͷ࿩
28. จॻߏ଄Λҙࣝ͢Δ
29. จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ ݟग़͕͠ແΤʂ
30. จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ
    w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ ςΩετແΤʂ
31. จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ
    w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ BMU΋ͦΕ΄ͲೖͬͯແΤʂ
32. จॻߏ଄Λҙࣝ͢Δ w Ϣʔβ͸දࣔ͞Ε͍ͯΔϖʔδΛݟ͍ͯΔɻ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JNH͔͠ʜແ͍ʜʂ
33. จॻߏ଄Λҙ͍ࣝͯ͠Δ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <h1 class="entryTitle">1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</h1>
 <p>
 ɹWDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ
 ɹॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ
 ɹॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ
 ɹʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ
 ɹ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ
 </p>
 
 <h2>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</h2>
 <p>
 ɹ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ
 ɹPV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ
 ɹ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ
 ɹ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ
 </p>
34. จॻߏ଄Λҙ͍ࣝͯ͠Δ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <h1 class="entryTitle">1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</h1>
 <p>
 ɹWDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ
 ɹॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ
 ɹॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ
 ɹʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ
 ɹ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ
 </p>
 
 <h2>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</h2>
 <p>
 ɹ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ
 ɹPV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ
 ɹ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ
 ɹ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ
 </p> ʜ΄͏ɻେݟग़͠͸ʮ։࠵
    8%'
35. จॻߏ଄Λҙࣝͯ͠ͳ͍ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <b>1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</b><br>
 <br>
 WDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ
 ॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ
 ॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ
 ʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ
 ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ
 <br>
 <br>
 <b>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</b><br>
 <br>
 ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ
 PV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ
 ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ
 ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ

36. จॻߏ଄Λҙࣝͯ͠ͳ͍ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <b>1/16։࠵ WDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯ</b><br>
 <br>
 WDFͷ2016೥࠷ॳͷηϛφʔ͸ɺSEOͷୈҰਓऀͰWDFʹաڈ3ճߨԋ͍͍͍ͯͨͩͯ͠Δ
 ॅ ଠཅ͞ΜΛ͓ট͖ͯ͠ɺWDFݚमʮ൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏ʯΛ։࠵͠·͢ɻ
 ॅ͞Μ͔Β͸ɺʮ௚ۙͷηϛφʔͰ࿩ͨ͠಺༰͢΂ͯΛ٧ΊࠐΜͩ૯ूฤʯɺ
 ʮ಺༰ͷೱ͗͢Δηϛφʔʯͱ͍͏ίϝϯτΛ͍͍͍ͨͩͯ·͢ɻ
 ೔ʑͷӡ༻ͷώϯτ͕ඞͣݟ͔ͭΓ·͢ɻͥͻ͝ࢀՃ͍ͩ͘͞ɻ
 <br>
 <br>
 <b>൒าઌͷSEOͰޮ཰Α݁͘ՌΛग़ͦ͏</b><br>
 <br>
 ΢ΣϒϚελʔͷखؒͱ࣌ؒ͸ԿΑΓ΋େ੾ͳ΋ͷɻޮՌͷബ͍࠷దԽࢪࡦ΍ɺ
 PV͹͔ΓͰച্ʹͭͳ͕Βͳ͍ίϯςϯπ࡞Γʹɺେ੾ͳखؒͱ࣌ؒ͸͔͚ΒΕ·ͤΜɻ
 ࣮֬ʹɺ͔͠΋ɺޮ཰Α݁͘ՌΛग़͢ʹ͸ɺूத͢΂͖ͱ͜Ζͱͦ͏Ͱͳ͍ͱ͜ΖΛ
 ੾Γ෼͚Δඞཁ͕͋Γ·͢ɻ
 ʜͲ͏͍͏ࣄͩͬͯ͹Αʂʁ
37. จॻߏ଄ͱ͸Կͩͬͨͷ͔ w Ϋϩʔϥʔ͸ιʔείʔυΛݟ͍ͯΔɻ <img src="/images/ttl_h1_01.png" alt="">
 
 <img src="/images/txt_01.png" alt="">
 
 <img src="/images/ttl_h2_01.png" alt="">
 
 <img src="/images/txt_02.png" alt=""> ͭΒ͍
38. ͓લ͸Ұମɺ
 ԿΛݴ͍ͬͯΔΜͩɻ ※ΫϩʔϥʔͰ͢
39. ͜ͷ݅ʹ͍ͭͯ͸ɺ
 ্ʹ఻͑ͤͯ͞΋Β͏ɻ ※ΫϩʔϥʔͰ͢ ػձଛࣦ
40. ඒຯ͍͠ιʔεΛ͘Εʂ ※ΫϩʔϥʔͰ͢ ਖ਼͍͠จॻߏ଄ɺେࣄɻ
41. Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JS CSS Ϋϩʔϥʔ͸
 ιʔείʔυΛ
    Έ͍ͯΔ ͜Ε͸Ұମɻ
42. Ϋϩʔϥʔ͸
 Ͳ͏͍͍ͯ͠ͷ͔
    Θ͔Βͳ͍ʂ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JS CSS ͋͋ɺӟͷ+4Ͱ͢ΑͶ
43. Ϋϩʔϥʔͷ
    ΫϩʔϦϯάʂ
 .1
    ͕
    ͨΓͳ͍ʂ Ϋϩʔϥʔ
    (PPHMF#PU
    ౳ JS CSS ·ͩษڧதͳΜͰ͢ΑͶ
44. ʁ
45. ϓϩάϨογϒɾΤϯϋϯεϝϯτ

49. ໾ׂΛ෼͚Δ
51. +4 ΠϯλϥΫγϣϯ Λ࡟আͯ͠΋ɺ
 ಺༰͕௨͡Δ
53. $44 ελΠϧ Λ࡟আͯ͠΋ɺ
 ಺༰͕௨͡Δ
54. ໾ׂΛ෼͚Δ
55. ໾ׂΛ෼͚Δ
56. ໾ׂΛ෼͚Δ w )5.-͸ద੾ʹϚʔΫΞοϓ
    w ݟӫ͑ʹؔΘΔ΋ͷ͸$44
    w ΠϯλϥΫγϣϯ͸+4Ͱ
57. ద੾ͳϚʔΫΞοϓʁ
58. ద੾ͳϚʔΫΞοϓ w ςΩετ͕ͦͷίϯςϯπΛࣔ͢λάͰғ·Ε͍ͯΔ
 ɾݟग़͠͸I̋λάʹɺஈམ͸QͰғ·Ε͍ͯΔ
    FUD
59. ద੾ͳϚʔΫΞοϓ w ςΩετ͕ͦͷίϯςϯπΛࣔ͢λάͰғ·Ε͍ͯΔ
 ɾݟग़͠͸I̋λάʹɺஈམ͸QͰғ·Ε͍ͯΔ
    FUD
    w )5.-ཁૉ͕ਖ਼͘͠ར༻͞Ε͍ͯΔ
 ɾIλά౳ΛจࣈαΠζΛେ͖͘͢ΔҝͰ͸ͳ͘ɺ
 ɹݟग़͠ͱͯ͠ద੾ʹར༻͢Δ
    FUD
60. ద੾ͳϚʔΫΞοϓ w ςΩετ͕ͦͷίϯςϯπΛࣔ͢λάͰғ·Ε͍ͯΔ
 ɾݟग़͠͸I̋λάʹɺஈམ͸QͰғ·Ε͍ͯΔ
    FUD
    w )5.-ཁૉ͕ਖ਼͘͠ར༻͞Ε͍ͯΔ
 ɾIλά౳ΛจࣈαΠζΛେ͖͘͢ΔҝͰ͸ͳ͘ɺ
 ɹݟग़͠ͱͯ͠ద੾ʹར༻͢Δ
    FUD
    w ςΩετʹελΠϧଐੑΛ௚઀తʹؚ·ͳ͍
 ɾGPOU΍DFOUFSλά΍EJW
    TUZMFlz
    
 ɾͪΌΜͱ$44ʹهࡌ͢Δ

61. ۃྗɺ+4ॻ͔ͳ͍Α͏ʹ͠Α͏
62. ۃྗɺ+4ॻ͔ͳ͍Α͏ʹ͠Α͏
63. ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ
 Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ
64. ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ
 Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ
65. ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ
 Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ
 
 
 w )5.-
    εφοϓγϣοτʁ
66. ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ
 Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ
 
 
 w )5.-
    εφοϓγϣοτʁ
 ɾ޻਺ֻ͕͔Δ
 ɾͦͷલʹߏ੒తʹ໰୊ͳ͍ʁ
67. ඇಉظίϯςϯπʹ͍ͭͯ w +BWB4DSJQUͰಈతʹੜ੒͢Δίϯςϯπʹ͍ͭͯ͸ɺ
 Ϋϩʔϥʔ͸׬શʹཧղ͢Δࣄ͕Ͱ͖ͳ͍ɻ
 
 
 w +BWB4DSJQUΛ੾ͬͯ΋৘ใΛɺ
 ӾཡɾϖʔδભҠͰ͖ΔΑ͏ʹ࡞Δʂ

68. ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
69. ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը

70. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 
 
 
 
 
 
 
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li></li>
 <li></li>
 </ul>
 </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
71. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] 
 
 
 
 
 
 
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li></li>
 <li></li>
 </ul>
 </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
72. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li></li>
 <li></li>
 </ul>
 </body> // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
73. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>
 <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>
 </ul>
 </body> // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
74. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>
 <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>
 </ul>
 </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ w 63-͸ಈతʹੜ੒͠ͳ͍
 ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ
    
75. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>
 <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>
 </ul>
 </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ w 63-͸ಈతʹੜ੒͠ͳ͍
 ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ
    w )5.-ࣗମʹ
    B
    ISFGlIPHFzͰهࡌ͢Δ
    
76. +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>
 <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>
 </ul>
 </body> ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ w 63-͸ಈతʹੜ੒͠ͳ͍
 ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ
    w )5.-ࣗମʹ
    B
    ISFGlIPHFzͰهࡌ͢Δ
    w ΦϦδφϧςΩετ͸ඇಉظʹ͠ͳ͍
 ˞(PPHMF͸ΦϦδφϧςΩετΛߴ͘ධՁ͢Δ܏޲͕͋Δҝ
    
77. ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ] // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>
 <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>
 </ul>
 </body> w 63-͸ಈతʹੜ੒͠ͳ͍
 ˞ෆ׬શͳ63-ΛΫϩʔϧͯ͠ΤϥʔΛग़͢ࣄ͕͋Δҝ
    w )5.-ࣗମʹ
    B
    ISFGlIPHFzͰهࡌ͢Δ
    w ΦϦδφϧςΩετ͸ඇಉظʹ͠ͳ͍
 ˞(PPHMF͸ΦϦδφϧςΩετΛߴ͘ධՁ͢Δ܏޲͕͋Δҝ
    w ߋʹෳ਺ϖʔδʹར༻͢ΔͱϖφϧςΟ
 ˞ίϯςϯπ಺༰͕๡͍͠ϖʔδ͕αΠτ಺ʹଟ਺͋ͬͨ৔߹ɺ௿඼࣭αΠτͱ൑அ
78. ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ +40/ͷσʔλΛ+4Ͱ)5.-ʹඳը
 // JS
 $.getJSON(“itemlist.json” ,function(data) {
 $(data).each(function){
 $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
 .appendTo(‘ul li’);
 }
 });
 
 // HTML
 <body>
 <h1>؋ୂҰཡ</h1> 
 <ul>
 <li><h2><a href=“https://murakumo.com”>૓Ӣ</a></h2></li>
 <li><h2><a href=“https://simakaze.com”>ౡ෩</a></h2></li>
 </ul>
 </body> // JSON
 [
 {
 "title": "૓Ӣ",
 "genre": "ۦஞ؋",
 "note": “զʑͷۀքͰ͸͝๙ඒͰ͢",
 "url": “https://murakumo.com”
 },
 {
 "title": "ౡ෩",
 "genre": "ۦஞ؋",
 "note": “ΊͬͪΌૣ͍",
 "url": “https://simakaze.com”
 },
 ]
79. ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ

80. εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ
 ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍ Slider images
81. Slider images εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ
 li { display:none;} JS OFF $(function(){
 $(“.slide li”).show();
 }); ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
82. εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ
 Slider images li { display:none;} JS OFF $(function(){
 $(“.slide li”).show();
 }); ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
83. εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ
 Slider images li { display:none;} JS OFF $(function(){
 $(“.slide li”).show();
 }); ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
84. εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ
 Slider images JS OFF ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
85. εϥΠμʔ͸+4Λ੾ͬͯ΋શ෦දࣔ͞ΕΔΑ͏ʹ͢Δ
 Slider images JS OFF ԿͰ΋͔ΜͰ΋+4Ͱॲཧ͠ͳ͍
86. ଞʹ΋৭ʑ w φϏ౳ͷओཁͳϦϯΫΛඇಉظίϯςϯπʹ͠ͳ͍
    w +BWB4DSJQUʹΑΔϦμΠϨΫτ
    w ϒϥ΢βʹϨϯμϦϯάͤ͞Δલʹɺ
 αʔόαΠυͰϨϯμϦϯάग़དྷͳ͍͔ߟ͑Δɻ
    w ΞϓϦΠϯετʔϧΛଅ͢ʮΠϯλʔεςΟγϟϧ޿ࠂʯ΋
 ίϯςϯπͷେ൒Λ෴͏Α͏ͳ΋ͷͩͱɺϖφϧςΟର৅
87. ͱ͸ݴ͏΋ͷͷ
88. ೉͍࣌͠΋͋Δ
89. ཧ૝ͱݱ࣮
90. ෼ۀͷҋ
91. ෼ۀͷҋ σβΠφʔ σβΠϯΧϯϓग़དྷͨͷͰɺ
 ϚʔΫΞοϓ͓ئ͍͠·͢ɻ
92. ෼ۀͷҋ σβΠφʔ σβΠϯΧϯϓग़དྷͨͷͰɺ
 ϚʔΫΞοϓ͓ئ͍͠·͢ɻ ΘɺΘ͔Γ·ͨ͠ʂ ৽ਓ͘Μ
93. ෼ۀͷҋ σβΠφʔ ɾɾɾɾɾʂ ৽ਓ͘Μ
94. ෼ۀͷҋ σβΠφʔ ग़དྷ·ͨ͠ʂ ৽ਓ͘Μ
95. ෼ۀͷҋ ʊਓਓਓਓਓਓਓʊ
    ʼɹEJW·ΈΕɹʻ
    ʉ:?:?:?:?:?:ʉ ˞͋͘·Ͱى͜Γ͏ΔҋͷྫͰ͋ΓɺฐࣾͷࣄྫͰ͸͋Γ·ͤΜɻ
96. ෼ۀͷҋ σβΠφʔ ίʔσΟϯά͕׬ྃͨ͠ͷͰɺ
    +4ͷॲཧಋೖ͓ئ͍͠·͢ɻ ΤϯδχΞ
97. ෼ۀͷҋ σβΠφʔ ίʔσΟϯά͕׬ྃͨ͠ͷͰɺ
    +4ͷॲཧಋೖ͓ئ͍͠·͢ɻ ΤϯδχΞ ྃղ͠·ͨ͠ɻ
    ಺༰֬ೝ͠·͢ɻ
98. ෼ۀͷҋ ʊਓਓਓਓਓਓਓʊ
    ʼɹJNH͔͠ͳ͍ɹʻ
    ʉ:?:?:?:?:?:ʉ ˞͋͘·Ͱى͜Γ͏ΔҋͷྫͰ͋ΓɺฐࣾͷࣄྫͰ͸͋Γ·ͤΜɻ ʊਓਓਓਓਓਓਓਓਓਓਓʊ
    ʼɹUFYUJOEFOUɹʻ
    ʉ:?:?:?:?:?:?:?:?:ʉ
99. ʊਓਓਓਓਓʊ
    ʼɹͭΒ͍ɹʻ
    ʉ:?:?:?:?ʉ ˞͋͘·Ͱى͜Γ͏ΔҋͷྫͰ͋Γɺ౰ࣾͷࣄྫͰ͸͋Γ·ͤΜɻ
100. ˞͋͘·Ͱى͜Γ͏Δҋͷ ྫͰ͋ΓɺฐࣾͷࣄྫͰ͸ ͋Γ·ͤΜɻ
101. ͪͳΈʹ
102. ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺
     
     ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒
103. ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺
     
     ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒
     w ఆظతͳࣾ಺ษڧձͷ։࠵
     ౦ژ˱ੴ઒
104. ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺
     
     ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒
     w ఆظతͳࣾ಺ษڧձͷ։࠵
     ౦ژ˱ੴ઒
     w 4MBDLΛར༻ͯ͠׆ൃʹ৘ใަ׵
105. ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺
     
     ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒
     w ఆظతͳࣾ಺ษڧձͷ։࠵
     w 4MBDLΛར༻ͯ͠׆ൃʹ৘ใަ׵
106. ฐ͕ࣾ΍ͬͯΔࣄ w ࣾ಺
     
     ࣾ֎޲͚ͷΨΠυϥΠϯ࡞੒
     w ఆظతͳࣾ಺ษڧձͷ։࠵
     w 4MBDLΛར༻ͯ͠׆ൃʹ৘ใަ׵
107. ·ͱΊ
108. ·ͱΊ w Ϋϩʔϥʔͷಈ͖Λཧղͯ͠ɺ
 4&0Λߟྀͨ͠ϚʔΫΞοϓΛߦ͏͜ͱɻ
109. ·ͱΊ w Ϋϩʔϥʔͷಈ͖Λཧղͯ͠ɺ
 4&0Λߟྀͨ͠ϚʔΫΞοϓΛߦ͏͜ͱɻ
     w ෦෼తʹ͔͠୲౰Ͱ͖ͳ͍Ϟϊ΋͋ΔͷͰɺ
 ͦͷ੍ݶͷதͰɺग़དྷΔࣄ͸Կ͔ߟ͑Δɻ
110. ·ͱΊ w Ϋϩʔϥʔͷಈ͖Λཧղͯ͠ɺ
 4&0Λߟྀͨ͠ϚʔΫΞοϓΛߦ͏͜ͱɻ
     w ෦෼తʹ͔͠୲౰Ͱ͖ͳ͍Ϟϊ΋͋ΔͷͰɺ
 ͦͷ੍ݶͷதͰɺग़དྷΔࣄ͸Կ͔ߟ͑Δɻ
     w νʔϜΈΜͳͰ4&0ʹ͍ͭͯߟ͑ɺ
 ஌ࣝΛڞ༗͢Δࣄɺେࣄɻ
111. 5IBOL
     ZPV
     %