Rubyist のための CSS 勉強会 / nishiwaki. kobe css

3VCZJTUͷͨΊͷ$44ษڧձ ੢࿬SCਆށSC ೥݄೔ʢ౔ʣ

͸͡Ίʹ

ࣗݾ঺հ w ொా఩ฏͱਃ͠·͢ɻ w ߹ಉձࣾϑΟϤϧυͰಇ͍ͯ·͢ɻ w 5XJUUFSΞΧ΢ϯτ͸!NBDIJEB w (JUIVCΞΧ΢ϯτ΋!NBDIJEB w
ΤσΟλ͸"UPN w 4BTTͷγϯλοΫε͸4BTT4ZOUBY w )5.-͸IBNM͔TMJNΛ࢖ͬͯ·͢ w ϚʔΫΞοϓ͸#&.ʹΞϨϯδΛՃ͑ͨ΋ͷΛ࢖ͬͯ·͢

ࠓ೔΍Δ͜ͱ w ಛʹ͍͢͝ςΫͰ͸ͳ͍ɺ஍ຯͰటष͍͚Ͳ͙͢ʹ࢖͑Δ$44ɻ w 3BJMTͰTBTTΛॻͨ͘ΊʹͲΜͳ४උΛ͓ͯ͘͠ͱ͍͍͔ɺͷྫͷ঺հɻ w ͲΜͳϚʔΫΞοϓΛॻ͚͹ɺมߋʹڧ͍΋ͷʹͳΔ͔ɺͷྫͷ঺հɻ w Α͘ΤϯδχΞͷํʹฉ͔ΕΔ$44ʹ͍ͭͯͷ࣭໰ͷ౴͑ʹͳΔΑ͏ͳϋϯζΦϯɻ

४උ

ϦϙδτϦ w ࠓճ͸ϋϯζΦϯΛߦ͏ͨΊʹ3BJMTͰ࡞ͬͨϦϙδτϦΛ༻ҙ͠·ͨ͠ɻ w OQNͱ͔࢖ͬͯͳ͍ͷͰ3VCZͷ؀ڥ͕͋Ε͹ɺDMPOFͯ͠ɺCVOEMFͯ͠ɺSBJMTTͰ্ཱͪ ͕Γ·͢ɻ w ࢝Ί͸࿩͹͔ͬΓͳͷͰɺฉ͖ͳ͕Β४උΛਐΊ͍͚ͯͨͩͨΒͱࢥ͍·͢ɻ HJU!HJUIVCDPNNBDIJEBOLDTTHJU ϦϙδτϦ͸ͪ͜Β

YSBZSBJMT w YSBZSBJMTͱ͍͏HFNΛೖΕͯ͋Γ·͢ɻϋϯζΦϯͷͱ͖ʹɺWJFXͷϑΝΠϧΛ֬ೝ͠ ͨ͘ͳͬͨΒɺʮDPNNBOEʯ ʮTIJGUʯ ʮYʯͷΩʔΛಉ࣌ʹԡ͢ͱ ը໘͕͜Μͳ෩ʹͳΓ·͢ɻӈԼͷΞΠίϯ ΛΫϦοΫ͢Δͱɺ ͜͏͍͏ϘοΫε͕ग़·͢ɻ͜͜ʹFEJUPS΁ ͷύεΛೖΕͯอଘΛ͢Δͱɺը໘ͷதͷWJFX
Λݟ͍ͨՕॴΛΫϦοΫͰWJFXϑΝΠϧ͕։ ͘Α͏ʹͳΓ·͢ɻ

TBTTͷσΟϨΫτϦߏ੒ʹ͍ͭͯ

Ͳ͏͍͏σΟϨΫτϦߏ੒͕͍͍ͷʁ stylesheets assets

Ͳ͏͍͏σΟϨΫτϦߏ੒͕͍͍ͷʁ ✕ ͜Ε͍ͬͯ͏ϧʔϧ͸ࠓͷͱ͜Ζ·ͩͳ͍Ͱ͢ɻ ͳͷͰɺࣗ෼Ͱ͍͍ײ͡ͷߏ੒Λߟ͑ͳ͍ͱ͍͚ͳ͍Ͱ͢ɻ ࠓճ͸ɺ͍͍ײ͡ͷߏ੒Λߟ͑ΔͨΊͷώϯτͱͯ͠ɺ·ͣ͸ொాͷ৔߹Λ ঺հͯ͠Έ·͢ɻ͜Ε͕ਖ਼ղͬͯ༁͡Όશવͳ͍Ͱ͕͢ɺࢀߟʹͳΕ͹ɻ

ொాͷྫ

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ ৭ɺϑΥϯταΠζɺϨΠΞ΢τɺNFEJBRVFSZͷCSFBLQPJOUͳͲͷ஋ΛೖΕΔͨ ΊͷϑΝΠϧɻ NBJODPMPS"ɺCBTJDGPOUTJ[FQYɺ IFBEFSIFJHIUQYɺQIPOFNBYXJEUIUBCMFUNJOXJEUI ͜ͷΑ͏ͳ஋Λ WBSJBCMFT@DPMPSTTBTTɺWBSJBCMFT@MBZPVUTBTTɺWBSJBCMFTCSFBLQPJOUTTBTTͷΑ ͏ʹ·ͱΊ·͢ɻ ม਺
NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ ೉͍͠ܭࢉͱ͔ɺ஌֮໌౓ʢMVNB஋ʣΛ਺஋Ͱग़͢ͱ͔ɺNJYJOΛ΋ͬͱ୹͘γϯϓϧ ʹॻͨ͘Ίͩͱ͔ͷTBTTͷσϑΥϧτʹ͸ͳ͍ػೳΛTBTTͷGVODUJPOΛॻ͍ͯ௥Ճɻ ๻͸ීஈCPVSCPOΛ࢖ͬͯΔͷͰɺཉ͍͠GVODUJPO͸େମͦ͜ʹೖͬͯΔͷͰ͋Μ· ΓGVODUJPO͸࡞ͬͯͳ͍Ͱ͢ɻ GVODUJPOT@NBUITBTTɺGVODUJPOT@MVNBTBTTͷΑ͏ʹ·ͱΊ·͢ɻ ม਺ NJYJO Ϧηοτ
ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ Ϙλϯ΍άϦουγεςϜɺਧ͖ग़͠ͳͲɺগ͠ෳࡶͳ$44Λ࢖ͬͯ࡞ΔཁૉΛNJYJO Խɻ CBTJDCVUUPO QSJNBSZ QY HSJE
CBMMPPO CPUUPN QSJNBSZ QY ͜ΜͳNJYJOΛͦΕͧΕҰػೳҰϑΝΠϧʹͯ͠ɺNJYJOT@CVUUPOTTBTTɺ NJYJOT@CBMMPPOTBTTͷΑ͏ʹ·ͱΊ·͢ɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ ϒϥ΢βؒͷදࣔࠩҟΛͳͯ͘͠σβΠϯΛೖΕΔલͷϕʔεΛ࡞ΔϑΝΠϧɻ ΈΜͳ΋Α͘࢖ͬͯΔҎԼͷΑ͏ͳ044ͷϑΝΠϧʹɺগ͠ಠࣗʹखΛՃ͑ͨ΋ͷΛ ࢖ͬͯ·͢ɻ @SFTFUTDTT @OPSNBMJ[FTDTT @TBOJUJ[FTDTT ม਺ NJYJO
Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ ͪΐͬͱͨ͠ɺ͋ΔͱศརͳDMBTTΛϔϧύʔͱͯ͠ѻ͍·͢ɻ ྫ͑͹ɺҎԼͷΑ͏ͳDMBTTΛ࡞ͬͯ·͢ɻ JTNBSHJOCPUUPNQY JTDMFBSpY JTUFYUBMJHODFOUFS JTCBDLHSPVOEDPMPSEBOHFS IFMQFST@NBSHJOTBTTɺIFMQFST@DPMPSTTBTTͷΑ͏ʹ·ͱΊ·͢ɻ ม਺
NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ σβΠϯύʔπ͝ͱʹϑΝΠϧΛ࡞ͬͯɺͦ͜ʹελΠϧΛॻ͖·͢ɻ DPNQPOFOUT@IFBEFSTBTTɺDPNQPOFOUT@HMPCBMOBWTBTTɺ DPNQPOFOUT@UBCOBWTBTTɺDPNQPOFOUT@DPNNFOUTTBTT ͷΑ͏ʹ·ͱΊ·͢ɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ
ίϯϙʔωϯτ ϖʔδ GVODUJPO

ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ ࣮ࡍʹίϯϙʔωϯτΛ഑ஔ͢ΔϖʔδʹೖΕΔελΠϧ͸ɺNPEFM͝ͱɺTBTT͕௕͘ ͳͬͯ͠·͏৔߹ʹ͸ɺNPEFMBDUJPO͝ͱʹ෼͚ͯॻ͖·͢ɻ QBHFT@VTFSTTBTTɺQBHFT@TUPSJFTTBTTɺQBHFT@BSUJDMFTTBTT QBHFTVTFST@JOEFYTBTTɺQBHFTVTFST@TIPXTBTTɺQBHFTVTFST@FEJUTBTT ม਺ NJYJO Ϧηοτ ϔϧύʔ
ίϯϙʔωϯτ ϖʔδ GVODUJPO

w TUZMFTIFFUT w TFUUJOHT w WBSJBCMFT w GVODUJPOT w NJYJOT
w @SFTFUTBTT w IFMQFST w DPNQPOFOUT w QBHFT w BQQMJDBUJPOTBTT ொాͷྫ

w @SFTFUTBTT w IFMQFST w DPNQPOFOUT w QBHFT w BQQMJDBUJPOTBTT ொాͷྫ جຊతͳઃఆʹؔ͢ΔϑΝΠϧΛ͜͜ʹɻ ओʹɺ͜Ε͕ͳ͍ͱDTTΛίϯύΠϧ͢Δͱ͖ʹΤϥʔ͕ ग़Δ΋ͷΛ·ͱΊͯΔɻ ͞Βʹɺ͜ͷσΟϨΫτϦ͸ଞͷϓϩδΣΫτͰ΋࢖͑ΔΑ͏ʹ ͍ͯ͠Δɻ ͳͷͰɺSFTFUTBTT΋IFMQFST΋͜͜ʹೖΕͯΔɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO TFUUJOHT

w @SFTFUTBTT w IFMQFST w DPNQPOFOUT w QBHFT w BQQMJDBUJPOTBTT ொాͷྫ جຊతͳઃఆʹؔ͢ΔϑΝΠϧΛ͜͜ʹɻ ओʹɺ͜Ε͕ͳ͍ͱDTTΛίϯύΠϧ͢Δͱ͖ʹΤϥʔ͕ ग़Δ΋ͷΛ·ͱΊͯΔɻ ͞Βʹɺ͜ͷσΟϨΫτϦ͸ଞͷϓϩδΣΫτͰ΋࢖͑ΔΑ͏ʹ ͍ͯ͠Δɻ ͳͷͰɺSFTFUTBTT΋IFMQFST΋͜͜ʹೖΕͯΔɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO TFUUJOHT TFUUJOHTҎԼ͸HFNʹͯ͠࢖͍ճ͢͜ͱ΋ଟ͍

w @SFTFUTBTT w IFMQFST w DPNQPOFOUT w QBHFT w BQQMJDBUJPOTBTT ொాͷྫ શͯͷTBTTϑΝΠϧΛJNQPSU

͜Μͳ΍ͭ΋͋Γ·͢ɺͷ঺հ w ๻ͷྫ͚ͩ͡Όͳ͘ɺڵຯਂ͍ߟ͑ํͷྫͷҰͭͱͯ͠ɺͪΐͬͱ୤ઢͯ͠"UPNJD%FTJHO Λ঺հͯ͠Έ·͢ɻ w ࠓ೥͸͜ΕΛͪΐͬͱऔΓೖΕͯΈΑ͏͔ͳʙͱ͔ߟ͑ͯ·͢ɻ

w 6*ίϯϙʔωϯτΛཻ౓ʹԠͨ͡ΧςΰϦʔʹ໌֬ʹ෼͚Δख๏ w ։ൃऀɺΫϥΠΞϯτͱίϛϡχέʔγϣϯͷऔΓ΍͍͢ελΠϧΨΠυͷ૊Έཱͯํ "UPNJD%FTJHOͱ͸ BUPNTʢݪࢠʣ NPMFDVMFTʢ෼ࢠʣ PSHBOJTNTʢ༗ػମʣ UFNQMBUFTʢςϯϓϨʔτʣ QBHFTʢϖʔδʣ

"UPNTʢݪࢠʣ w ίϯϙʔωϯτΛߏ੒͢Δ࠷খݶͷ෦඼ɻ

.PMFDVMFTʢ෼ࢠʣ w ͭҎ্ͷ"UPN͔Βߏ੒͞ΕΔΤϨϝϯτɻ w ίϯϙʔωϯτΛߏ੒͢ΔϒϩοΫɻ

0SHBOJTNTʢ༗ػମʣ w ொాͷྫͰڍ͛ͨίϯϙʔωϯτɻɺͭҎ্ͷ.PMFDVMFTͰߏ੒͞ΕΔɻ IFBEFS DPNNFOUT BSUJDMFCPEZ SFDFOUUXFFUT

5FNQMBUFTʢςϯϓϨʔτʣ w ίϯϙʔωϯτΛϖʔδʹฒ΂ͨ΋ͷ

w 5FNQMBUFʹ࣮σʔλΛ౤ೖͨ͠΋ͷ 1BHFTʢϖʔδʣ

w 1BUUFSO-BCͱ͍͏ελΠϧΨΠυπʔϧΛ࢖͏ͱ"UPNJD%FTJHOͷߏ੒ͰελΠϧΨΠ υ͕࡞ΕΔɻ 1BUUFSO-BC

w 1BUUFSO-BCͱ͍͏ελΠϧΨΠυπʔϧΛ࢖͏ͱ"UPNJD%FTJHOͷߏ੒ͰελΠϧΨΠ υ͕࡞ΕΔɻQIQ൛ɺOPEF൛͕͋Δɻ 1BUUFSO-BC BUPNTɺNPMFDVMFTɺPSHBOJTNTɺUFNQMBUFTɺQBHFT͝ͱʹσβΠϯͷҰཡ͕ݟΕΔɻ

IUUQQBUUFSOMBCJP IUUQEFNPQBUUFSOMBCJP IUUQZHPUPDPNQPTUTTNBTIJOHDPOGFSFODFXIJTUMFSBOEBUPNJDEFTJHO IUUQXXXTMJEFTIBSFOFUCSBEGSPTUXFCBUPNJDEFTJHO IUUQQPTUEDDUIFVOJDPSOXPSLqPXEFTJHOUPDPEFXJUIBUPNJDEFTJHO QSJODJQMFTBOETLFUDI "UPNJD%FTJHOؔ࿈هࣄ IUUQTWJNFPDPN

"UPNJD%FTJHOΛͲ͏औΓೖΕΔʁͷྫ BUPNTʢݪࢠʣ NPMFDVMFTʢ෼ࢠʣ PSHBOJTNTʢ༗ػମʣ UFNQMBUFTʢςϯϓϨʔτʣ QBHFTʢϖʔδʣ

BUPNTʢݪࢠʣ NPMFDVMFTʢ෼ࢠʣ PSHBOJTNTʢ༗ػମʣ UFNQMBUFTʢςϯϓϨʔτʣ QBHFTʢϖʔδʣ ✕ ๻ͷ৔߹͸௚઀γεςϜʹϚʔΫΞοϓΛͯ͠ɺσβ ΠϯΛೖΕ͍ͯ͘ͷͰɺUFNQMBUFT͸͍Βͳ͍͔ ͳʙɻ "UPNJD%FTJHOΛͲ͏औΓೖΕΔʁͷྫ

BUPNTʢݪࢠʣ NPMFDVMFTʢ෼ࢠʣ PSHBOJTNTʢ༗ػମʣ UFNQMBUFTʢςϯϓϨʔτʣ QBHFTʢϖʔδʣ ✕ ύʔπʢBUPNTʣ ϒϩοΫʢNPMFDVMFTʣ ίϯϙʔωϯτʢPSHBOJTNTʣ ʜͱஈ֊Λ࡞Δͱɺ
ίϯϙʔωϯτ͕΋ͬͱ%3:ʹ࡞ΕΔΜ͡Όͳ͍͔ ͳʔɺͱ͔ߟ͑ͯ·͢ɻ "UPNJD%FTJHOΛͲ͏औΓೖΕΔʁͷྫ

w TUZMFTIFFUT w TFUUJOHT w IFMQFST w DPNQPOFOUT w BUPNTʢݪࢠʣ
w NPMFDVMFTʢ෼ࢠʣ w PSHBOJTNTʢ༗ػମʣ w QBHFTʢϖʔδʣ w BQQMJDBUJPOTBTT ͖ͬ͞ڍ͛ͨCMPDLTʙQBHFTͷؒΛ  ΋ͬͱࡉ෼Խͯ͠ΈΑ͏͔ͳ "UPNJD%FTJHOΛͲ͏औΓೖΕΔʁͷྫ

Ϧηοτʹ͍ͭͯ

ϒϥ΢βؒͷදࣔࠩҟΛͳͯ͘͠σβΠϯΛೖΕΔલͷϕʔεΛ࡞ΔϑΝΠϧɻ ओʹԼهͷ͍ͣΕ͔͕࢖ΘΕͯ·͢ɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO Ϧηοτ
͖ͬ͞ग़͖ͯͨ΍ͭ SFTFUDTTOPSNBMJ[FDTTTBOJUJ[FDTT

ϒϥ΢βؒͷදࣔࠩҟΛͳͯ͘͠σβΠϯΛೖΕΔલͷϕʔεΛ࡞ΔϑΝΠϧɻ ओʹԼهͷ͍ͣΕ͔͕࢖ΘΕͯ·͢ɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO Ϧηοτ
͖ͬ͞ग़͖ͯͨ΍ͭ SFTFUDTTOPSNBMJ[FDTTTBOJUJ[FDTT ͲΕΛ࢖͏΂͖ʁ

ͦΕͧΕͷϒϥ΢β͸ɺσϑΥϧτελΠϧΛಠࣗʹ͍࣋ͬͯͯɺͦΕΒΛ࡟আͯ͠ɺ·ͬ͞ Βͳঢ়ଶʹ͔ͯ͠ΒελΠϧΛ͍͋ͯͯ͜͏ɺ͍ͬͯ͏΍Γํͷ৔߹ɺಠࣗͷσϑΥϧτελ ΠϧΛ࡟আ͢ΔͨΊͷ$44͕ඞཁʹͳΔɻ͜ͷ$44͕SFTFUDTTͱݺ͹Ε͍ͯΔɻ SFTFUDTT

SFTFUDTTͱҰޱʹݴͬͯ΋ɺ͍͔ͭ͋ͬͯ͘ɺͦΕͧΕඍົʹҧͬͨΓ͠·͢ɻ SFTFUDTT

SFTFUDTTͱҰޱʹݴͬͯ΋ɺ͍͔ͭ͋ͬͯ͘ɺͦΕͧΕඍົʹҧͬͨΓ͠·͢ɻ SFTFUDTT &SJD.FZFS`Tl3FTFU$44z͕Ұ൪࢖ΘΕͯΔ IUUQDTTSFTFUDPN

ͪͳΈʹɺDPNQBTTʹೖͬͯΔSFTFUDTT΋&SJD.FZFS`Tl3FTFU$44zϕʔε SFTFUDTT

ϝϦοτ SFTFUDTT w अຐͳελΠϧ͸ফͯ͋͠ΔͷͰ  σβΠϯ͕ೖΕ΍͍͢ɻ σϝϦοτ w ελΠϧΛ͋ͯͳ͍ͱɺͳΜ͔ͩΘ͔Βͳ͍ɻ  ։ൃͮ͠Β͍ɻ

/PSNBMJ[FDTT͸ϒϥ΢βͷ࣋ͭશͯͷσϑΥϧτͷελΠϧΛ࡟আ͢ΔSFTFUDTTͱҧͬͯɺ ༗༻ͳσϑΥϧτͷελΠϧ͸ͦͷ··࢖͏ͬͯ΍ͭɻ /PSNBMJ[FDTT w $44Ϧηοτ͸ҧͬͯɺศརͳσϑΥϧτελΠϧ͸อ࣋ɻ w ଟ͘ͷཁૉͷελΠϧΛਖ਼ৗԽɻ w ϒϥ΢β͝ͱͷࠩҟΛͳ͘͠ɺόάΛमਖ਼ɻ w
গ͠ͷվળͰ࢖͍΍͢͞Λ޲্ɻ w ֤ίʔυʹৄࡉͳίϝϯτΛ༻ҙɻ

৭ΜͳϑϨʔϜϫʔΫͰ࢖ΘΕͯΔɻ CPPUTUSBQ IUNMCPJMFSQMBUF 1VSF /PSNBMJ[FDTT

৭ΜͳϑϨʔϜϫʔΫͰ࢖ΘΕͯΔɻ CPPUTUSBQ IUNMCPJMFSQMBUF 1VSF ࠓ͸ɺOPSNBMJ[FDTT͕Ұ൪ਓؾΈ͍ͨ /PSNBMJ[FDTT

ϝϦοτ w ݩʑ͋ΔελΠϧΛফ͔ͯ͠Β଍͢ ͱ͍͏ख͕ؒͳ͘ͳͬͯΤίͳײ͡ɻ σϝϦοτ w ෆཁͳελΠϧΛຖճফ͢ͷ໘౗ɻ Iλάɺ্ԼʹϚʔδϯ෇͍ͯΔͷʁ  अຐͩͳʙ /PSNBMJ[FDTT

σβΠϯΛ͠΍͍͢Α͏ʹɺཉ͍͠ͱ͜Ζ͸࢒͠ɺϦηοτ͍ͨ͠ͱ͜Ζ͸Ϧηοτɻ ͦΕʹ௥Ճͯ͠ɺσβΠϯΛೖΕ΍͍͢Α͏ʹσϑΥϧτͷঢ়ଶΛௐ੔ɻ TBOJUJ[FDTT

σβΠϯΛ͠΍͍͢Α͏ʹɺཉ͍͠ͱ͜Ζ͸࢒͠ɺϦηοτ͍ͨ͠ͱ͜Ζ͸Ϧηοτɻ ͦΕʹ௥Ճͯ͠ɺσβΠϯΛೖΕ΍͍͢Α͏ʹσϑΥϧτͷঢ়ଶΛௐ੔ɻ SFTFUDTTΛ࢖ͬͯ΋ɺ/PSNBMJ[FDTTΛ࢖ͬͯ΋ɺ΋ͬͱσβΠϯΛೖΕ΍͍͢Α͏ʹɺઃ ఆΛফͨ͠ΓɺಠࣗͷઃఆΛ௥Ճ͢Δ͜ͱ͕ଟ͍ͷͰ͕͢ɺͩΜͩΜTBOJUJ[FDTTͬΆ͘ͳͬ ͯ͘Δɻ TBOJUJ[FDTT

ྫ͑͹ɺ SPPU\ CPYTJ[JOHCPSEFSCPY ^ DPEF LCE QSF
TBNQ\ GPOUGBNJMZNPOPTQBDF NPOPTQBDF ^ TBOJUJ[FDTT CPYTJ[JOHCPSEFSCPY͕࢝Ί͔Βઃఆ͞ΕͯͨΓ DPEFؔ࿈͸GPOUGBNJMZʹ͸NPOPTQBDF͕ࢦఆ͞ ΕͯͨΓ

ྫ͑͹ɺ CFGPSF BGUFS\ CPSEFSTUZMFTPMJE CPSEFSXJEUI ^ TBOJUJ[FDTT CPSEFSTUZMFͷσϑΥϧτ͕TPMJEʹઃఆ͞ΕͯΔͷͰɺ
CPSEFSTUZMFͷࢦఆΛ๨Εͯ΋CPSEFS͸ͪΌΜͱද ࣔ͞ΕΔΑ͏ʹͳͬͯͨΓɻ

ྫ͑͹ɺ CFGPSF BGUFS\ CPSEFSTUZMFTPMJE CPSEFSXJEUI ^ TBOJUJ[FDTT CPSEFSTUZMFͷσϑΥϧτ͕TPMJEʹઃఆ͞ΕͯΔͷͰɺ
CPSEFSTUZMFͷࢦఆΛ๨Εͯ΋CPSEFS͸ͪΌΜͱද ࣔ͞ΕΔΑ͏ʹͳͬͯͨΓɻ ͜Μͳઃఆؚ͕͍͔ͭ͘·Εͯ·͢ ࢀߟIUUQDPMJTTDPNBSUJDMFTCVJMEXFCTJUFTPQFSBUJPODTTBCPVUTBOJUJ[FDTTIUNM

ϝϦοτ TBOJUJ[FDTT w σβΠϯΛೖΕΔʹ͋ͨͬͯɺඞཁͳ΋ͷ͸ೖͬ ͯΔ͠ɺ͍Βͳ͍΋ͷ͸ͳ͘ͳͬͯΔ͠ɺσβ ΠϯΛೖΕ΍͍͢ɻ σϝϦοτ w ৔߹ʹΑͬͯ͸SFTFUҎ্ʹελΠϧΛ͋ͯͳ ͍ͱɺͳΜ͔ͩΘ͔Βͳ͍ɻ 
σβΠϯΛೖΕͳ͍ͱ։ൃͮ͠Β͍ɻ ϑΥʔϜʹݟ͑ͳ͍ʂ

ͲΕΛ࢖͏΂͖ʁ SFTFUDTTOPSNBMJ[FDTTTBOJUJ[FDTT

ͲΕΛ࢖͏΂͖ʁ SFTFUDTTOPSNBMJ[FDTTTBOJUJ[FDTT ݸਓతʹ͸TBOJUJ[FDTTʹҰථʂ

ݟൺ΂ͯΈΑ͏ ࠓճ༻ҙͨ͠ϋϯζΦϯ༻ͷ3BJMTΞϓϦΛ্ཱͪ͛ΔͱɺτοϓϖʔδʹʮϦηοτʯͱ͍͏ φϏήʔγϣϯ͕දࣔ͞Ε·͢ɻ ಉ͡)5.-ʹԼهͷDTTΛಡ·ͤͨϖʔδΛ࡞Γ·ͨ͠ɻݟൺ΂ͯΈ͍ͯͩ͘͞ɻ w EFGBVMUʢԿ΋DTTΛಡ·ͤͳ͍ϒϥ΢βͷσϑΥϧτʣ w SFTFUDTT w OPSNBMJ[FDTT
w TBOJUJ[FDTT

ࠓճͷϚʔΫΞοϓʹ͍ͭͯ

ࠓճͷϚʔΫΞοϓʹ͍ͭͯ ࠓճ͸$44͕ςʔϚͳͷͰɺϚʔΫΞοϓΛஸೡʹ΍ͬͯΔͱ$44ͷϋϯζΦϯͷ͕࣌ؒͳ͘ ͳͬͯ͠·͏ͷͰɺࠓճ͸ྫͱͯ͠ொాͷϚʔΫΞοϓΛ঺հ͓͖ͯ͠·͢ɻ w 00$44 w #&. w 4."$44 w
.$44 w '-0$44 ৭ʑ͋ΔͷͰάάͬͨΓ͍ͯͩ͘͠͞

ொాͷϚʔΫΞοϓ ๻͸ͪΐͬͱมଇతͳ#&.Λ࢖ͬͯ·͢ɻ  ·ͣ͸ɺ؆୯ʹ#&.Λ͓͞Β͍ͯ͠Έ·͢ɻ

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ ͬͯԿ

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ ͬͯԿ ࠓճ͚͍ͩͭ΋ͱҧ͏ݟͨ໨ʹ͢Δɺͬͯͱ͖ʹ࢖͏ɻ ྫ͑͹ɺ w ϩάΠϯͨ͠ঢ়ଶͩͱϔομͷφϏͷαΠζ͕มΘΔ w ࠓ͸ΫϦεϚε࣌ظͳͷͰϩΰͷԣʹαϯλͷֆ͕͍ͬͭͯ͘Δ
w τοϓ΃ʔδ͚ͩϔομͷαΠζ͕େ͖͍ w αΠυφϏήʔγϣϯϝχϡʔͷʮ࢖͍ํʯɺʮΑ͋͘Δ࣭໰ʯɺʮ͓ਃ͠ࠐΈʯͷ͏ͪɺ ʮ͓ਃ͠ࠐΈʯ͚ͩഎܠ৭͕੺͍

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ IFBEFS@@MPHPJNBHFDISJTUNBT IFBEFSͱ͍͏CMPDLͷதͷMPHPJNBHFͱ͍͏ཁૉͷDISJTUNBT൛ #MPDL &MFNFOU .PEJpFS

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ ϒϩοΫlIPNFOBWz

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ ཁૉlUJUMFz

#&.ͱ͸ʁ w #&.ͱ͸ɺ#MPDLʢϒϩοΫʣɺ&MFNFOUʢཁૉʣɺ.PEJpFSʢम০ʣͷུɻ म০lSFTFUz ʢࠓճͷ৔߹ɺഎܠ৭͕੺͍͜ͱ͕म০ʣ

<#MPDL>@@<&MFNFOU><.PEJpFS> IPNFOBW@@UJUMFSFTFU #&.ͱ͸ʁ

IPNFOBW@@JUFNT #&.ͱ͸ʁ ʢ#&͚ͩɺ#.͚ͩͬͯ͜ͱ΋͋Δʣ <#MPDL>@@<&MFNFOU><.PEJpFS>

IPNFOBW@@JUFN #&.ͱ͸ʁ <#MPDL>@@<&MFNFOU><.PEJpFS>

IPNFOBW@@JUFNMJOL #&.ͱ͸ʁ <#MPDL>@@<&MFNFOU><.PEJpFS>

IPNFOBW@@JUFNMJOL ͬͯ΍ͭ #&.ͱ͸ʁ <#MPDL>@@<&MFNFOU><.PEJpFS>

#&.ͱ͸ʁ ๻ͷߟ͑Ͱ͸ɺ·͊ɺॻ͖ํ͸Ͳ͏Ͱ΋Αͯ͘ɺେࣄͳͷ͸ߟ͑ํͷํͰɺ#MPDLΛ໌֬ʹ ͯ͠Δͱ͜Ζ͕޷͖ɻ ๻ͷղऍ͸ɺಛఆͷཁૉ͸Ͳͷ#MPDLʹଐ͍ͯ͠Δ΋ͷ͔Λ໌֬ʹ͢Δ͚ͩͰɺ#&.ͷ <#MPDL>@@<&MFNFOU>͸֊૚Λද͍ͯ͠ΔΘ͚Ͱ͸ͳ͍ɺͱ͍ͯ͠·͢ɻ ʮ#MPDLίϯϙʔωϯτʯͱͯ͠ɺίϯϙʔωϯτ୯Ґʹ)5.-ɺ$44Λ૊ΉͷͰɺ$44 ΛҰՕॴΛ͍ͬͨ͡Β༧ظ͠ͳ͍৔ॴ͕յΕͨɺͳΜͯ͜ͱ͕ى͖Δ͜ͱ͕ݮΓ·͢ɻ ϖʔδΛத৺ͱͨ͠ϚʔΫΞοϓͰ͸ͳ͘ɺίϯϙʔωϯτத৺Ͱ૊ΜͰ͍͘΍Γํͱ૬ੑ ͕͍͍ʂ

#&.ͱ͸ʁ ๻ͷߟ͑Ͱ͸ɺ·͊ɺॻ͖ํ͸Ͳ͏Ͱ΋Αͯ͘ɺେࣄͳͷ͸ߟ͑ํͷํͰɺ#MPDLΛ໌֬ʹ ͯ͠Δͱ͜Ζ͕޷͖ɻ ๻ͷղऍ͸ɺಛఆͷཁૉ͸Ͳͷ#MPDLʹଐ͍ͯ͠Δ΋ͷ͔Λ໌֬ʹ͢Δ͚ͩͰɺ#&.ͷ <#MPDL>@@<&MFNFOU>͸֊૚Λද͍ͯ͠ΔΘ͚Ͱ͸ͳ͍ɺͱ͍ͯ͠·͢ɻ ʮ#MPDLίϯϙʔωϯτʯͱͯ͠ɺίϯϙʔωϯτ୯Ґʹ)5.-ɺ$44Λ૊ΉͷͰɺ$44 ΛҰՕॴΛ͍ͬͨ͡Β༧ظ͠ͳ͍৔ॴ͕յΕͨɺͳΜͯ͜ͱ͕ى͖Δ͜ͱ͕ݮΓ·͢ɻ ϖʔδΛத৺ͱͨ͠ϚʔΫΞοϓͰ͸ͳ͘ɺίϯϙʔωϯτத৺Ͱ૊ΜͰ͍͘΍Γํͱ૬ੑ ͕͍͍ʂ ๻ͷ৔߹ɺͲ͔͜ΒͲ͜·ͰΛ#MPDLͱ͢Δ͔͕ɺ·͖ͩͪΜͱઆ໌Ͱ͖Δ
΄Ͳ໌֬ͳϧʔϧ͕ग़དྷͯͳ͍ͷͰɺͦ͜͸՝୊Ͱ͢ɻ "UPNJD%FTJHOΛऔΓೖΕͨΒ΋͏গͦ͠ͷล͕໌֬ʹͳΔ͔΋ʜ

ொాΞϨϯδ جຊతʹ͸#&.Λ࢖͍ͬͯΔͷͰ͕͢ɺ.PEJpFSͷॻ͖ํΛগ͠ΞϨϯδ͍ͯ͠·͢ɻ

%nav.header-nav %ul.header-nav__items %li.header-nav__item = link_to root_path, class: “header-nav__item is-current” %li.header-nav__item
= link_to users_path, class: “header-nav__item” %li.header-nav__item = link_to stories_path, class: “header-nav__item” ொాΞϨϯδ جຊతʹ͸#&.Λ࢖͍ͬͯΔͷͰ͕͢ɺ.PEJpFSͷॻ͖ํΛগ͠ΞϨϯδ͍ͯ͠·͢ɻ .PEJpFSΛෳ਺DMBTTʹͯ͠ɺJTͱ͍͏ϓϦϑΟΫεΛ ෇͚ͯ·͢ʢTNBDDTͷTUBUFͷ΍ΓํΛ͍͍ͨͩͨʣɻ

IFBEFSOBW@@JUFNͷελΠϧΛܧঝͯ͠ɺJTDVSSFOUͷ৔߹ʹඞཁͳελΠϧ͚ͩ௥Ճɺ ্ॻ͖ɻ ொాΞϨϯδ .header-nav__item-link display: block text-decoration: none background-color: blue
&.is-current background-color: red font-weight: bold

IFBEFSOBW@@JUFNͷελΠϧΛܧঝͯ͠ɺJTDVSSFOUͷ৔߹ʹඞཁͳελΠϧ͚ͩ௥Ճɺ ্ॻ͖ɻ ொాΞϨϯδ .header-nav__item-link display: block text-decoration: none background-color: blue
&.is-current background-color: red font-weight: bold IFBEFSOBW@@JUFNMJOLʹ௥ՃDMBTTͱͯ͠ɺ JTDVSSFOU͕෇͍ͯΔ৔߹ʹඞཁͳελΠϧ͚ͩ ௥Ճɺ্ॻ͖ɻ .header-nav__item-link display: block text-decoration: none background-color: blue .header-nav__item-link.is-current background-color: red font-weight: bold

·͊ɺϓϦϑΟΫεͱ͔͸Ͳ͏Ͱ΋͍͍ΜͰ͕͢ɺNPEJpFS͸ผΫϥεʹͨ͠΄͏͕࢖͍΍͢ ͍Ͱ͢ɻผDMBTTͰ͸ͳ͍৔߹ ொాΞϨϯδ

·͊ɺϓϦϑΟΫεͱ͔͸Ͳ͏Ͱ΋͍͍ΜͰ͕͢ɺNPEJpFS͸ผΫϥεʹͨ͠΄͏͕࢖͍΍͢ ͍Ͱ͢ɻผDMBTTͰ͸ͳ͍৔߹ ொాΞϨϯδ .header-nav__item-link display: block text-decoration: none background-color: blue
&--current background-color: red font-weight: bold

&--current background-color: red font-weight: bold .header-nav__item-link display: block text-decoration: none background-color: blue .header-nav__item-link--current background-color: red font-weight: bold DMBTT໊͸ܧঝ͕͞ΕͯΔΜ͚ͩͲɺ TUZMF͸ܧঝ͞Εͳ͍ɻ TBTTͰ͸͜͏ॻ͘ͱɺ IFBEFSOBW@@JUFNMJOLDVSSFOU ͱ͍͏DMBTTͷηϨΫλ͕࡞ΕΔɻ

&--current background-color: red font-weight: bold .header-nav__item-link display: block text-decoration: none background-color: blue .header-nav__item-link--current @include .header-nav__item-link background-color: red font-weight: bold ͳͷͰɺJODMVEF͠ͳ͍ͱ͍͚ͳ͍ TBTTͰ͸͜͏ॻ͘ͱɺ IFBEFSOBW@@JUFNMJOLDVSSFOU ͱ͍͏DMBTTͷηϨΫλ͕࡞ΕΔɻ

&--current background-color: red font-weight: bold .header-nav__item-link display: block text-decoration: none background-color: blue .header-nav__item-link--current @include .header-nav__item-link background-color: red font-weight: bold ͳͷͰɺJODMVEF͠ͳ͍ͱ͍͚ͳ͍ TBTTͰ͸͜͏ॻ͘ͱɺ IFBEFSOBW@@JUFNMJOLDVSSFOU ͱ͍͏DMBTTͷηϨΫλ͕࡞ΕΔɻ ͜Ε͕໘౗ͳͷͰ.PEJpFS͸ผDMBTTʹ͍ͯ͠·͢ɻ

ͪͳΈʹɺDVSSFOUͱॻ͘ͷͱ͔΋͋Γɻ ொాΞϨϯδ .header-nav__item-link display: block text-decoration: none background-color: blue &.--current
background-color: red font-weight: bold .header-nav__item-link display: block text-decoration: none background-color: blue .header-nav__item-link.--current background-color: red font-weight: bold IFBEFSOBW@@JUFNMJOLʹ௥ՃDMBTTͱͯ͠ɺ DVSSFOU͕෇͍ͯΔ৔߹ʹඞཁͳελΠϧ͚ͩ ௥Ճɺ্ॻ͖ɻ

ಥવͰ͕͢ɺ࣭໰ίʔφʔ

σβΠϯ༻ͷIUNMʢDTTؚΉʣͷ࡞੒ͨ͠ਓͱɺΞϓϦ΁૊ΈࠐΉਓ͸ผͷਓͰ͋Δ͜ͱΛ૝ఆ͠ ࣭ͨ໰Ͱ͢ɻ ҰݴͰݴ͏ͱʮͨ͘͞ΜͷDTTͷઃఆ͕͋Δ৔߹ɺͲͷΑ͏ʹ੔ཧ͍ͯ͠·͔͢ʁʯͰ͢ɻ DTTͷઃఆ͕ͨ͘͞Μʹͳͬͯ͘ΔͱɺͲͷ໊લ͕ͲͷϨΠΞ΢τʹରԠ͍ͯ͠Δͷ͔Θ͔Βͳ͘ ͳͬͯ͠·͍·͢ɻ ΞϓϦଆͰগ͠σβΠϯΛ௥Ճ͍ͨ͠ɺมߋ͍ͨ͠৔߹ʹɺ DTTΛ௥͍͔͚͖Εͳ͍ͨΊɺ݁ہࣗ෼ͰಠࣗͷઃఆΛ௥Ճͯ͠͠·͏͜ͱ͕ଟ͋͘Γ·͢ɻ ʢ͋Δఔ౓͸ϒϥ΢βͷσόοάπʔϧͰղੳ͍ͯ͠·͕ͨ͠ʣ DTT͕૿͑ͯ͘ΔͱԿ͔͠ΒखΛଧͨͳ͍ͱഁ୼ͦ͠͏Ͱ͢ɻ Կ͔޻෉͞Ε͍ͯΔ͜ͱ͕͋ΔΑ͏Ͱͨ͠Βڭ͑ͯ΋Β͍͍ͨͰ͢ɻ
ʢCPPUTUSBQͷαΠτͷΑ͏ʹɺݟͨ໨ͱDTTઃఆ஋ͷରԠද͕͋ΔͱΘ͔Γ΍͍͢ͱࢥ͍ͬͯ·͢ʣ ಥવͰ͕͢ɺ࣭໰ίʔφʔ

ಥવͰ͕͢ɺ࣭໰ίʔφʔ ͜Ε͸ఏҊͷҰͭͰ͕͢ɺϚʔΫΞοϓʹ#&.Λ࢖͏ͳͲͯ͠ɺίϯϙʔωϯτ୯ҐͰϚʔΫΞοϓΛͯ͠ɺ ίϯϙʔωϯτ୯ҐͰ$44Λ૊Ήͷ͸Ͳ͏Ͱ͠ΐ͏ɻελΠϧΨΠυ΋༻ҙ͢Δͱ࡞ۀ͸͠΍͘͢ΔͳΔͱࢥ ͍·͢ɻ ·ͨɺελΠϧΨΠυ͕͋Δ͜ͱͰσβΠϯ͢Δਓ΋ɺίϯϙʔωϯτΛҙࣝͨ͠σβΠϯΛ͠΍͘͢ͳΔͱ ࢥ͍·͢ɻ ελΠϧΨΠυδΣωϨʔλΛ࢖ͬͯɺελΠϧΨΠυ΋࡞ͬͯ΋Β͏ͱ͍͍͔΋͠Ε·ͤΜɻ

ϖʔδͱίϯϙʔωϯτ ϚʔΫΞοϓΛ͢Δͱ͖ɺϖʔδத৺ʹ͢ΔͷͰ͸ͳ͘ɺίϯϙʔωϯτΛ·ͣ࡞ͬͯɺͦ ΕΛϖʔδʹͲ͏഑ஔ͢Δͷ͔ɺͬͯߟ͑ͯ࡞Δ΄͏͕Կ͔ͱ౎߹͕͍͍Ͱ͢ɻ w ίϯϙʔωϯτͷൣғΛ໌֬ʹ͢Δ͜ͱͰɺ$44ͷมߋʹΑͬͯӨڹ͢Δ৔ॴ͕໌֬ʹͳ Γ·͢ɻ w ίϯϙʔωϯτΛҙࣝ͢Δ͜ͱͰɺແବͳॏෳ͕ͳ͘ͳΓ)5.-ɺ$44ͷίʔυ͕%3:ʹ ͳΓ·͢ɻ w
σβΠφʔ΋ίϯϙʔωϯτΛҙࣝ͢Δ͜ͱͰɺ໨త͸ಉ͚ͩ͡Ͳҙຯͳ͘ݟͨ໨͕ҧ͏ ΋ͷ͕࡞ΒΕΔ͜ͱ͸ͳ͘ͳΓ·͢ɻ w ελΠϧΨΠυ͕࡞Γ΍͘͢ͳΓ·͢ɻ

ϖʔδͱίϯϙʔωϯτͷΠϝʔδ ͍͍ײ͡ͷ෦԰Λ࡞Ζ͏ͱ͢ΔͷͰ͸ͳ͘

ϖʔδͱίϯϙʔωϯτͷΠϝʔδ ίϯϙʔωϯτ ϖʔδ Ո۩Λ·ͣ࡞ͬͯɺͦΕΛ෦԰ʹ  ഑ஔ͢ΔΑ͏ͳΠϝʔδ

ϖʔδͱίϯϙʔωϯτͷΠϝʔδ ελΠϧΨΠυʢίϯϙʔωϯτूʣ ελΠϧΨΠυ΋ ͋Δͱ͍͍

ϖʔδͱίϯϙʔωϯτͷΠϝʔδ ελΠϧΨΠυʢίϯϙʔωϯτूʣ ελΠϧΨΠυ΋ ͋Δͱ͍͍ Ͱ΋͜Εͬͯɺͦ΋ͦ΋σβΠϯΛ͢Δஈ֊ͰσβΠφʔ͕ίϯϙʔωϯτ Λҙࣝͨ͠σβΠϯΛ͠ͳ͍ͱɺͳ͔ͳ্͔ख͍͔͘ͳ͍Ͱ͢ɻ

4UZMF(VJEF%SJWFO%FWFMPQNFOU 4UZMF(VJEF%SJWFO%FWFMPQNFOUʢελΠϧΨΠυۦಈ։ൃʣͳΜͯݴ༿΋͋ ΔΜͰ͕͢ɺࠓ೥͸͞ΒʹྲྀߦΔ͔΋ɻ

4UZMF(VJEF%SJWFO%FWFMPQNFOU 4UZMF(VJEF%SJWFO%FWFMPQNFOUʢελΠϧΨΠυۦಈ։ൃʣͳΜͯݴ༿΋͋ ΔΜͰ͕͢ɺࠓ೥͸͞ΒʹྲྀߦΔ͔΋ɻ δΣωϨʔλ΋ͨ͘͞Μ͋Δ

$44Λॻ͘લͷ࿩͹͔ͬΓͰ͍͢·ͤΜɻ ࿩͸͜͜·Ͱɺ͔͜͜Βઌ͸ϋϯζΦϯʹͳΓ·͢ɻ

ͬͪ͜Λ৮ͬͯ  ࡞ۀΛ͢Δ ͬͪ͜ʹ࢓༷ɺݟຊͷը૾ ͕͋Δ ՝୊ͷਐΊ͔ͨ

HMPCBM@OBW

՝୊ ͍͡ΔTBTTϑΝΠϧͷ৔ॴ BQQBTTFUTTUZMFTIFFUTDPNQPOFOUTHMPCBMOBW@HMPCBMOBWTBTT w ϒϩοΫΛԣʹฒ΂ΔͷͬͯͲ͏΍Δͷʁ w จࣈΛϒϩοΫͷY࣠Z࣠ͷதԝʹ഑ஔ͍ͨ͠Μ͚ͩͲͲ͏΍Δͷʁ

ࠓճͷ՝୊ ͍͡ΔTBTTϑΝΠϧͷ৔ॴ BQQBTTFUTTUZMFTIFFUTDPNQPOFOUTHMPCBMOBW@HMPCBMOBWTBTT w ϒϩοΫΛԣʹฒ΂ΔͷͬͯͲ͏΍Δͷʁ w จࣈΛϒϩοΫͷY࣠Z࣠ͷதԝʹ഑ஔ͍ͨ͠Μ͚ͩͲͲ͏΍Δͷʁ

ϒϩοΫΛԣʹฒ΂Δํ๏ @HMPCBMOBWTBNQMF"TBTTTBNQMFͱ@HMPCBMOBWTBNQMF#TBTTTBNQMFΛ ࢀর͍ͯͩ͘͠͞

ϒϩοΫΛԣʹฒ΂Δํ๏ w ਌ʹEJTQMBZUBCMFɺࢠͲ΋ʹEJTQMBZUBCMFDFMMΛద༻͢Δɻ͜ΕͰUBCMFλάͷΑ͏ʹͳΔɻ w EJTQMBZUBCMF͕ద༻͞Εͨ਌͸ԣ෯͍ͬͺ͍ͷ෯Λ࣋ͨͤΔͨΊɺXJEUIʹ͢Δɻ w "  EJTQMBZUBCMF͕ద༻͞Εͨ਌ʹUBCMFMBZPVUpYFEΛద༻͢ΔͱɺEJTQMBZUBCMFDFMM͕ద༻͞Εͨ ࢠͲ΋͸ɺத਎ͷจࣈ਺ͳͲʹؔΘΒͣɺউखʹۉ౳ͷԣ෯ʹͳΔɻ w
#  EJTQMBZUBCMF͕ద༻͞Εͨ਌ʹUBCMFMBZPVUpYFEΛద༻͠ͳ͍৔߹͸ɺEJTQMBZUBCMFDFMM͕ద༻ ͞ΕͨࢠͲ΋ʹXJEUIΛద༻͢Δɻ @HMPCBMOBWTBNQMF"TBTTTBNQMFͱ@HMPCBMOBWTBNQMF#TBTTTBNQMFΛ ࢀর͍ͯͩ͘͠͞ " #

ϒϩοΫΛԣʹฒ΂Δํ๏ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞

ϒϩοΫΛԣʹฒ΂Δํ๏ w ԣฒͼʹ͍ͨ͠ࢠͲ΋ʹEJTQMBZJOMJOFCMPDLΛద༻͢Δɻ w EJTQMBZJOMJOFCMPDLΛద༻ͨ͠ࢠͲ΋ʹXJEUIΛద༻͢Δɻ͢Δͱɺۉ౳ͳԣ෯Ͱԣฒͼʹͳ Δ͔ͱࢥ͍͖΍ʜ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ਌ͷ෯ʹऩ·Γ͖Βͣɺམͪͯ͠·͏

ϒϩοΫΛԣʹฒ΂Δํ๏ w ਌ʹऩ·Γ͖Βͣམͪͯ͠·͏໰୊Λղܾ͢ΔͨΊʹɺ਌ʹGPOUTJ[FΛద༻͢Δɻ͢Δͱɺ໰୊ ͸ղܾ͞ΕΔ͕ɺࢠͲ΋ʹ΋GPOUTJ[F͸ద༻͞Εͯ͠·͏ͷͰͪΐͬͱ৺഑ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ԣฒͼʹͳͬͨʂ

ϒϩοΫΛԣʹฒ΂Δํ๏ w ਌ʹऩ·Γ͖Βͣམͪͯ͠·͏໰୊Λղܾ͢ΔͨΊʹɺIBNMϑΝΠϧΛ͍͡Δɻ w ԣฒͼʹ͍ͨ͠ཁૉͷޙΖʹΛ෇͚Δɻ BQQWJFXTBQQMJDBUJPO@HMPCBM@OBW@IBNMΛࢀর͍ͯͩ͘͠͞ Λ෇͚Δ

ϒϩοΫΛԣʹฒ΂Δํ๏ w ԣฒͼʹ͍ͨ͠ࢠͲ΋ʹqPBUMFGUͱXJEUIΛద༻͢Δɻ͜ΕͰԣฒͼʹ͸ͳΔ͕ʜ w ਌ͷ਌Ͱ͋ΔHMPCBMOBWʹద༻ͨ͠CBDLHSPVOEDPMPSUFBM͕Լ·Ͱ߱Γͯ͜ͳ͍ʂ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ྘৭ʹͳΒͳ͍ʂ

ϒϩοΫΛԣʹฒ΂Δํ๏ w CBDLHSPVOEDPMPSUFBMΛԼ·Ͱ͍͖͍࣋ͬͯͨɺHMPCBMOBWʹDMFBSpYద༻͢Δ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ w qPBU͕ద༻͞ΕͨࢠཁૉΛ࣋ͭ਌͸ɺDMFBS͕ద༻͞Εͨࢠཁૉ͕ग़ͯ͘Δ·ͰԼ·Ͱ߱Γͯ͜ͳ͍ɻ Ͱ΋ɺ਌ʹPWFSqPXIJEEFOΛద༻͢Δͱ߱Γͯ͘Δɻ w ͜͏͍ͬͨ໘౗ͳ΍ͭΛDMFBSpY͸΍ͬͯ͘ΕͯΔɻ ࠓճ͸CPVSCPOΛ࢖͍ͬͯΔͷͰɺCPVSCPOʹؚ·Ε
͍ͯΔDMFBSpYͷNJYJOΛ࢖༻ɻ CPVSCPOΛ࢖ͬͯͳ͍৔߹͸ɺCPVSCPO͔ΒύΫΔ ͱ͍͍ɻ IUUQTHJUIVCDPNUIPVHIUCPUCPVSCPOCMPCNBTUFS BQQBTTFUTTUZMFTIFFUTBEEPOT@DMFBSpYTDTT

ϒϩοΫΛԣʹฒ΂Δํ๏ w CBDLHSPVOEDPMPSUFBMΛԼ·Ͱ͍͖͍࣋ͬͯͨɺHMPCBMOBWʹDMFBSpYద༻͢Δ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ࠓճ͸CPVSCPOΛ࢖͍ͬͯΔͷͰɺCPVSCPOʹؚ·Ε ͍ͯΔDMFBSpYͷNJYJOΛ࢖༻ɻ CPVSCPOΛ࢖ͬͯͳ͍৔߹͸ɺCPVSCPO͔ΒύΫΔ ͱ͍͍ɻ IUUQTHJUIVCDPNUIPVHIUCPUCPVSCPOCMPCNBTUFS BQQBTTFUTTUZMFTIFFUTBEEPOT@DMFBSpYTDTT
w qPBU͕ద༻͞ΕͨࢠཁૉΛ࣋ͭ਌͸ɺDMFBS͕ద༻͞Εͨࢠཁૉ͕ग़ͯ͘Δ·ͰԼ·Ͱ߱Γͯ͜ͳ͍ɻ Ͱ΋ɺ਌ʹPWFSqPXIJEEFOΛద༻͢Δͱ߱Γͯ͘Δɻ w ͜͏͍ͬͨ໘౗ͳ΍ͭΛDMFBSpY͸΍ͬͯ͘ΕͯΔɻ ·ɺ͜Ε͸ݹ͍΍ΓํͳͷͰɺ͋Μ·Γؾʹ͠ͳ͍͍͔ͯ͘΋

ϒϩοΫΛԣʹฒ΂Δํ๏ w ԣฒͼʹ͍ͨ͠ཁૉͷ਌ʹEJTQMBZqFYΛద༻͢Δɻ΋͏͜Ε͚ͩͰԣฒͼʹͳΔʂ w ԣฒͼʹ͍ͨ͠ཁૉʹqFYΛద༻͢Δɻ͜Ε͚ͩͰۉ౳ʹͦΕͧΕͷ෯ʹͳΔʂ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ԣฒͼʹͳͬͨʂ

ϒϩοΫΛԣʹฒ΂Δํ๏ w ԣฒͼʹ͍ͨ͠ཁૉͷ਌ʹEJTQMBZqFYΛద༻͢Δɻ΋͏͜Ε͚ͩͰԣฒͼʹͳΔʂ w ԣฒͼʹ͍ͨ͠ཁૉʹqFYΛద༻͢Δɻ͜Ε͚ͩͰۉ౳ʹͦΕͧΕͷ෯ʹͳΔʂ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ԣฒͼʹͳͬͨʂ qFYϠό͍

ϒϩοΫΛԣʹฒ΂Δํ๏ w Ͱ΋ɺEJTQMBZqFYͬͯJF͡Ό࢖͑ͳ͍ͱ͔͋ΔΜͰ͠ΐ͏ʁ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞

ϒϩοΫΛԣʹฒ΂Δํ๏ w Ͱ΋ɺEJTQMBZqFYͬͯJF͡Ό࢖͑ͳ͍ͱ͔͋ΔΜͰ͠ΐ͏ʁ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ *&Ͱ͸  ೥ͷ࢓༷ͷTZOUBYͰ ॻ͔ͳ͍ͱμϝͰɺͳ͓͔ͭόά͕ ݁ߏ͋Δɻ

ϒϩοΫΛԣʹฒ΂Δํ๏ w Ͱ΋ɺEJTQMBZqFYͬͯJF͡Ό࢖͑ͳ͍ͱ͔͋ΔΜͰ͠ΐ͏ʁ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ *&Ͱ͸όά͕݁ߏ͋Δɻ

ϒϩοΫΛԣʹฒ΂Δํ๏ w Ͱ΋ɺEJTQMBZqFYͬͯJF͡Ό࢖͑ͳ͍ͱ͔͋ΔΜͰ͠ΐ͏ʁ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ *&Ͱ͸όά͕݁ߏ͋Δɻ *&Ҏ֎͸0,ͳͷͰqFYCPY͸֮͑Δඞཁ͋Γʂ

qFYCPY w ࠓճɺϋϯζΦϯͰ͸࣮૷ͷྫʹqFYCPYΛ࢖ͬͨ৔߹΋௥Ճ͍ͯ͠·͕͢ɺqFYCPYͷઆ໌·Ͱ͢Δ ͱ͕࣌ؒͳ͘ͳͬͯ͠·͏ͷͰɺqFYCPYͷ࢖͍ํ͸֤ࣗษڧ͓͍͍ͯͯͩ͘͠͞ɻ w IUUQMJHJODDPKQXFCIUNMDTTDTT w IUUQTTDPUDIJPUVUPSJBMTBWJTVBMHVJEFUPDTTqFYCPYQSPQFSUJFT w IUUQDPMJTTDPNBSUJDMFTCVJMEXFCTJUFTPQFSBUJPODTTDTTqFYCPYQSPQFSUJFTCZ
TDPUDIIUNM w IUUQRJJUBDPNIBTISPDLJUFNTCECBCEF w IUUQQIJMJQXBMUPOHJUIVCJPTPMWFECZqFYCPY w IUUQIBTISPDLHJUIVCJPTPMWFECZqFYCPYKB w IUUQTDTTUSJDLTDPNTOJQQFUTDTTBHVJEFUPqFYCPY w IUUQTCMPHTBEPCFDPNDSFBUJWFTUBUJPOXFCEFTJHOXJUIDTTqFYCPYNFOV ࢀߟ63-

qFYCPYͷֶशαΠτ IUUQqFYCPYGSPHHZDPN qFYCPYΛ࢖ͬͯΧΤϧΛ༿ͬͺͷ্ʹ৐ͤΔήʔϜ

จࣈΛZ࣠தԝʹ഑ஔ͢Δํ๏ @HMPCBMOBWTBNQMFʙͷ͍ͣΕ͔Λࢀর͍ͯͩ͘͠͞

จࣈΛZ࣠தԝʹ഑ஔ͢Δํ๏ w จࣈΛZ࣠தԝʹ഑ஔ͍ͨ͠ϦϯΫʹ·ͣ͸EJTQMBZCMPDLΛద༻ͤ͞Δɻ͜ΕͰJOMJOFͷঢ়ଶ͔Β CMPDLʹͳͬͨͷͰɺϦϯΫ͕ԣ෯͍ͬͺ͍ʹͳΔɻ w ԣ෯͍ͬͺ͍ʹͳͬͨϦϯΫʹUFYUBMJHODFOUFSΛద༻ͤ͞Δɻ͢Δͱɺจࣈ͕Y࣠தԝʹ഑ஔ͞Ε Δɻ w ࣍ʹɺϦϯΫͷߴ͞͸QYͳͷͰɺMJOFIFJHIUQYΛద༻ͤ͞Δɻ @HMPCBMOBWTBNQMFʙͷ͍ͣΕ͔Λࢀর͍ͯͩ͘͠͞

จࣈΛZ࣠தԝʹ഑ஔ͢Δํ๏ w จࣈΛZ࣠தԝʹ഑ஔ͍ͨ͠ϦϯΫʹ·ͣ͸EJTQMBZCMPDLΛద༻ͤ͞Δɻ͜ΕͰJOMJOFͷঢ়ଶ͔Β CMPDLʹͳͬͨͷͰɺϦϯΫ͕ԣ෯͍ͬͺ͍ʹͳΔɻ w ԣ෯͍ͬͺ͍ʹͳͬͨϦϯΫʹUFYUBMJHODFOUFSΛద༻ͤ͞Δɻ͢Δͱɺจࣈ͕Y࣠தԝʹ഑ஔ͞Ε Δɻ w ࣍ʹɺϦϯΫͷߴ͞͸QYͳͷͰɺMJOFIFJHIUQYΛద༻ͤ͞Δɻ @HMPCBMOBWTBNQMFʙͷ͍ͣΕ͔Λࢀর͍ͯͩ͘͠͞
WFSUJDBMBMJHO͡ΌதԝʹͰ͖ͳ͍ʂ

՝୊ ͍͡ΔTBTTϑΝΠϧͷ৔ॴ BQQBTTFUTTUZMFTIFFUTDPNQPOFOUTBMFSU@BMFSUTBTT w എܠʹ൒ಁ໌ͷεΫϦʔϯΛ഑ஔ͢Δʹ͸ʁ w ը໘ͷதԝʹϒϩοΫΛදࣔ͢ΔͷͬͯͲ͏΍Δͷʁ w [JOEFYͬͯͲ͏΍ͬͯޮ͔͢ͷʁ w
ਅΜதἧ͑ͷจࣈͷࣈؒΛௐ੔͢Δʹ͸ʁ w ΞΠίϯϑΥϯτͰग़ͨ͠ΞΠίϯΛਖ਼ԁͰғ͏ʹ͸ʁ

എܠʹ൒ಁ໌ͷεΫϦʔϯΛ഑ஔ͢Δ w BMFSUCBDLHSPVOEʹQPTJUJPOpYFEΛద༻͢Δɻ͢ΔͱɺBMFSUCBDLHSPVOE͸εΫϩʔϧͯ͠΋ ಉ͡Ґஔʹཹ·ΔΑ͏ʹͳΔɻ w "  BMFSUCBDLHSPVOEʹMFGUɺSJHIUɺUPQɺCPUUPNΛద༻͢Δɻ͢Δͱɺը໘͍ͬͺ͍ͷα ΠζʹͳΔɻ w # 
MFGUɺUPQͱ্ͨ͠ͰɺXJEUIɺIFJHIUը໘͍ͬͺ͍ͷαΠζʹͳΔɻ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ "͸ϏϤʔϯͬͯҾ͖Ԇ͹͢ײ͡ #͸େ͖͍΍ͭΛࠨ্ʹஔ͘ײ͡

എܠʹ൒ಁ໌ͷεΫϦʔϯΛ഑ஔ͢Δ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ͪͳΈʹCPVSCPOʹ͸QPTJUJPOͱ͍͏NYJO͕͋Δ FMFNFOU QPTJUJPO SFMBUJWF OVMMOVMMFN BCTPMVUFͱ͔pYFEͱ͔SFMBUJWFͱ͔ɺ  QPTJUJPOͷ஋ΛೖΕΔ UPQɺSJHIUɺCPUUPNɺMFGUͷॱͰ஋ΛೖΕΔ

ը໘தԝʹϒϩοΫΛ഑ஔ͢Δ w ը໘தԝʹ഑ஔ͍ͨ͠ϒϩοΫBMFSUʹɺQPTJUJPOpYFEΛద༻͢Δɻ͢ΔͱɺBMFSUCBDLHSPVOE ͸εΫϩʔϧͯ͠΋ಉ͡Ґஔʹཹ·ΔΑ͏ʹͳΔɻ w BMFSUʹɺMFGUɺUPQΛద༻ͤ͞Δɻ͢Δͱɺը໘ͷதԝΑΓࣗ෼ࣗ਎ͷαΠζͷ෼͚ͩ தԝ͔ΒͣΕͨҐஔʹ഑ஔ͞ΕΔɻ w ࣗ෼ࣗ਎ͷαΠζͷ൒෼ͷαΠζ͚ͩωΨςΟϒϚʔδϯΛ͚ͭΔͱਅΜதʹ͘ΔͷͰɺ  NBSHJOMFGUQYɺNBSHJOUPQQYΛద༻ͤ͞Δɻ
w ࣗ෼ࣗ਎ʹCPSEFS͕෇͍͍ͯΔͷͰɺσϑΥϧτͷঢ়ଶͩͱɺࣗ෼ࣗ਎ͷαΠζ͕  XJEUI IFJHIU ࠨӈʢ্ԼʣͷCPSEFSXJEUIʹͳͬͯ͠·͏ͷͰɺCPYTJ[JOHCPSEFSCPYΛ  ద༻͢Δɻ  ͢ΔͱɺCPSEFSXJEUIʹؔ܎ͳ͘ɺXJEUIɾIFJHIUͷ஋͕ࣗ෼ࣗ਎ͷαΠζʹͳΔɻ w ͖ͬ͞ͷ൒ಁ໌ͷεΫϦʔϯ͕BMFSUͷ্ʹ৐͔ͬͬͯΔͷͰɺBMFSUʹ[JOEFYΛద༻ͤ͞Δɻ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ը໘தԝʹϒϩοΫΛ഑ஔ͢Δ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ӈ্ʹਖ਼ԁͷΞΠίϯΛ഑ஔ͢Δ w GPOUBXFTPNFͷΞΠίϯΛғ͍ͬͯΔBMFSU@@DMPTFʹQPTJUJPOBCTPMVUFΛద༻͢Δɻ͢Δ ͱɺBMFSU@@DMPTFΛ਌ཁૉͷBMFSUΛج४ʹઈର஋Ͱ഑ஔΛ͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΔɻ  QPTJUJPOBCTPMVUFΛద༻͢Δͱɺࣗ෼ࣗ਎ͷαΠζ͸ɺ਌ཁૉʹӨڹΛ༩͑ͳ͘ͳΔʢpYFE΋ʣɻ w BMFSU@@DMPTFʹSJHIUQYɺUPQQYΛద༻͢ΔͱɺBMFSU಺ͷӈ্͸Έग़ͨ͠Ґஔʹ഑ஔ͞ ΕΔɻ w BMFSU@@DMPTFʹUFYUBMJHODFOUFSΛద༻͢Δɻ͢ΔͱɺBMFSU@@DMPTFͷࢠཁૉͰ͋Δɻ 
BMFSU@@DMPTFJDPO͕Y࣠ͷதԝʹ഑ஔ͞ΕΔɻ w BMFSU@@DMPTFʹCPSEFSSBEJVTΛద༻͢Δɻ͢ΔͱɺBMFSU@@DMPTF͕ਖ਼ԁʹͳΔɻਖ਼ԁΛ࡞Γ ͍ͨ৔߹͸ɺਖ਼ํܗͷཁૉʹCPSEFSSBEJVTΛద༻͢Δͱਖ਼ԁʹͳΔɻ w GPOUBXFTPNFͷΞΠίϯBMFSU@@DMPTFJDPOʹUFYUBMJHOQYʢ਌ཁૉͷIFJHIUͱಉ͡஋ʣΛద ༻͢Δɻ͢ΔͱɺBMFSU@@DMPTFJDPO͕Z࣠ͷதԝʹ഑ஔ͞ΕΔɻ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ӈ্ʹਖ਼ԁͷΞΠίϯΛ഑ஔ͢Δ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ਅΜதدͤͷจࣈͷࣈؒΛௐ੔͢Δ w BMFSU@@UJUMFʹMFUUFSTQBDJOHQYΛద༻͢Δɻ͢ΔͱɺจࣈͷޙΖʹQYͷ伱͕ؒͰ͖Δɻ  ͨͩɺ͜Ε͚ͩͩͱࠨʹدͬͯ͠·͏ɻ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ ࠨʹدͬͯ͠·͏ɻ w BMFSU@@UJUMFʹUFYUJOEFOUQYΛద༻͠ɺࠨʹدͬͯ͠·ͬͨ෼ɺӈʹҠಈͤ͞Δɻ

ਅΜதدͤͷจࣈͷࣈؒΛௐ੔͢Δ @BMFSUTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

BSUJDMFT

՝୊ ͍͡ΔTBTTϑΝΠϧͷ৔ॴ BQQBTTFUTTUZMFTIFFUTDPNQPOFOUTBSUJDMFTBSUJDMFT

՝୊ w άϦουγεςϜͬͯͲ͏΍ͬͯͭ͘Δͷʁ w ը૾ͷ্ʹจࣈΛॏͶΔͷͬͯͲ͏΍Δͷʁ

άϦουγεςϜ w ·ͣ͸ɺBSUJDMFT@@JUFNΛԣฒͼʹ͍ͨ͠ͷͰԣฒͼʹ͍ͨ͠BSUJDMFT@@JUFNʹqPBUMFGUΛద༻͠ɺ ԣ෯Λࡾ෼ׂ͢ΔͷͰɺXJEUIΛద༻͢Δɻ͜ΕͰԣฒͼʹͳΔɻ w ԣฒͼʹͨ͠BSUJDMFT@@JUFNͷࠨӈʹQYͷ伱ؒΛ࡞ΔͷͰɺBSUJDMFT@@JUFNࠨӈʹQBEEJOHͰ 伱ؒΛ࡞ΔɻQYͷ൒෼ͷQBEEJOHΛࠨӈʹͦΕͧΕద༻͢ΔͷͰɺ  QBEEJHMFGUQYɺQBEEJHSJHIUQYΛద༻͢Δɻ w ͜ͷ··ͩͱɺBSUJDMFT@@JUFNͷԣ෯͕
ࠨӈͷQBEEJOHʹͳͬͯ͠·͏ͷͰɺ  CPYTJ[JOHCPSEFSCPYΛద༻͢Δɻ͢ΔͱɺQBEEJOHͷ஋ΛؚΊͯBSUJDMFT@@JUFNͷԣ෯͕ ʹͳΔɻ @BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

άϦουγεςϜ w ࣍͸qFYCPYΛ࢖࣮ͬͨ૷ʹ௅ઓɻ  ·ͣ͸ɺBSUJDMFT@@JUFNΛԣฒͼʹ͍ͨ͠ͷͰԣฒͼʹ͍ͨ͠BSUJDMFT@@JUFNͷ਌Ͱ͋ ΔBSUJDMFT@@JUFNTʹEJTQMBZqFYΛద༻͢Δɻ w ࣍ʹɺԣฒͼʹ͍ͨ͠BSUJDMFT@@JUFNʹqFYΛద༻͠ɺԣ෯Λࡾ෼ׂ͢Δɻ·ͩ͜ͷ࣌఺Ͱ ͸ંΓฦ͞ΕͣɺҰߦͰදࣔ͞Εͯ͠·͏ɻ w EJTQMBZqFYΛద༻ͨ͠BSUJDMFT@@JUFNTʹqFYXSBQXSBQΛద༻ɻ͢ΔͱɺBSUJDMFT@@JUFNʹద
༻ͨ͠Λ͸Έग़ͨ࣌͠఺ͰંΓฦ͞ΕΔɻ w ԣฒͼʹͨ͠BSUJDMFT@@JUFNͷࠨӈʹQYͷ伱ؒΛ࡞ΔͷͰɺBSUJDMFT@@JUFNࠨӈʹQBEEJOHͰ 伱ؒΛ࡞ΔɻQYͷ൒෼ͷQBEEJOHΛࠨӈʹͦΕͧΕద༻͢ΔͷͰɺ  QBEEJHMFGUQYɺQBEEJHSJHIUQYΛద༻͢Δɻ w ͜ͷ··ͩͱɺBSUJDMFT@@JUFNͷԣ෯͕ ࠨӈͷQBEEJOHʹͳͬͯ͠·͏ͷͰɺ  CPYTJ[JOHCPSEFSCPYΛద༻͢Δɻ͢ΔͱɺQBEEJOHͷ஋ΛؚΊͯBSUJDMFT@@JUFNͷԣ෯͕ ʹͳΔɻ @BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

w BSUJDMFT@@JUFNશମΛғ͍ͬͯΔBSUJDMFT@@JUFNTͷࠨӈʹ伱͕ؒͰ͖ͯ͠·͍ͬͯΔͷͰɺͦΕΛ ফͨ͢ΊʹBSUJDMFT@@JUFNTͷࠨӈʹωΨςΟϒϚʔδϯΛ෇͚ͯ伱ؒΛͳ͘͢ɻ               
        BSUJDMFT@@JUFNTʹNBSHJOMFGUQYɺNBSHJOSJHIUQYΛద༻͢Δɻ άϦουγεςϜ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ 伱ؒ 伱ؒ

w ը૾͕άϦου͔Β͸Έग़͍ͯ͠ΔͷͰɺը૾ͷDMBTTͰ͋ΔBSUJDMFT@@JUFNJNBHFʹ  XJEUIΛద༻͢Δɻ άϦουγεςϜ @BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ը૾ʹจࣈΛॏͶΔ w BSUJDMFT@@JUFNDSFSBUFEBUΛॏͶ͍ͨͷͰɺQPTJUJPOBCTPMVUFΛద༻ͤ͞Δɻ w BSUJDMFT@@JUFNDSFSBUFEBUΛઈର஋Ͱ഑ஔ͍ͨ͠ͷͰɺͦͷج४ʹͳΔ਌ཁૉɺ  BSUJDMFT@@JUFNJNBHFDPOUBJOFSʹQPTJUJPOSFMBUJWFΛద༻ͤ͞Δɻ  ઈର஋Ͱ഑ஔΛ͢Δ৔߹ɺSFMBUJWFɺBCTPMVUFɺpYFEͷ͍ͣΕ͔͕ద༻͞Εͨ௚ۙͷ਌ཁૉ͕ઈର஋ ͷج४ʹͳΔɻ w BSUJDMFT@@JUFNJNBHFDPOUBJOFSΛઈର஋ͷج४ʹͨ͠ͷͰɺͦΕΛج४ʹ 
BSUJDMFT@@JUFNDSFSBUFEBUΛӈԼʹ഑ஔ͢ΔͨΊɺSJHIUɺCPUUPNΛద༻͢Δɻ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

ը૾ʹจࣈΛॏͶΔ w BSUJDMFT@@JUFNDSFSBUFEBUΛԣ෯͍ͬͺ͍ʹ͍ͨ͠ͷͰɺMFGU΋ద༻ͤ͞Δɻ  XJEUIͱɺCPYTJ[JOHCPSEFSCPYΛద༻ͤ͞ΔͷͰ΋0,ɻ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ ԣ෯͍ͬͺ͍ʹ͍ͨ͠

ը૾ʹจࣈΛॏͶΔ @BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

΋͠ɺλΠτϧ͕௕͍΋ͷ͕͋ͬͨΒʁ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ λΠτϧ͕௕ͯ͘άϦου่͕ΕΔ

΋͠ɺλΠτϧ͕௕͍΋ͷ͕͋ͬͨΒʁ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ w BSUJDMFT@@JUFNUJUMFͷIFJHIUΛจࣈೋߦ෼ͱ͢Δɻೋߦ෼͸ɺBSUJDMFT@@JUFNUJUMFͷGPOUTJ[F͕ QYɺߦ͕ؒɺߦ਺͕ߦɺͳͷͰɺIFJHIU QY ͕ೋߦ෼ͷߴ͞ʹͳΔɻͭ·Γ IFJHIUQYͱ͢Ε͹ɺจࣈೋߦ෼ͷߴ͞ʹͳΔ͕ɺIFJHIU
QY ͱͯ͠΋ɺTBTT͕ ԋࢉΛ΍ͬͯ͘ΕΔͷͰɺࣗ෼ͰܭࢉΛ΍Βͳͯ͘΋0,ɻ

΋͠ɺλΠτϧ͕௕͍΋ͷ͕͋ͬͨΒʁ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ ͸Έग़ͨ͠ͱ͜Ζ͕ӅΕͨ

΋͠ɺλΠτϧ͕௕͍΋ͷ͕͋ͬͨΒʁ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞

DPNNFOU

՝୊ ը໘Λڱͯ͘͠΋ɺίϝϯτऀͷαΠζ͸มΘΒͳ͍Α͏ʹ͢Δ

՝୊ ͍͡ΔTBTTϑΝΠϧͷ৔ॴ BQQBTTFUTTUZMFTIFFUTDPNQPOFOUTDPNNFOU@DPNNFOUTBTT w ը໘ͷ෯Λڱͯ͘͠΋ยํͷΧϥϜͷαΠζ͸มΘΒͳ͍ϨΠΞ΢τͬͯͲ͏΍Δͷʁ w $44͚ͩͰਧ͖ग़ͬͯ͠Ͳ͏΍ͬͯ࡞Δͷʁ

ը໘αΠζΛม͑ͯ΋ҰํͷΧϥϜ͸  αΠζ͕ҡ࣋͞ΕΔϨΠΞ΢τ w ·ͣ͸ɺαΠζ͕มΘΒͳ͍ΧϥϜͷํɺDPNNFOU@@BVUIPSʹQPTJUJPOBCTPMVUFΛద༻͢Δɻ w ͢ΔͱɺαΠζͷมΘΔํͷΧϥϜDPNNFOU@@CPEZͱɺDPNNFOU@@BVUIPS͕ॏͳΔͷͰɺͦΕ ΒΛғͬͯΔ਌ʹQBEEJOHΛ෇͚͕ͯ̎ͭॏͳΒͳ͍Α͏ʹɺDPNNFOU@@BVUIPSͷೖΔ伱ؒΛ࡞ͬ ͯ͋͛Δɻ਌DPNNFOUʹɺQBEEJOHMFGUQYΛద༻ɻ w DPNNFOU@@BVUIPSʹઈର஋ͰͷҐஔΛ༩͍͑ͯͳ͍ͷͰɺDPNNFOU@@BVUIPS΋Ұॹʹ਌ͷ
QBEEJOH෼ͣΕͯ͠·͏ɻDPNNFOU@@BVUIPSʹઈର஋ͰͷҐஔͷ஋Λ෇͚͍͕ͨɺͦͷલʹͦͷઈ ର஋ͷج४ͱͳΔ਌Ͱ͋ΔDPNNFOUʹɺQPTJUJPOSFMBUJWFΛద༻͢Δɻ w DPNNFOU@@BVUIPSͷҐஔͷج४͕Ͱ͖ͨͱ͜ΖͰɺDPNNFOU@@BVUIPSʹҐஔΛద༻͢ ΔɻDPNNFOU@@BVUIPS͸ࠨ্ʹ͋ΔͷͰɺMFGUɺUPQΛద༻͢Δɻ w ը໘ΛڱΊͯΈͯɺDPNNFOU@@BVUIPSͷαΠζ͸มΘ͍ͬͯͳ͍͜ͱΛ֬ೝɻ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞

ը໘αΠζΛม͑ͯ΋ҰํͷΧϥϜ͸  αΠζ͕ҡ࣋͞ΕΔϨΠΞ΢τ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞

ը໘αΠζΛม͑ͯ΋ҰํͷΧϥϜ͸  αΠζ͕ҡ࣋͞ΕΔϨΠΞ΢τ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ w ࣍͸qFYCPYΛ࢖ͬͨύλʔϯɻ·ͣ͸ԣฒͼʹ͍ͨ͠ཁૉͷ਌Ͱ͋ΔDPNNFOUʹ  EJTQMBZqFYΛద༻͢Δɻ w ଓ͍ͯɺαΠζ͕มΘΒͳ͍ΧϥϜͷํɺDPNNFOU@@BVUIPSʹqFYQYΛద༻ɻ΋͘͠͸ɺ XJEUIQYͰ΋0,ɻ

ը໘αΠζΛม͑ͯ΋ҰํͷΧϥϜ͸  αΠζ͕ҡ࣋͞ΕΔϨΠΞ΢τ w ࣍͸qFYCPYΛ࢖ͬͨύλʔϯɻ·ͣ͸ԣฒͼʹ͍ͨ͠ཁૉͷ਌Ͱ͋ΔDPNNFOUʹ  EJTQMBZqFYΛద༻͢Δɻ w ଓ͍ͯɺαΠζ͕มΘΒͳ͍ΧϥϜͷํɺDPNNFOU@@BVUIPSʹqFYQYΛద༻ɻ΋͘͠͸ɺ XJEUIQYͰ΋0,ɻ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ͜ΕͰ͓͠·͍ɻqFYCPYϠό͍ɻ

$44Ͱਧ͖ग़͠Λ࡞Δ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ w ਧ͖ग़͕͋͠ΔཁૉDPNNFOU@@CPEZʹٖࣅཁૉCFGPSFΛ࡞ΓɺͦͷٖࣅཁૉʹDPOUFOUb`Λద ༻͢Δɻ           
        ͢ΔͱɺԿ΋ͳ͍ཁૉ͕ग़ݱ͢Δɻ

$44Ͱਧ͖ग़͠Λ࡞Δ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ CFGPSF͕ग़ݱʂ

w ٖࣅཁૉDPNNFOU@@CPEZCFGPSFʹQPTJUJPOBCTPMVUFΛద༻ɻઈର஋Ͱ৔ॴ͕ࢦఆͰ͖ΔΑ͏ʹ ͢Δɻ w ਧ͖ग़͠͸CPSEFSΛ࢖ͬͯ࡞ΔͷͰɺ·ͣ͸ٖࣅཁૉDPNNFOU@@CPEZCFGPSFʹ  CPSEFSTUZMFTPMJEΛద༻͢Δɻ w ࣍ʹɺCPSEFSXJEUIΛద༻͢Δɻਧ͖ग़͠ͷτϯΨϦ͕ɺ෯QYɺߴ͞QYͳΜ͚ͩͲɺࠨํ޲ ͷτϯΨϦΛ࡞Δ৔߹͸ɺ্ԼͷCPSEFSXJEUIʢCPSEFSUPQXJEUIͱCPSEFSCPUUPNXJEUIʣΛτϯ ΨϦͷߴ͞QYͷ൒෼ͷQYΛద༻ͤͯ͞ɺࠨӈͷCPSEFSXJEUIʢCPSEFSMFGUXJEUIͱCPSEFS
SJHIUXJEUIʣ͸τϯΨϦͷ෯ͱಉ͡QYΛద༻ͤ͞Δɻ  ٖࣅཁૉDPNNFOU@@CPEZCFGPSFʹCPSEFSXJEUIQYQYΛద༻ɻ w ͻͱͭલͷ޻ఔͰԿΛ΍ͬͯΔ͔͕Θ͔ΔΑ͏ʹɺҰ࣌తʹCPSEFSʹ৭Λ෇͚ͯΈΔɻ  ٖࣅཁૉDPNNFOU@@CPEZCFGPSFʹCPSEFSDPMPSSFECMVFΛద༻ͯ͠ΈΔɻ  ͪͳΈʹ্ԼͷCPSEFSʹSFEɺࠨӈͷCPSEFSʹCMVFΛద༻ɻ $44Ͱਧ͖ग़͠Λ࡞Δ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ͜Μͳ΋ͷ͕ग़ݱ͢Δ

w ઌ΄Ͳͷ֬ೝͷͨΊͷCPSEFSDPMPSSFECMVF͸࡟আ͢Δɻ w ٖࣅཁૉDPNNFOU@@CPEZCFGPSFͷCPSEFSΛҰճ͢΂ͯಁ໌ʹ͢ΔͷͰɺ  CPSEFSDPMPSUSBOTQBSFOUΛద༻͢Δɻ w ͢΂ͯಁ໌ʹͳͬͨͱ͜ΖͰɺੜ͔͢CPSEFSSJHIUʹɺ਌Ͱ͋ΔDPNNFOU@@CPEZͷഎܠ৭ͱಉ͡ ৭Λ෇͚Δɻ  CPSEFSSJHIUDPMPSUFBMΛద༻͢Δɻ w
τϯΨϦ͕Ͱ͖ͨͷͰɺ͜ΕΛ͍͍Ґஔʹ഑ஔ͍ͨ͠ɻτϯΨϦʹ͸QPTJUJPOBCTPMVUF͕ద༻͞Ε ͯΔͷͰɺͦͷઈର஋ͷج४ͱͳΔཁૉDPNNFOU@@CPEZʹQPTJUJPOSFMBUJWFΛద༻͢Δɻ w ج४͕Ͱ͖ͨΒτϯΨϦʹҐஔͷ஋Λ༩͍͍͑ͯҐஔʹஔ͘ɻ  ٖࣅཁૉDPNNFOU@@CPEZCFGPSFʹMFGUQYɺUPQQYΛద༻͢Δɻ $44Ͱਧ͖ग़͠Λ࡞Δ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ XJEUIɺIFJHIUͷཁૉʹCPSEFSΛ෇͚Δͱࡾ֯ܗͷू߹ʹͳΔɻ CPSEFSSJHIU͚ͩΛੜ͔ͯ͠ɺଞͷCPSEFSΛಁ໌ʹ͢Δ͜ͱͰ  ਧ͖ग़͠ͷτϯΨϦΛ࡞ͬͯ͠·͓͏ͱ͍͏ࠢ୾

$44Ͱਧ͖ग़͠Λ࡞Δ @DPNNFOUTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞

IFBEJOHTʢ͓·͚ʣ

w QSBDUJDFTIFBEJOHʹΞΫηε w BQQBTTFUTTUZMFTIFFUTDPNQPOFOUTIFBEJOHT͜ͷதʹɺࠓ೔΍ͬͨ಺༰Λ࢖ͬͯɺݟͨ໨͸μ α͍ΜͰ͕͢ɺDTT͚ͩΛ࢖ͬͯ৭ΜͳIFBEJOHΛ࡞ͬͯΈ·ͨ͠ɻ͜ΕΛࢀߟʹɺࣗ෼Ͱ΋࡞ͬͯ ༡ΜͰΈ͍ͯͩ͘͞ɻ IFBEJOHT

Rubyist のための CSS 勉強会 / nishiwaki. kobe css

Rubyist のための CSS 勉強会 / nishiwaki. kobe css

More Decks by machida

Other Decks in Design

Featured

Transcript