$ gem install middleman $ middleman init my-project $ middleman server $ middleman build w ๛ͳϔϧύʔϝιου w 3BJMTͱಉ͡ͷ͕΄΅༻Մೳ w ࠷ॳ͔ΒϏϧυڥ͕͍ͯ͠ΔͷͰઈ͓खܰ w ֤छϝλݴޠͷίϯύΠϧ w -JWF3FMPBE w "TTFU1JQFMJOF +4
$44ͷ݁߹ϛχϑΝΠԽ
w ϓϩμΫτͷXFCϑϩϯτΤϯυ։ൃͱ͍͏ΑΓ ϓϩτλΠϐϯάڥͱͯ͠׆༻ w 6*ݕূͷͨΊͷϞοΫΞοϓ w σϞ༻ w ͜Ε͕͔͋ͬͨΒࠓͷ͕͍ࣗΔͱݴͬͯաݴͰ ͳ͍ w "MU+4
"MU$44ͰίʔσΟϯά͠ɺϩʔΧϧαʔόͰಈ࡞֬ೝ͢Δ ͱ͍͏։ൃϑϩʔΛҰ௨Γମײ͢Δ͜ͱ͕ग़དྷͨ 6TFDBTF
w 5ZQF4DSJQUΛϝΠϯͰ͍ͨ͘ͳͬͨ w .JEEMFNBOͷΤίγεςϜͰ54ΛίϯύΠϧग़དྷͳ͍ w (SVOU্Ͱ54ίϯύΠϧ.JEEMFNBO࣮ߦ͢ΔڥΛߏங w ྑ͘ѱ͘ग़དྷΔ͜ͱ͕ܾ·͍ͬͯΔͨΊɺ͔ͦ͜ΒΈग़͠ ͨ͜ͱΛ͠Α͏ͱ͢Δͱ్ʹϋοΫ·͕͍ͷ͜ͱΛ͢Δඞཁ͕ ͋Δ ଔۀͷ͖͔͚ͬ
w ϓϥάΠϯ /PEFϞδϡʔϧ ͕๛ w ͦΕΒΛΈ߹Θͤͯཁ݅ʹదͨ͠ϏϧυڥΛߏங w ֤छϝλݴޠ 5ZQF4DSJQU4$44+BEFʜ ͷίϯύΠϧ w ϩʔΧϧαʔόͷىಈ w -JWF3FMPBE w +4
$44ͷ݁߹ϛχϑΝΠԽ w FUDʜ w gruntfile.jsʹϋογϡܗࣜͰλεΫΛఆٛ w ˞$P⒎FF4DSJQUͰهड़Մೳ
w +BWB4DSJQUϑϨʔϜϫʔΫΛ৽ w "OHVMBS$ZDMFKTͱ͍ͬͨΑΓϞμϯͳ'8Λݕূ w ˞࠷ऴతʹ$ZDMFKTΛ࠾༻ w CSPXTFSJGZΛಋೖ w +4ͷϞδϡʔϧؒͷґଘղܾϑΝΠϧ݁߹ͷͨΊʹඞཁ w Ϗϧυ࣌ؒॖͷͨΊʹXBUDIJGZซͤͯಋೖ ࠩίϯύΠϧ
w CSPXTFSJGZΛ(VMQͷ4USFBN"1*Ͱ͏ϝϦοτ͕ খ͍͞ͱஅ w WJOZMTPVSDFTUSFBNͰϥοϓͯ͠ແཧΓ4USFBN"1*্ʹͤ ͯ͋͛Δඞཁ͕͋Δ w ϏϧυͷͨΊʹґଘ͢Δ/PEFϞδϡʔϧΛݮΒ͍ͨ͠ w (VMQ্Ͱಈ͔͢Ҏ্ɺ֤छίϯύΠϥͷ(VMQϥούʔ͕ඞཁ w όʔδϣϯ61ͨ͠Βಈ͔ͳ͘ͳͬͨͱ͍͏ϦεΫ͕૿͑Δ w ˞࣮ࡍʹԿ͔ಈ͔ͳ͘ͳΔ͜ͱ͕͋ͬͨ ଔۀͷ͖͔͚ͬ
iTerm my-project > npm run build > [email protected] watch /path/to/your/project/my-project > node ./bin/build.js ⋮ w λεΫࣗମTIϑΝΠϧKTϑΝΠϧʹఆٛ w OQNTDSJQUTͦΕΒΛ࣮ߦ͢Δ͚ͩ w .shͳΒbash task.sh w jsͳΒnode task.js w $JSDMF$*ͷcircle.ymlΈ͍ͨͳΠϝʔδ w (VMQ΄ͲෳࡶͳλεΫͷఆٛʹ͔ͳ͍͕ɺ͋Δ ఔ͜Ε͚ͩͰॆΧόʔՄೳ
iTerm my-project > npm run build > [email protected] watch /path/to/your/project/my-project > node ./bin/build.js ⋮ w /PEFϞδϡʔϧؒͷґଘ͕ܹݮ w (VMQ༻ͷϥούʔϞδϡʔϧ͕ෆཁ w ΞοϓσʔτʹΑΔյ໓ͱ͍͏ϦεΫ͕ܹݮ w ࣮ߦ͕ܶతʹ্
my-project > npm run build > [email protected] watch /path/to/your/project/my-project > node ./bin/build.js ⋮ iTerm w ݱߦͷ41"։ൃͷͨΊͷج൫ w 5ZQF4DSJQU4UZMVT1VHͷίϯύΠϧ w CSPXTFSJGZͰ+4ϞδϡʔϧͷґଘؔΛղܾϑΝΠϧ݁߹ w ϑϩϯτΤϯυɾΤίγεςϜͷਐԽʹͬͯλεΫ ఆ͕ٛ؆ུԽ w +4ϑϨʔϜϫʔΫ͕దʹϞδϡʔϧԽ͞Ε͍ͯΔ w #PXFSΛΘͣͱຆͲͷ+4ϥΠϒϥϦ͕OQNܦ༝ͰΠϯε τʔϧͰ͖ΔΑ͏ʹͳͬͨ 6TFDBTF