ࠓ͔Β͑Δ$44ύλʔϯ:V8BUBOBCF !ZVXC/%4Ԭ*5։ൃऀษڧձ ୈճษڧձ
View Slide
ࣗݾհඇৗۈΤϯδχΞʴϑϦʔϥϯε˙ 41"ʴ"1*ʴ%#ͳ8FCαʔϏεͷ੍࡞+BWB4DSJQU3FBDU/PEFKT3VCZ1)1.Z42-/FPK3%'αʔόͷઃఆͱ͔ɾɾɾ˙ )5.-ʴ$44ʴ+BWB4DSJQUͷίʔσΟϯάɾɾɾͳͲΛ͍ͬͯ·͢ɻ
ຊͷςʔϚ$44$BTDBEJOH4UZMF4IFFUɾɾɾ$44͖Ͱ͔͢ʁ
ॻ͔ͣʹࡁ·ͤΔͱ͍͏Ξϓϩʔν$44ϑϨʔϜϫʔΫ˙ ྫ͑#PPUTUSBQɾɾɾCPPUTUSBQNJODTTɾɾɾLCྫ͑ۉʹׂͷΧϥϜ࡞Εͳ͍ϑϨʔϜϫʔΫલఏͷσβΠϯ͕ඞཁ PSΧόʔͰ͖ͳ͍ͱ͜ΖࣗྗͰॻ͘
ॻ͔ͣʹࡁ·ͤΔͱ͍͏ΞϓϩʔνࣗಈͰੜͰ͖ͳ͍ͷʁ˙ ྫ͑"EPCF.VTFɾɾɾ͜ΜͳͷΛඳ͍ͯΈͨΒߦ͍ۙ$44͕ੜ͞Εͨੜ͞Εͨ$44Λਓ͕ؒ͞ΘΔͷແཧͦ͏ɻ
ਓ͕ؒ$44Λॻ͓͘ࣄ݈ࡏͰ͢σβΠϯΧϯϓΛΒͬͯը૾ΛεϥΠεɺ)5.-ͱ$44Λॻ͋͘ΕͰ͢ɻ͜͜ͰαΠτҎ্Γ·ͨ͠ɻ ࣭ ͱ ࡞ ۀ ޮ ΛͦΕͳΓʹ҆ఆͤ͞ΒΕΔΑ͏ʹͳͬͨͲΜͳΞϓϩʔνͰίʔσΟϯά͍ͯ͠Δ͔Λ͓͠͠·͢
$44ͷ৽͍͠ػೳΛऔΓೖΕΔ˙ )5.-ʹແҙຯͳEJWΛ࡞ΒͣʹࡁΉ˙ ০༻ͷը૾ͷΛݮΒͤΔ͜Μͳͷɺ)5.-PMͱMJ͚ͩͰʂ$44ߦ͘Β͍ඪ४༷ͱϒϥβͷ࣮ঢ়گΛ͋Δఔ͓ͬͯ͘ʂ
มߋʹڧ͍$44Λࢦ͢˙ ҰՕॴม͑ͨΒɺଞͷͱ͜Ζ่͕ΕͨʂɺͱͳΒͳ͍˙ ಡΈ͍͢ʹΫϥε໊͔ΒͲͷ෦ͷίʔυ͔͔ΔΫϥΠΞϯτ͕ޙ͔ΒՃमਖ਼Λߦ͏͜ͱ͕͋Δϲ݄ޙͷࣗଞਓͰ͋ΔɾɾɾશମΛ؏͘ʮઃܭํʯ͕ඞཁͳͷͰɺઌਓͷܙΛआΓ·͢ɻê
ઃܭํ r ͏·͍͔͘ͳ͔ͬͨέʔε00$44తͳΞϓϩʔν˙ ͋ΔఔҎ্ͷنʹͳΔͱɺ࡞ऀͰ͢ΒύʔπΛѲ͖͠Εͳ͍ɻ˙ ͏·͍͚͘ඇৗʹٕతͳɺهड़ྔͷগͳ͍$44͕ΊΔͱࢥ͏͕ɺݱ࣮ͷΫϥΠΞϯτϫʔΫͰٻΊΒΕ͍ͯΔͷͱҧ͏ɻ.text-red {color: red;}.button-base{border: solid 2px;color: white;…}.button-base .button-blue.button-base .button-green
ઃܭํ r #&.#&.r #MPDL &MFNFOU .PEJGJFS˙ গ͠ϧʔϧΛΏΔΊͯɺऔΓೖΕ͍ͯΔ .JOE#&.EJOHBlockElement ModifierElementhttp://getbem.com/ύʔπΛϒϩοΫ୯ҐͰׂɻٖࣅతͳ໊લۭ͕ؒͰ͖ΔɻϒϩοΫ֎͔ΒΧεέʔυ͢Δ͜ͱ͠ͳ͍ɻ.itemBox.itemBox_thumbnail.itemBox_title.tabMenu.tabMenu_item.tabMenu_item—active
มߋʹڧ͍$44 #&.˙ ֤ϒϩοΫɺϒϩοΫ֎ͱΧεέʔσΟϯά͢Δ͜ͱ͕ͳ͘ૄ݁߹˙ ࠷ॳʹϒϩοΫׂΛߟ͑Δͱ࡞ۀྔ͕ݟੵΓ͍͢.commonButton.commonButton--download.mainVisual.mainVisual_pic.introduction.introduction_attention.linkList.sideMenu.sideMenu_item.sideDownload.sideDownload_attention.introduction_text
มߋʹڧ͍$44 &$44&OEVSJOH $44˙ ʮಉ͡هड़Λ܁Γฦ͠ॻ͍͍͍ͯʯͱஅݴ͢Δ࢟ʹײಈͨ͠By Ben Frainhttp://ecss.io/… even at the cost of repetition,isolation can buy you greater advantages;$44ϑΝΠϧͷׂख๏ͳͲɺ༷ʑͳΞΠσΞʹݴٴ͍ͯ͠Δ͕ɺ
มߋʹڧ͍$44 &$44&$44Λࢀߟʹيಓमਖ਼˙ ʮଞͷϖʔδʹࣅͨΑ͏ͳͷ͔͋ͬͨΒڞ௨෦·ͱΊͯɾɾɾʯͱߟ͑ΔͷΛΊͨɻ˙ ෆཁʹͳͬͨͱ͖ʹআ͍͢͠ɻこの2つのボタン(Block)は、同じBlockのModifier(変化形)ではなく、まったく別のBlockにした。.commonButton!.campaignButton.commonButton-download!.downloadButton
සग़ύʔπͷ͍ճ͠Α͘͏ʮϒϩοΫʯΛετοΫ˙ ׂͨ͠ʮϒϩοΫʯಠཱ͍ͯ͠ΔͷͰɺͲ͜ʹͰຒΊࠐΊΔ˙ ελΠϧΨΠυδΣωϨʔλΛར༻ͯ͠8FCϖʔδΛ࡞
·ͱΊ˙ நύʔπΛΧεέʔυ͢ΔΞϓϩʔν͠ͳ͍˙ ಠཱͨ͠۩ϒϩοΫʹ͢Δ˙ ॏෳͨ͠هड़ɺίʔυͷ૿Ճؾʹ͠ͳ͍˙ ٕతͰͳ͍͕ɺ҆ఆ࣭ͨ͠ʹͳΔ˙ Ҋ݅Λ·͍͍ͨͩճ͠Ͱ͖Δê
˙ $44ઃܭख๏#&.IUUQHFUCFNDPN'-0$$4IUUQTHJUIVCDPNIJMPLJGMPDTT4."$$4IUUQTTNBDTTDPN˙ ελΠϧΨΠυδΣωϨʔλ,44IUUQXBSQTQJSFDPNLTT)PMPHSBNIUUQTUSVMJBHJUIVCJPIPMPHSBNBJHJT IUUQTQYHSJEHJUIVCJPBJHJTࢀߟ
&OKPZ$44&/%