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

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

machida
January 11, 2016

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

2016年1月9日(土)に行われた 西脇.rb + 神戸.rb の勉強会で使ったスライドです。
ハンズオンのスライド : https://github.com/machida/nk-css

machida

January 11, 2016
Tweet

More Decks by machida

Other Decks in Design

Transcript

  1. ࣗݾ঺հ w ொా఩ฏͱਃ͠·͢ɻ w ߹ಉձࣾϑΟϤϧυͰಇ͍ͯ·͢ɻ w 5XJUUFSΞΧ΢ϯτ͸!NBDIJEB w (JUIVCΞΧ΢ϯτ΋!NBDIJEB w

    ΤσΟλ͸"UPN w 4BTTͷγϯλοΫε͸4BTT4ZOUBY w )5.-͸IBNM͔TMJNΛ࢖ͬͯ·͢ w ϚʔΫΞοϓ͸#&.ʹΞϨϯδΛՃ͑ͨ΋ͷΛ࢖ͬͯ·͢
  2. ொాͷྫ TBTTͷϑΝΠϧΛҎԼͷΑ͏ʹछྨ෼͚ɻ Ϙλϯ΍άϦουγεςϜɺਧ͖ग़͠ͳͲɺগ͠ෳࡶͳ$44Λ࢖ͬͯ࡞ΔཁૉΛNJYJO Խɻ CBTJDCVUUPO QSJNBSZ QY  HSJE 

     CBMMPPO CPUUPN QSJNBSZ QY  ͜ΜͳNJYJOΛͦΕͧΕҰػೳҰϑΝΠϧʹͯ͠ɺNJYJOT@CVUUPOTTBTTɺ NJYJOT@CBMMPPOTBTTͷΑ͏ʹ·ͱΊ·͢ɻ ม਺ NJYJO Ϧηοτ ϔϧύʔ ίϯϙʔωϯτ ϖʔδ GVODUJPO
  3. w TUZMFTIFFUT w TFUUJOHT w WBSJBCMFT w GVODUJPOT w NJYJOT

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

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

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

    w @SFTFUTBTT w IFMQFST w DPNQPOFOUT w QBHFT w BQQMJDBUJPOTBTT ொాͷྫ શͯͷTBTTϑΝΠϧΛJNQPSU
  7. w TUZMFTIFFUT w TFUUJOHT w IFMQFST w DPNQPOFOUT w BUPNTʢݪࢠʣ

    w NPMFDVMFTʢ෼ࢠʣ w PSHBOJTNTʢ༗ػମʣ w QBHFTʢϖʔδʣ w BQQMJDBUJPOTBTT ͖ͬ͞ڍ͛ͨCMPDLTʙQBHFTͷؒΛ
 ΋ͬͱࡉ෼Խͯ͠ΈΑ͏͔ͳ "UPNJD%FTJHOΛͲ͏औΓೖΕΔʁͷྫ
  8. ྫ͑͹ɺ SPPU\ CPYTJ[JOHCPSEFSCPY ^ DPEF  LCE  QSF 

    TBNQ\ GPOUGBNJMZNPOPTQBDF NPOPTQBDF ^ TBOJUJ[FDTT CPYTJ[JOHCPSEFSCPY͕࢝Ί͔Βઃఆ͞ΕͯͨΓ DPEFؔ࿈͸GPOUGBNJMZʹ͸NPOPTQBDF͕ࢦఆ͞ ΕͯͨΓ
  9. ྫ͑͹ɺ  CFGPSF  BGUFS\ CPSEFSTUZMFTPMJE CPSEFSXJEUI ^ TBOJUJ[FDTT CPSEFSTUZMFͷσϑΥϧτ͕TPMJEʹઃఆ͞ΕͯΔͷͰɺ

    CPSEFSTUZMFͷࢦఆΛ๨Εͯ΋CPSEFS͸ͪΌΜͱද ࣔ͞ΕΔΑ͏ʹͳͬͯͨΓɻ ͜Μͳઃఆؚ͕͍͔ͭ͘·Εͯ·͢ ࢀߟIUUQDPMJTTDPNBSUJDMFTCVJMEXFCTJUFTPQFSBUJPODTTBCPVUTBOJUJ[FDTTIUNM
  10. %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ͷ΍ΓํΛ͍͍ͨͩͨʣɻ
  11. 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
  12. ·͊ɺϓϦϑΟΫεͱ͔͸Ͳ͏Ͱ΋͍͍ΜͰ͕͢ɺNPEJpFS͸ผΫϥεʹͨ͠΄͏͕࢖͍΍͢ ͍Ͱ͢ɻผDMBTTͰ͸ͳ͍৔߹ ொాΞϨϯδ .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 DMBTT໊͸ܧঝ͕͞ΕͯΔΜ͚ͩͲɺ TUZMF͸ܧঝ͞Εͳ͍ɻ TBTTͰ͸͜͏ॻ͘ͱɺ IFBEFSOBW@@JUFNMJOLDVSSFOU ͱ͍͏DMBTTͷηϨΫλ͕࡞ΕΔɻ
  13. ·͊ɺϓϦϑΟΫεͱ͔͸Ͳ͏Ͱ΋͍͍ΜͰ͕͢ɺNPEJpFS͸ผΫϥεʹͨ͠΄͏͕࢖͍΍͢ ͍Ͱ͢ɻผDMBTTͰ͸ͳ͍৔߹ ொాΞϨϯδ .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 @include .header-nav__item-link background-color: red font-weight: bold ͳͷͰɺJODMVEF͠ͳ͍ͱ͍͚ͳ͍ TBTTͰ͸͜͏ॻ͘ͱɺ IFBEFSOBW@@JUFNMJOLDVSSFOU ͱ͍͏DMBTTͷηϨΫλ͕࡞ΕΔɻ
  14. ·͊ɺϓϦϑΟΫεͱ͔͸Ͳ͏Ͱ΋͍͍ΜͰ͕͢ɺNPEJpFS͸ผΫϥεʹͨ͠΄͏͕࢖͍΍͢ ͍Ͱ͢ɻผDMBTTͰ͸ͳ͍৔߹ ொాΞϨϯδ .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 @include .header-nav__item-link background-color: red font-weight: bold ͳͷͰɺJODMVEF͠ͳ͍ͱ͍͚ͳ͍ TBTTͰ͸͜͏ॻ͘ͱɺ IFBEFSOBW@@JUFNMJOLDVSSFOU ͱ͍͏DMBTTͷηϨΫλ͕࡞ΕΔɻ ͜Ε͕໘౗ͳͷͰ.PEJpFS͸ผDMBTTʹ͍ͯ͠·͢ɻ
  15. ͪͳΈʹɺŠ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͕෇͍ͯΔ৔߹ʹඞཁͳελΠϧ͚ͩ ௥Ճɺ্ॻ͖ɻ
  16. ϒϩοΫΛԣʹฒ΂Δํ๏ w CBDLHSPVOEDPMPSUFBMΛԼ·Ͱ͍͖͍࣋ͬͯͨɺHMPCBMOBWʹDMFBSpYద༻͢Δ @HMPCBMOBWTBNQMFTBTTTBNQMFΛࢀর͍ͯͩ͘͠͞ ࠓճ͸CPVSCPOΛ࢖͍ͬͯΔͷͰɺCPVSCPOʹؚ·Ε ͍ͯΔDMFBSpYͷNJYJOΛ࢖༻ɻ CPVSCPOΛ࢖ͬͯͳ͍৔߹͸ɺCPVSCPO͔ΒύΫΔ ͱ͍͍ɻ IUUQTHJUIVCDPNUIPVHIUCPUCPVSCPOCMPCNBTUFS BQQBTTFUTTUZMFTIFFUTBEEPOT@DMFBSpYTDTT

    w qPBU͕ద༻͞ΕͨࢠཁૉΛ࣋ͭ਌͸ɺDMFBS͕ద༻͞Εͨࢠཁૉ͕ग़ͯ͘Δ·ͰԼ·Ͱ߱Γͯ͜ͳ͍ɻ Ͱ΋ɺ਌ʹPWFSqPXIJEEFOΛద༻͢Δͱ߱Γͯ͘Δɻ w ͜͏͍ͬͨ໘౗ͳ΍ͭΛDMFBSpY͸΍ͬͯ͘ΕͯΔɻ ·ɺ͜Ε͸ݹ͍΍ΓํͳͷͰɺ͋Μ·Γؾʹ͠ͳ͍͍͔ͯ͘΋
  17. qFYCPY w ࠓճɺϋϯζΦϯͰ͸࣮૷ͷྫʹqFYCPYΛ࢖ͬͨ৔߹΋௥Ճ͍ͯ͠·͕͢ɺqFYCPYͷઆ໌·Ͱ͢Δ ͱ͕࣌ؒͳ͘ͳͬͯ͠·͏ͷͰɺqFYCPYͷ࢖͍ํ͸֤ࣗษڧ͓͍͍ͯͯͩ͘͠͞ɻ w IUUQMJHJODDPKQXFCIUNMDTTDTT w IUUQTTDPUDIJPUVUPSJBMTBWJTVBMHVJEFUPDTTqFYCPYQSPQFSUJFT w IUUQDPMJTTDPNBSUJDMFTCVJMEXFCTJUFTPQFSBUJPODTTDTTqFYCPYQSPQFSUJFTCZ

    TDPUDIIUNM w IUUQRJJUBDPNIBTISPDLJUFNTCECBCEF w IUUQQIJMJQXBMUPOHJUIVCJPTPMWFECZqFYCPY w IUUQIBTISPDLHJUIVCJPTPMWFECZqFYCPYKB w IUUQTDTTUSJDLTDPNTOJQQFUTDTTBHVJEFUPqFYCPY w IUUQTCMPHTBEPCFDPNDSFBUJWFTUBUJPOXFCEFTJHOXJUIDTTqFYCPYNFOV ࢀߟ63-
  18. ը໘தԝʹϒϩοΫΛ഑ஔ͢Δ 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Λࢀর͍ͯͩ͘͠͞
  19. ӈ্ʹਖ਼ԁͷΞΠίϯΛ഑ஔ͢Δ 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Λࢀর͍ͯͩ͘͠͞
  20. άϦουγεςϜ 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Λࢀর͍ͯͩ͘͠͞
  21. w BSUJDMFT@@JUFNશମΛғ͍ͬͯΔBSUJDMFT@@JUFNTͷࠨӈʹ伱͕ؒͰ͖ͯ͠·͍ͬͯΔͷͰɺͦΕΛ ফͨ͢ΊʹBSUJDMFT@@JUFNTͷࠨӈʹωΨςΟϒϚʔδϯΛ෇͚ͯ伱ؒΛͳ͘͢ɻ
 
 
 
 
 
 
 


    
 
 
 
 BSUJDMFT@@JUFNTʹNBSHJOMFGUQYɺNBSHJOSJHIUQYΛద༻͢Δɻ άϦουγεςϜ @BSUJDMFTTBNQMFTBTT͔ɺ@BSUJDMFTTBNQMFTBTTΛࢀর͍ͯͩ͘͠͞ 伱ؒ 伱ؒ
  22. ը໘αΠζΛม͑ͯ΋ҰํͷΧϥϜ͸
 αΠζ͕ҡ࣋͞ΕΔϨΠΞ΢τ 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Λࢀর͍ͯͩ͘͠͞
  23. 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Λࢀর͍ͯͩ͘͠͞ ͜Μͳ΋ͷ͕ग़ݱ͢Δ
  24. 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Λಁ໌ʹ͢Δ͜ͱͰ
 ਧ͖ग़͠ͷτϯΨϦΛ࡞ͬͯ͠·͓͏ͱ͍͏ࠢ୾