真のコンポーネント粒度を求めて

真のコンポーネント粒度を求めて ߴ௡ށ૖!5BLB[VEP

͸͡Ίʹ w )5.- $44ॻ࣌͘ w ϒϩοΫͱ͔ίϯϙʔωϯτͱ͔ΤϨϝϯτͱ͔  ͋Δఔ౓ͷେ͖͞ͷմͷू߹ͱͯ͠ը໘Λߟ͑Δ w ͔ͦ͠͠ͷίϯϙʔωϯτͱ΍Βͷཻ౓  Ͳ͏ߟ͑Ε͹Α͍ͷ͔ʁ
w ͱ͍͏ͷΛ࿩͠·͢

ࣗݾ঺հ w ߴ௡ށ૖!5BLB[VEP w גࣜձࣾϐΫηϧάϦου w ϑϩϯτΤϯυΤϯδχΞ w 8FCσβΠφʔͷͨΊͷK2VFSZೖ໳

ίϯϙʔωϯτԽͱ͸ w ͱΓ͋͑ͣɺجຊίϯϙʔωϯτͬͯݺͿ͜ͱʹ͢Δ w ϓϩάϥϜͰ͸औΓཱͯͯಛผͳ֓೦Ͱ͸ͳ͍

$44ʹ͓͚ΔίϯϙʔωϯτԽ w ͳͥඞཁʁ w $44͸શ͕ͯάϩʔόϧ w ࣗ෼ͷॻ͍ͨηϨΫλ͕Ͳ͜ʹӨڹΛٴ΅͔͢Θ͔Βͳ͍ w Ͳ͔͜ʹॻ͔ΕͨηϨΫλ͕ࣗ෼ͷॻ͘)5.-ʹ  Ͳ͏ӨڹΛ͓Α΅͔͢Θ͔Βͳ͍
w ͳΜͰ͔஌Βͳ͍͚ͲԶͷॻ͘TQBOʹ͸શ෦NBSHJO͕͍ͭͯΔ w ஍ࠈͩʂ

$44ઃܭʹ͓͚Δ  ίϯϙʔωϯτԽͬͯͲΜͳͷʁ w ·ͣͦ͏͍͏໰୊৭ʑ͋Δ͔ΒɺͲ͏)5.- $44Λॻ͚ ͹͍͍Ͱ͔͢Ͷ͍ͬͯ͏ͷ͕$44ઃܭͱݺ͹ΕΔ΋ͷ w ͜͏͍͏ߟ͑Ͱॻ͍ͨΒ͍͍Μ͡Όͳ͍Ͱ͔͢Ͷͱ  ߟ͑ํ΍ίʔυઃܭํ๏Λ·ͱΊͨͷ͕$44ઃܭํ๏࿦ w
༗໊ͳ$44ઃܭํ๏࿦Ͱ͋Δ  00$44 #&.Λ؆୯ʹ঺հ

00$44  0CKFDU0SJFOUFE$44

0$$44ͬͯʁ w 0CKFDU0SJFOUFE$44 w ϖʔδ͸Ϩΰͷू·Γͩ w ·ͣ͸Ϩΰʢ.PEVMFʣΛ࡞Ε w ϨΰΛ૊Έ߹ΘͤͯϖʔδΛ࡞Ε w
ͦ͏͢Ε͹ࣅͨΑ͏ͳ$44ೋ౓ͱॻ͔ͳͯ͘ࡁΉͧ w ͦͨ͠Βແବ͕ແ͘ͳΔͷͰ$44ͷ༰ྔΊͪΌͪ͘Ό΁Δͧ

ϕʔεͱεΩϯ w όϦΤʔγϣϯͷ͋Δ6*ʹ͸ϕʔεͱεΩϯͷ֓೦Λ࢖͑ w ΦϒδΣΫτࢦ޲ϓϩάϥϛϯάͷ  ܧঝΛώϯτʹͯ͠Δͧ

#PPUTUSBQͷྫ

#MPDL&MFNFOU

.PEJpFS w ϖʔδ͸#MPDLͷू·Γ w ϒϩοΫ͸&MFNFOUͷू·Γ w มԽͷόϦΤʔγϣϯ͸.PEJpFS

<section class="column"> <h3 class="column__head">About BEM</h3> <div class="column__body"> <p class="column__p">The quick
brown...</p> <p class="column__p">The quick brown...</p> </div> </section> .column { ... } .column__head { ... } .column__body { ... } .column__p { ... }

͜͏ͯ͠$44ઃܭʹ͸ ฏ࿨͕๚Εͨ w ΈΜͳͰίϯϙʔωϯτԽͷํ๏ڞ༗Ͱ͖ͯϋοϐʔͩͶ w ΋͸΍#&.ͱ͔σϑΝΫτελϯμʔυͱ΋ݴ͑Δ΄Ͳ ʹྲྀߦͬͨ͠Ͷ w ͔͠͠

ফ͑ͳ͍೰Έ w ίϯϙʔωϯτͷ໊લ w ίϯϙʔωϯτͷཻ౓ w Զͷߟ͑Δ#MPDL͸͜͏ͳΜ͚ͩͲ  ͍͋ͭͷߟ͑Δ#MPDL͸͜͏ͳΜͩΑͳʙ

ίϯϙʔωϯτͷ໊લ column? introBlock? w Ͳ͜·Ͱ۩ମతʗந৅తͳ໊લʹ͢Δͷ͔

ίϯϙʔωϯτͷཻ౓ w ͜Ε͸&MFNFOUʹ͢Δͷ͔ʁ#MPDLʹ͢Δͷ͔ʁ w ͦͷDPMVNOɺDPMVNOͱQBSBHSBQI͡Όͳ͍ͷʁ

ߟ͑ํͷώϯτ w"UPNJD%FTJHO w&OEVSJOH$44

"UPNJD%FTJHO

ͦΕ͸Կʁ w #SBE'SPTUஶ w ͦ΋ͦ΋·ͣϖʔδΛ࡞͍ͬͯΔͱ͍͏ೝࣝΛվΊΔඞཁ͕͋Δ w σβΠϯγεςϜΛ࡞ΓɺϖʔδΛ࡞Δͱ͍͏ྲྀΕ w σβΠϯγεςϜΛҙࣝ͠ɺӡ༻͢Δ͜ͱͰ৭ʑϋοϐʔʹͳΔ w
ͳΜͱͯ͠Ͱ΋σβΠϯγεςϜΛ࡞Δ΂͠ w σβΠϯγεςϜ͸ྑ͍ͧɺ͜͏͋Δ΂͖ߟ͑ํͩͧ w ͱ͍͏Α͏ͳઃܭํ๏࿦ʹ͍ͭͯॻ͔Εͨ΋ͷ

"UPNJD%FTJHOͷڭ͑ w ࡉ෦͔Β࢝ΊͯશମΛߟ͑ɺͦͯ͠·ͨࡉ෦Λݟ௚ͤ w ͦ͏΍ͬͯσβΠϯγεςϜΛ࡞Δ w σβΠϯͷϝϯλϧϞσϧͷ࿩ w શߦఔͷڞ௨ݴޠͱͳΔίϯϙʔωϯτͷηοτΛ࡞Δ w
σβΠϯͷҰ؏ੑΛอͯ

Ͳ͏΍ͬͯͦΕΛ࣮ݱ͢Δʁ w ΫϥΠΞϯτΛઆಘͤΑ w ͦ͏͍͏ྲྀΕ͕ϕετͰ͋Δͱ͍͏͜ͱΛೲಘͤ͞Α w ۩ମతʹ͸͜͏͍͏ϦχϡʔΞϧͷఏҊํ๏͕͋Δͧ w ͦ΋ͦ΋ϫʔΫϑϩʔ͕޻ఔ͝ͱʹ  அઈ͞Εͨ΢Υʔλʔϑϩʔͩͱແཧͩ
w ͱ͍͏Α͏ͳ࿩͕৭ʑॻ͍ͯ͋Δ

͜Ε͸$44ઃܭํ๏࿦ʁ w /0ɻϫʔΫϑϩʔ΍ମ੍΋ؚΊͨ޿͍είʔϓͷߟ͑ w $44ઃܭʹ͓͍ͯ·ͰͦΕΛ  ؏ప͢΂͠ͱ͍͏͜ͱͰ͸ͳ͍ w σβΠϯγεςϜͷॏཁ͞ͱ  ͦΕΛ࣮ݱ͢ΔͨΊͷํ๏Λղઆͨ͠΋ͷ w
σβΠϯγεςϜ࣮ݱͷՁ஋͸ߴ͍͕  ҡ࣋ͱӡ༻͸େมͰ͋Δ͜ͱ΋ॻ͔Ε͍ͯΔ

"UPNJD%FTJHO  ΛಡΜͰ͜͏ࢥͬͨ w Զ͕ߟ͑Δίϯϙʔωϯτ͸͜Εɺ  ͓લ͕ߟ͑Δίϯϙʔωϯτ͸͜Ε w ͦͷࠩΛຒΊΔʹ͸ɺ·ͣϫʔΫϑϩʔͱͯͦ͠͏͍͏ί ϯϙʔωϯτΛڞ௨ݴޠͱ͢ΔΑ͏ͳମ੍͕ඞཁ w ͍͘Β)5.-
$44ͷஈ֊Ͱؤுͬͯ6*Λ੔ཧͨͬͯ͠׬શ ͳίϯϙʔωϯτͷηοτΛ࡞Γ্͛Δͷ͸ແཧͩ w ͳͥͳΒͦΕΑΓલͷஈ֊Ͱͦ͏ߟ͑ΒΕ͍ͯͳ͍͔Β

"UPNJD%FTJHOతΞϓϩʔν ΛऔΓೖΕΔ΂͖͔ʁ w ͦΕ͸࣮ݱՄೳ͔  ӡ༻͢Δମ੍͸͋Δ͔  ੍࡞ͷϑϩʔʹཱͪೖΔ͜ͱ͸Մೳ͔ w ͦΕ͸ඞཁ͔  )5.- $44ͷϨΠϠʔʹ͓͍ͯ΋పఈ͢Δ͔ 
εϐʔσΟʔʹಉछͷϖʔδΛల։͢Δඞཁ͕͋Δ͔ w ཧ૝Ͱ͸͋Δ͕ৗʹՄೳͳΘ͚Ͱ͸ͳ͍

&OEVSJOH$44 &$44

ͦΕ͸Կʁ w #FO'SBJOஶ w ௕͘ӡ༻Ͱ͖Δ͜ͱʹॏ͖Λ͓͍ͨ$44ઃܭํ๏࿦ w جຊ͸#&.ͷΑ͏ʹը໘Λߏ੒͢ΔίϯϙʔωϯτΛ  ෼͚ͯߟ͑Δ w ίϯϙʔωϯτͷந৅ԽΛආ͚Δ
w ෼཭͠ɺ͍ͭͰ΋ࣺͯΒΕΔ͜ͱΛॏཁͱߟ͑Δ

͜͜Ͱݴ͏ந৅Խͱ͸ w ؆୯ʹݴ͏ͱɺ0$444తͳΞϓϩʔνͷ͜ͱ w ͭͷ)5.- $44తίϯϙʔωϯτΛ  ଟ༷ͳίϯςΩετͷ΋ͱͰ࢖͏Α͏ઃܭ͢Δ͜ͱ

ந৅ԽΛආ͚Δͱ͸ w ࣅͨΑ͏ͳ6*ύʔπ͕ొ৔ͯ͠΋  ผͷػೳͷதͰ࢖ΘΕΔͷͰ͋Ε͹ͦΕ͸ผ෺ w ಉ͡Α͏ͳݟӫ͑Ͱ΋ͦΕͧΕͷ  ίϯϙʔωϯτ಺ʹ$44Λॻ͘ʢྫϘλϯʣ w ؆୯ʹݴ͑͹ɺػೳຖͷ·ͱ·ΓͰ  େ͖ΊʹίϯϙʔωϯτΛ੾Δ

෼཭ʹॏ͖Λஔ͘ w ͳʹͦΕඇޮ཰͡Όͳ͍ʁ w ͍΍ɺͳΜͰ΋͔ΜͰ΋࢖͍·Θͦ͏ͱ͢Δ͔Βഁ୼͢Δͷͩ w ແݶʹϞσΟϑΝΠΞ͕૿͑ΔͩΖ͏ w Ұ౓ॻ͍ͨ$44͸ೋ౓ͱมߋ͢Δ͜ͱ͕Ͱ͖ͳ͍ͩΖ͏ w
ಉ͡$44Λίϐϖͨ͠ͱ͜ΖͰH[JQ͢ΓΌେͯ͠༰ྔมΘΒΜ w ػೳ͝ͱ$44͕·ͱ·͍ͬͯͨΒɺͦͷػೳ͕ͳ͘ͳͬͨ࣌ɺ֘౰Օॴͷ ίʔυΛ·Δ͝ͱࣺͯΔ͜ͱ͕Ͱ͖Δ w ٯʹݴ͑͹ɺ͜ͷΑ͏ʹ͠ͳ͚Ε͹$44͸ೋ౓ͱফ͢͜ͱ͕Ͱ͖ͳ͍

໊લۭؒ

w ը૾΍+BWB4DSJQUͳͲͷΞηοτ΋໊લۭؒ͝ͱʹ·ͱΊΔ /* ڞ௨ common modules */ .cmn-Header { ...
} .cmn-Footer { ... } .cmn-SideAd { ... } /* τοϓϖʔδ topPage modules */ .tp-MainVisual { ... } .tp-Carousel { ... } .tp-NewsList { ... } /* ঎඼ৄࡉ productDetail modules */ .pd-ItemDescription { ... } .pd-ItemMainPhoto { ... } .pd-Carousel { ... } /* γϣοϐϯάΧʔτ shoppingCart modules */ .sc-ItemList { ... } .sc-UserInfo { ... }

w ࣗ෼͸ಉ͡ˍࣅͨݟӫ͑ͷ6*ΛಉҰͷίϯϙʔωϯτͱ͠ ͯ·ͱΊ͋͛Δ͜ͱ͕ৗʹϕετͰ͋Δͱߟ͍͑ͯͨ w ͔ͦ͠͠Ε͸Ұͭͷઃܭͷܗʹա͗ͳ͔ͬͨ w ୭͕ͲͷΑ͏ʹӡ༻͍͔ͯ͘͠ʹΑΓ࠷దͳઃܭ͸ҟͳΔ w ٻΊΔ΋ͷʹΑΓऔΔ΂͖$44ઃܭͷํ๏͸ҟͳͬͨ &$44ΛಡΜͰ͜͏ࢥͬͨ

݁ہͲ͏ઃܭ͢Ε͹  ྑ͍ͷͩΖ͏͔ w ந৅౓ͷߴ͍"UPNJD%FTJHOɺந৅ԽΛආ͚Δ&$44  ݱ࣮తʹ࡞ΕΔͷ͸ͦͷڱؒͷ)5.-ςϯϓϨʔτ w σβΠϯΧϯϓͱ)5.- $44ͷίʔυͷ౎߹͚ͩͰ͸  ࠷దͳઃܭʹͨͲΓண͚ͳ͍ w
)5.- $44ͷલ޻ఔʗޙ޻ఔΛߟ͑Δͱ  ྑ͍ͷͰ͸ͳ͍͔ w Ͳ͏͍͏ཁ݅ͷݩʹ)5.-ςϯϓϨΛ࡞Δ΂͖͔  पΓΛݟΔ

Α͋͘Δ8:4*8:( w ϒϥ΢β্ͰϦονςΩετΤσΟλͰ͖Δ΍ͭ

<p class="wysiwyg__p">The quick brown fox jumps over the lazy dog.</p>
<ul class="wysiwyg__ul"> <li class="wysiwyg__li">one</li> <li class="wysiwyg__li">two</li> <li class="wysiwyg__li">three</li> </ul> #&.తʹຊ౰͸͜͏͍ͨ͠ .wysiwyg__p { margin: 0 0 1.5em; } .wysiwyg__ul { margin: 0 0 1.5em; } .wysiwyg__li { margin: 0 0 0.5em; }

Ͱ΋͜͏͢Δ͔͠ͳ͍ <div class="wysiwyg"> <p>The quick brown fox jumps over the
lazy dog.</p> <ul> <li>one</li> <li>two</li> <li>three</li> </ul> </div> .wysiwyg p { margin: 0 0 1.5em; } .wysiwyg ul { margin: 0 0 1.5em; } .wysiwyg li { margin: 0 0 0.5em; }

w #&.ϧʔϧʹै͍ͬͯͯ΋  ͜ͷ෦෼ʹ͍ͭͯ͸ఘΊΔඞཁ͕͋Δ w #&.ͷΑ͏ͳଞॴʹӨڹ͠ͳ͍Α͏  ഑ྀͨ͠$44ઃܭ͕ඞཁͱ͞ΕΔ w 8:4*8:(ͷ࢓૊ΈࣗମΛม͑Ε͹  ࣮ݱ͸ෆՄೳͰ͸ͳ͍͕ʜ w
)5.-ςϯϓϨޙͷ૊ΈࠐΈʹ  ߹Θͤͨ$44ઃܭ͕ඞཁͱݴ͑Δ

੍࡞νʔϜ෼཭ύλʔϯ w ҰͭͷαΠτΛෳ਺ͷνʔϜ͕ӡ༻͢Δ w ελΠϧͷڝ߹ɺίϯϙʔωϯτײڞ༗ͷ೉͠͞

w &$44Λ࠾༻ w ϔομɾϑολ͚ͩڞ௨ͰHMPCBM໊લۭؒ  ଞͷίϯϙʔωϯτʹ͍ͭͯ͸֤ʑʹ໊લۭؒΛ༻ҙ

w ӡ༻Λߟྀͨ͠$44ઃܭ w ෳ਺νʔϜͰ͏·͘ӡ༻Ͱ͖ͳ͍ͱ͍͏ͷ͕՝୊ͩͬͨ w ׬શʹ෼͚ͯ͠·͏͜ͱͰղܾ w શମͱͯ͠ίϯϙʔωϯτΛ੔ཧ͢Δͱ͍͏  Ξϓϩʔν΋΋ͪΖΜ͋Γ͑Δ

$.4ಋೖͨ͠࿩ w ίϯαϧ͔Β$.4૊ΈࠐΈ·ͰϫϯετοϓͰ੥ෛ w ઃܭʙσβΠϯʙίʔσΟϯάʙ$.4ಋೖ w ίʔϙϨʔταΠτΛ਺ଟ੍͘࡞ w "UPNJD%FTJHOతͳΞϓϩʔν

w ༻ҙͨ͠ςϯϓϨʔτͷத͔ΒҰͭΛબͿ

w ͦͷͳ͔ʹ༻ҙͨ͠ίϯϙʔωϯτΛੵΜͰϖʔδΛ࡞Δ

w $44ઃܭํ๏࿦ͱͯ͠͸#&.తͳ΋ͷ࠾༻ w $44ઃܭʹ͓͚Δίϯϙʔωϯτཻ౓͸  ֓Ͷ$.4ʹ૊ΈࠐΉύʔπ୯ҐͰ౷Ұ w ϫϯετοϓͰઃܭ͔Β૊ΈࠐΈ·Ͱ΍͍ͬͯͨͷͰ  ޻ఔؒͷίϛϡχέʔγϣϯ͕εϜʔζͩͬͨ w ͋·Γʹϧʔϧ͔Β֎Εͨίϯϙʔωϯτ͸ 
ͦ΋ͦ΋ϫΠϠʔϑϨʔϜஈ֊Ͱઃܭʹ૊Έࠐ·Εͳ͍ w ա౓ʹෳࡶʹͯ͠΋$.4ʹ૊ΈࠐΊͳ͘ͳΔ w ཱ֬͞Εͨઃܭͷϑϩʔʹదͨ͠΍Γํͩͬͨʢࠓࢥ͏ͱʣ

ෳࡶա͗ͨ$.4ઃܭͷ࿩ w ͦͷϓϩδΣΫτ͸୺తʹ͍͏ͱ  ͳΜͰ΋Ͱ͖Δເͷ$.4։ൃϓϩδΣΫτͩͬͨ w Ϣʔβʔ͸෦඼ΛੵΜͰϖʔδΛ࡞ΕΔ w ༻ҙ͞ΕͨςʔϚΛ͔͑Δͱݟӫ͑΋มΘΔ w ෦඼͸ςʔϚ͝ͱʹผͷ)5.-Λ࣋ͭ 
Ϋϥε͕มΘΔ͚ͩͰແ͘)5.-͝ͱม͑ΒΕΔ w ෦඼ͷ)5.-͸ςϯϓϨʔτΤϯδϯͰ؅ཧɺ  جຊతͳػೳ͸ҡ࣋ͭͭ͠޷͖ʹཁૉͷ૿ݮΛߦ͑Δ

w ςʔϚͷઃܭʹ͸࣭ૉͰ࠷খݶͷςʔϚͰ͋Δ  ʮϕʔεςʔϚʯΛ౔୆ͱ͢Δ w ϕʔεςʔϚͰ༻ҙͨ͠ηϨΫλΛ4BTTͷ  FYUFOE΍NYJOͰల։͞ΕͨςʔϚͷ)5.-΁ద༻ w ςʔϚ੡࡞ऀ͸جຊతͳελΠϧΛϕʔεςʔϚ͔Βܧঝ ͠ͳ͕Βɺ޷͖ʹ෦඼֦ுͰ͖Δ

w ݁Ռɺ͏·͍͔͘ͳ͔ͬͨ w ཁ๬ʹΑΓෳࡶ͗͢Δ෦඼͕ଟ਺ొ৔ͯ͠͠·ͬͨ w ςʔϚߏஙͷͨΊͷ$44ઃܭ͕ෳࡶʹͳΓ͗ͨͨ͢Ίɺ  ςʔϚͷల։΋೉͔ͬͨ͠ w ޻ఔؒͷίϛϡχέʔγϣϯ΋ີʹߦ͑Δ؀ڥͰແ͔ͬͨ w
$44Ͱந৅ԽΛಥ͖٧ΊΔͱӡ༻ෛՙ͕ߴ͍ w "UPNJD%FTJHOతͳΞϓϩʔνͷ೉͠͞Λײͤ͡͞ΔҊ ݅

41"ͳ8FCΞϓϦͷ࿩ w چόʔδϣϯʢ"OHVMBS+4ܥʣΛ೥΄Ͳӡ༻  ˠ৽όʔδϣϯʢ"OHVMBSܥʣͰ࡞Γ௚ͨ͠ w ΤϯλʔϓϥΠζͳ8FCΞϓϦ w "1*͔Βऔಘͨ͠σʔλͰϖʔδΛߏங w #&.ˠ"OHVMBSͷ$PNQPOFOU4UZMFTʢTDPQFEͳ$44ʣ

<my-app></my-app> @Component({ selector: 'my-app', template: ` <div> <h2>Hello {{name}}</h2> </div>
`, styleUrls: ['my-component-styles.css'] }) h2 { border: 2px solid red; }

چઃܭͰى͍ͬͯͨ͜໰୊ w ൚༻తʹ࢖͑Δࡉʑͱͨ͠6*ύʔπΛ  ϒϩοΫͱͯ͠ߟ͑ɺ$44ઃܭ w ͦͷ૊Έ߹ΘͤͰ"OHVMBS+4ʹ૊ΈࠐΉ  )5.-ςϯϓϨʔτΛ࡞੒ w )5.-ςϯϓϨʔτΛ"OHVMBS+4ͷEJSFDUJWFɺ  DPOUSPMMFSͱ͍ͬͨίϯϙʔωϯτԽͷ࢓૊ΈͰ؅ཧ
w ίϯϙʔωϯτͷ)5.-͸ࡉ੾ΕʹஅยԽ͞Εͨ΋ͷ  $44͸શମͰҰͭʹ·ͱΊ͍ͯͨ

w ͱ͋ΔίϯϙʔωϯτΛฤू͢Δࡍɺͦͷ)5.-͸ෳ਺ͷ#&. తϒϩοΫͷू߹Ͱ੒Γཱ͍ͬͯΔ w ͦͷ$44తίϯϙʔωϯτײΛ೺Ѳ͢Δͷ͕೉͍͠  ʢಛʹνʔϜͰͷ࡞ۀʹ͓͍ͯʣ w $44Λ͍͡ΔͱͲ͔͜ҧ͏ՕॴͰ่Ε͕ൃੜ͢ΔՄೳੑ͕͋Δ w طଘͷηϨΫλ͸ͳΔ΂͘มߋΛආ͚ɺ 
৽͍͠ΫϥεΛ௥Ճͯ͠ରԠΛجຊͱ͢Δํ਑΁

w ৽όʔδϣϯ͸جຊɺ&$44తͳߟ͑ํʹͨ͠ w "OHVMBSͰͲͷΑ͏ʹίϯϙʔωϯτΛ੾Δ͔Λ  ઌʹܾఆɻ$PNQPOFOU4UZMFTͰɺίϯϙʔωϯτ಺͚ͩͰ $44Λ׬݁ͤ͞Δ w ࣅͨΑ͏ͳ6*͕ొ৔ͯ͠΋"OHVMBSతͳίϯϙʔωϯτͱͯ͠ ผ෺Ͱ͋Ε͹ɺผʹ$44Λॻ͘ w
ޙͷมߋ΍मਖ਼࣌ʹӨڹൣғ͕೺ѲͰ͖ͯอकੑ޲্

ཁ͢ΔʹͲ͏ઃܭ͢Ε͹  Α͍ͱ͍͏ͷ͔ w େ఍ͷ৔߹ɺ)5.- $44Λॻ͍ͯͦΕͰऴΘΓͰ͸ͳ͍ w ͦͷޙʹ$.4ʹ૊ΈࠐΜͩΓɺख࡞ۀͰ੩తϖʔδΛ࡞ͬ ͨΓɺ&$ͷύοέʔδʹ૊ΈࠐΜͩΓʜ w લ޻ఔˠ)5.-
$44ίʔσΟϯά  ͷΧϯϓ΍ઃܭ֓೦ͷڞ༗۩߹΋͞·͟· w ϫʔΫϑϩʔ΍ཁ݅ʹԠ͡ɺ  ద͢Δ$44ઃܭΛߦ͏ͷ͕ྑ͍ͷͰ͸ͳ͍͔

࠷ޙʹ w 4PMWFZPVSPXOQSPCMFNT &$44 w $44ઃܭ͸σβΠϯΧϯϓͱ  ίʔυΛோΊ͍ͯͯ΋ղܾ͠ͳ͍ w શମͷྲྀΕͷதͰ$44ઃܭɺίϯϙʔωϯτཻ౓ 
ΛͲ͏͢΂͖͔Λߟ͑Δ

0CKFDU0SJFOUFE$44 IUUQTXXXTMJEFTIBSFOFUTUVCCPSOFMMBPCKFDUPSJFOUFEDTT #PPUTUSBQ$PNQPOFOUT IUUQHFUCPPUTUSBQDPNDPNQPOFOUT #&. IUUQTFOCFNJOGP "UPNJD%FTJHO IUUQBUPNJDEFTJHOCSBEGSPTUDPN &OEVSJOH$44 IUUQFDTTJP

真のコンポーネント粒度を求めて

真のコンポーネント粒度を求めて

More Decks by Takeshi Takatsudo

Other Decks in Programming

Featured

Transcript