2023/6/15 に発表したフロントエンドのDXと今後についての発表です。
ϑϩϯτΤϯυͷDXͱࠓޙ6/15 @ Developer Experience Day 2023
View Slide
Twitter: @yosuke_furukawaGithub: yosuke-furukawa
ٕज़ސΛ͍ࣾͯ͠Δ• ϦΞʔΩςΫτʹ͍ͭͯͷ• ςετͷΓํͷ• ίʔυϨϏϡʔͷΓํʹ͍ͭͯ• ΞϓϦͷύϑΥʔϚϯεΛ্͍͚͛ͨͲ...
ٕज़ސΛ͍ࣾͯ͠Δ• ϦΞʔΩςΫτʹ͍ͭͯͷ• ςετͷΓํͷ• ίʔυϨϏϡʔͷΓํʹ͍ͭͯ• ΞϓϦͷύϑΥʔϚϯεΛ্͍͚͛ͨͲ...Γ͍ͨ։ൃ͕Ͱ͖͍ͯͳ͍
ݪҼ༷ʑ• ϝϯόʔͷशख़͕Γͳ͍• ϓϩδΣΫτͷ͕࣌ؒΓͳ͍• ඇػೳཁ݅ͷॏཁੑΛཧղͯ͠Β͑ͳ͍• աڈͷ։ൃϓϩηε͔Βൈ͚ग़ͤͳ͍
ͳΜͰ "ͦΕ" ͕͍ͨ͠ͷʁ• ։ൃͷੜ࢈ੑΛ্͍͛ͨ• ͨͩ͜ͷੜ࢈ੑͱ͍͏ݴ༿ࣗମ͕ଟ༷ͳҙຯΛؚΜͰ͍Δ• ͕࣌ؒ࣠ଘࡏ͍ͯͯ͠ɺͦ͜ΛͲ͏Δ͔ʹΑͬͯมΘΔ
։ൃͷੜ࢈ੑΛ্͍͛ͨ• ্͛ͯͲ͏͍ͨ͠ʁ• ͬͱΞτϓοτͯ͠ΞτΧϜΛՔ͍͗ͨ• Ծઆ => ݕূͷϓϩηεΛԿճ͍ͨ͠• ଞʹʁ• Ϟμϯͳ։ൃΛֶͿ͜ͱͰٕज़ऀͱֶͯ͠ͼΛಘ͍ͨ• ΠέͯΔϑϨʔϜϫʔΫʹ͢Δ͜ͱͰٕज़ϓϨθϯεΛ্͛ͯ࠾༻ʹߩݙ͍ͨ͠
։ൃͷੜ࢈ੑΛ্͍͛ͨ• ্͛ͯͲ͏͍ͨ͠ʁ• ͬͱΞτϓοτͯ͠ΞτΧϜΛՔ͍͗ͨ• Ծઆ => ݕূͷϓϩηεΛԿճ͍ͨ͠• ଞʹʁ• Ϟμϯͳ։ൃΛֶͿ͜ͱͰٕज़ऀͱֶͯ͠ͼΛಘ͍ͨ• ΠέͯΔϑϨʔϜϫʔΫʹ͢Δ͜ͱͰٕज़ϓϨθϯεΛ্͛ͯ࠾༻ʹߩݙ͍ͨ͠۩ମతͳՁΛఏڙ͍ͨ͋͠Δ͖࢟ʹ͍ͨ͠
ՁΛఏڙ͢Δ͜ͱΛ value͔ΒདྷΔͱ͍͏ҙຯͰ validͳঢ়ଶΛࢦ͢
ਖ਼͋͘͠Δ͖࢟ʹ͢Δ͜ͱ very ͔Β͖͓ͯΓɺverified ͳঢ়ଶΛࢦ͢
Ձͷఏڙͱ͋Δ͖࢟ͷٻ• ͜ΕΒͲͪΒ͔͕͚͍ܽͯͯɺͲͪΒୡ͍ͯ͘͠ඞཁ͕͋Δ• ͪΖΜϏδωεͱ͍͏ҙຯͰՁͷఏڙͷํʹॏ͕ஔ͔ΕΔ• ҰํͰ͋Δ͖࢟Ͱͳ͍ͱঃʑʹͷͮ͘Γ͔Βݱͷϝϯόʔ͕Εͯߦͬͯ͠·͏
͜ͷόϥϯεΛͲ͏อ͔ͭͬͺΓ͍͠
2ͭͷΞϓϩʔνͰղܾ͍͖͍ͯͨ͠
1. ϘτϜΞοϓ
ϘτϜΞοϓͷΞϓϩʔν• ݱͷϨϕϧͰݟΛͨΊ্͍ͯ͛ͯ͘• ษڧձͩͬͨΓϋοΧιϯͩͬͨΓ༗ޮ• ڭ͑ͯ͘ΕΔਓΛั·͑ͯڭ͑ͯ͏ํ๏͋Δ
2. τοϓμϯ
τοϓμϯͷΞϓϩʔν• ࢦͱͳΔͷΛܾΊ͔ͯͦ͜Β͓Ζ͍͖͍ͯͨ͠• ϑϩϯτΤϯυͷઃܭʹࢦΛͨͤΒΕ͍ͯͳ͍͔Βํ͕ϒϨΔ• ઃܭͦͷͷΞϓϦέʔγϣϯಛੑʹدͬͯมΘΔ͕ɺઃܭΛ͢ΔͨΊͷํͳΒ͋ΔఔدͤूΊͨݟΛݩʹ࡞ΕͰ͖ΔͷͰͳ͍͔ɾɾɾʁ• ϑϩϯτΤϯυͷࢦΛ࡞Εͳ͍͔ɾɾɾʁ
ͦΜͳંʹग़ձͬͨͷ͕ͪ͜ΒDX CriteriaͱͻΖ͖͍ͩͪͱͷύωϧτʔΫ
ύωϧτʔΫ• ϑϩϯτΤϯυͷ৫ͷ(postdev)https://blog.nijibox.jp/article/postdev1/
͜͜Ͱͷ͠߹͍ͷ༰• ըҰతͳΞϓϩʔνͰͳ͘ɺͦͷͦͷʹԠͨ͡Ξϓϩʔν͕औΕΔ৫͕ͦ͜ڧ͍৫• ڧ͍৫ʹͳͬͯ։ൃΛ͢Δࡍͷώϯτͱͯ͠DX Criteria ͷΑ͏ͳࢦΛ༻ҙ͍ͨ͠• Ͱ͖ΕϑϩϯτΤϯυʹಛԽͨ͠ DX Criteriaͱ͔Λݕ౼ͯ͠Έ͍ͨ
͜͜Ͱͷ͠߹͍ͷ༰• ըҰతͳΞϓϩʔνͰͳ͘ɺͦͷͦͷʹԠͨ͡Ξϓϩʔν͕औΕΔ৫͕ͦ͜ڧ͍৫• ڧ͍৫ʹͳͬͯ։ൃΛ͢Δࡍͷώϯτͱͯ͠DX Criteria ͷΑ͏ͳࢦΛ༻ҙ͍ͨ͠• Ͱ͖ΕϑϩϯτΤϯυʹಛԽͨ͠ DX Criteriaͱ͔Λݕ౼ͯ͠Έ͍ͨ͡Ό͋ͬͯΈΕ͍͍Μ͡Όͳ͍Ͱ͔͢ʁ
ͱͷ͜ͱͰ
ຊ:ϑϩϯτΤϯυʹ͓͚ΔDX Criteria Λ࡞ͬͨ࡞Ζ͏ͱ͍ͯ͠Δ
ϑϩϯτΤϯυ൛DX Criteria• ຊՈ DX Criteria ߴͳԾઆݕূΛճͯ͠৫ͷૉૣ͍ݕূͱࣦഊͱֶͼΛ࠷େԽ͠Α͏ͱ͢ΔͨΊͷํͰ࡞ΒΕౕͨ• ͦͷΤοηϯε෦ͭͭ͠ɺϑϩϯτΤϯυྖҬʹಛԽ͢Δ• ຊՈձࣾͷଟ͍͕ɺϑϩϯτΤϯυͱ͍͏ྖҬʹด͡ΔͷͰɺձࣾͷগͳΊ• ҰํͰσβΠϯͱͷڠۀؔ࿈෦ॺͱͷଟΊ
ϑϩϯτΤϯυ൛ DX Criteria• ࡞ऀ• yosuke_furukawa• ahomu• ϨϏϡʔ• hirokidaichi
ϑϩϯτΤϯυ൛ DX Criteria• ओཁ5߲• ։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ• ՁͷσϦόϦʔΛߦ͏ϓϩηε• γεςϜɾΞϓϦέʔγϣϯӡ༻ʢΞʔΩςΫνϟʣ• νʔϜϏϧσΟϯά
ͪͳΈʹ·ͩຏ͖ࠐΈதͰ͢ʂʂʂ
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• ੜ࢈ੑΛ্͛ΔͨΊʹٕज़໘ͰϥΠϒϥϦπʔϧΛͬͯରॲ͢Δ• ͨͩٯʹ͜ΕΓա͗ҙ• ΫϥΠΞϯταΠυͷར༻ڥɺUIͷϕετϓϥΫςΟεͷมԽɺϥΠϒϥϦͷΞοϓσʔτͳͲɺͱʹ͔͘มߋमਖ਼͕ଟ͍ՕॴͰ͋Γɺͦ͜ʹରͯ͠Ͳ͏औΓΉ͔ͱ͍͏ςʔϚ
ྫΛڍ͛Δ
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• ੩తݕࠪͱܕ͚• Linter, formatter, editor, Ռͯ TypeScript ͰͬͯΔ͔ɺɺɺͳͲɻ• TSΛ࠷ॳ͔Βج४ʹೖΕΔ͔໎͕ͬͨɺ͏ຆͲͷ։ൃऀ͕͍ͬͯΔͷͱͯ͠બఆ• ։ൃͷπʔϧΛ͏ͷྑ͍͕ɺৼΓճ͞Εͳ͍Α͏ʹ͍ͨ͠ΑͶɺͱ͍͏ࢥ͍ΛࠐΊ͍ͯΔɻ
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• ੩తݕࠪͱܕ͚• ʢֶशͱվળʣ੩తܕ͚ݴޠίʔυϑΥʔϚολʔΛ༻͍ͯίʔυϕʔεͷಡΈ͢͞ͱอकੑΛ্͍ͤͯ͞Δ͔• ʢϝτϦΫεʣόΫͷൃੜɺίʔυϨϏϡʔͷ࣌ؒͳͲͷϝτϦΫεΛऔಘ͠ɺ׆༻͍ͯ͠Δ͔• ʢϓϥΫςΟεʣܕใΛAPIϨϕϧͰڞ༗͢ΔͨΊͷπʔϧΛ׆༻͍ͯ͠Δ͔• ʢΞϯνύλʔϯʣ ੩తܕ੍Λదʹ༻ͯ͠ɺະવʹόάΛ͙͜ͱΛ༏ઌ͍ͯ͠Δ͔ɺ͋Δ͍ܕ੍Λແࢹͯ͠ਐḿΛٸ͙͕ͳ͍͔
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• πʔϧνΣΠϯͱ։ൃޮ• πʔϧʹΑΔޮੑͷΞοϓ͕Ͳ͜·ͰͰ͖͍ͯΔ͔• ྫ͑ build πʔϧ͕͗ͨ͢Γ͠ͳ͍͔• Mock ͱ͔Λదʹͬͯ։ൃޮ্͛ͯΔ͔
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• πʔϧνΣΠϯͱ։ൃޮ• ʢֶशͱվળʣLinter, formatter ͳͲπʔϧηοτΛڞ௨Խ͍ͯ͠Δ͔• ʢϝτϦΫεʣπʔϧͷ࣮ߦ࣌ؒΛܭଌ͠ɺޮੑΛఆظతʹܭଌͰ͖͍ͯΔ͔• ʢΞϯνύλʔϯʣҰ؏ੑͷͳ͍πʔϧબఆաͳΧελϚΠζʹΑΓɺ։ൃޮ͕Լͯ͠͠·͍ͬͯͳ͍͔
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• ࣋ଓՄೳͳӡ༻ͷͨΊͷٕज़બఆ• ٕज़τϨϯυʹৼΓճ͞Ε͍ͯͳ͍͔• ΞϓϦέʔγϣϯͷಛੑཧղ͍ͯ͠Δͷ͔• ࣄۀઢͰϥΠϒϥϦϑϨʔϜϫʔΫΛબఆ͍ͯ͠Δ͔
։ൃɾӡ༻ͷੜ࢈ੑΛࢧ͑Δٕज़ελοΫ• ࣋ଓՄೳͳӡ༻ͷͨΊͷٕज़બఆ• (ֶशͱվળ) ٕज़τϨϯυΛ͠ɺ৽ͨͳπʔϧϥΠϒϥϦͷධՁΛఆظతʹߦ͍ͬͯΔ͔• ʢϝτϦΫεʣ طଘͷ༻ٕज़ͷΞοϓσʔτසɺٕज़ελοΫͷෳࡶ͞ɺηΩϡϦςΟࣄͳͲΛධՁɾվળ͍ͯ͠Δ͔• ʢΞϯνύλʔϯʣྲྀߦΓͷٕज़࠷৽ϥΠϒϥϦΛແཧʹऔΓೖΕɺٕज़ελοΫ͕աʹෳࡶԽͯ͠͠·͍ͬͯͳ͍͔
ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ
ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ• ඇػೳཁٻΛΨϯແࢹͯ͠ਐΊΔͱ݁ہग़དྷ্͕ͬͨͷ͕͍ʹ͘͘ͳΔ• ͲͷඇػೳཁٻʹͲͷఔԠ͑Δ͖ͰɺͲ͏ରॲ͢Δ͔Λఆٛͯ͠ɺݕ౼ࡐྉʹͯ͠Β͍͍ͨ• ϑϩϯτΤϯυͰݴ͑ύϑΥʔϚϯεɺΞΫηγϏϦςΟɺϝϯςφϯαϏϦςΟɺσβΠϯɺͳͲͳͲͨ͘͞Μඇػೳཁٻ͕͋Δ
ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ• ύϑΥʔϚϯε• ϨΠςϯγʔͱεϧʔϓοτͷ֓೦Λཧղ͠ɺԿ͕ԿͰ ʮLighthouse 100ͩʂʯͱ͔ʹͳ͍ͬͯͳ͍͜ͱ• దٓύϑΥʔϚϯενϡʔχϯάίϯςετͳͲͰֶΔλΠϛϯάΛ࡞ͬͯཉ͍͠• ݱঢ়ੳͱඪઃఆ͕Ͱ͖Δࡐྉ͕ἧ͍ͬͯͯ΄͍͠
ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ• ύϑΥʔϚϯε• ʢֶशͱվળʣCPUϝϞϦɺωοτϫʔΫͱݴͬͨجຊతͳ߲ʹ͍ͭͯͷϓϩϑΝΠϧΛऔΕɺݟํʹֶ͍ͭͯश͍ͯ͠Δ͔• ʢϝτϦΫεʣJavaScriptCSSɺը૾ͱ͍ͬͨ੩తΞηοτͷσʔλαΠζΛܭଌ͠ɺύϑΥʔϚϯεόδΣοτͱͯ͠༧ࢉཧ͕Ͱ͖͍ͯΔ͔• ʢΞϯνύλʔϯʣ͕ࣗͨͪ৴͍ͯ͠ΔΣϒΞϓϦέʔγϣϯ͕ͲΕ͘Β͍ͷϑΝΠϧαΠζΛ৴͍ͯ͠Δ͔ΛѲ͍ͯ͠ͳ͍• ʢΞϯνύλʔϯʣඪΛ࣋ͨͣʹܭଌ͠ɺࡍݶͳ͘νϡʔχϯάΛ͠Α͏ͱ͍ͯ͠Δ
ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ• ΞΫηγϏϦςΟ• ׂΓͱ·ͩಋೖͰ͖͍ͯΔ։ൃ͕গͳ͍ྖҬ• ಛʹ։ൃ໘Ͱπʔϧग़͖͍ͯͯΔͷͷɺຊདྷతͳҙຯͰͷΞΫηγϒϧͳΞϓϦέʔγϣϯͷ։ൃ·ͩτϥΠΞϧΛ͍ͯ͠Δ৫͕ଟ͍ͱ͍͏ҹ
ϢʔβʔମݧΛࢧ͑Δඇػೳཁٻ• ΞΫηγϏϦςΟ• ʢϝτϦΫεʣΞΫηγϏϦςΟͷ੩తղੳΛߦ͏πʔϧΛ༻͍ͯɺఆظతʹܭଌΛߦ͍ͬͯΔ͔• ʢϓϥΫςΟεʣ࣮νΣοΫϦετΛ࡞͠ɺ४ڌ͍ͯ͠Δ͜ͱΛ֬ೝ͍ͯ͠Δ͔• ࢀߟ: https://waic.jp/docs/jis2016/test-guidelines/202012/• https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook/• ʢΞϯνύλʔϯʣHTMLͷηϚϯςΟΫεΛແࢹ࣮ͨ͠ʹͳ͍ͬͯΔ• ʢΞϯνύλʔϯʣλονύουϙΠϯςΟϯάσόΠεͰͷΈ੍ޚͰ͖ΔUIʹͳͬͯ͠·͍ͬͯΔ• ʢΞϯνύλʔϯʣνΣοΫπʔϧ͚ͩʹཔΓɺςετ࣮ࢪऀʹΑΔ֬ೝ͕ߦΘΕ͍ͯͳ͍
ՁͷσϦόϦʔΛߦ͏ϓϩηε
ՁͷσϦόϦʔΛߦ͏ϓϩηε• CI/CDͳͲܧଓͯ͠σϦόϦʔΛߦ͏ࡍʹʮߴʹԾઆݕূ͢ΔʯΈ͕ඞཁʹͳΔ• ϑϩϯτΤϯυྫ֎Ͱͳ͘ɺಛʹA/BςετͳͲͰ࡞ΓΛҧ͑ΔͱʹͳΓ͍͢• ଞʹΤϥʔোൃੜ࣌ʹΠϯϑϥʹ͖ͤΓʹ͢ΔͳͲͷରԠ͕औΒΕͯ͠·͏ͱʹͳΔ
ՁͷσϦόϦʔΛߦ͏ϓϩηε• ςετ• ʢֶशͱվળʣςετΧόϨοδج४ࣗಈςετΛ༻ҙ͠ɺ͜ΕΒΛܧଓతʹվળ͢ΔͨΊͷ͕νʔϜͰऔΒΕ͍ͯΔ͔• ʢϝτϦΫεʣΧόϨοδΛՃͯ͠ςετ͕Ͳ͜Λ௨ա͍ͯ͠Δͷ͔֬ೝͰ͖͍ͯΔ• ʢϝτϦΫεʣͯ͢ͷςετ͕PR͝ͱʹ30ҎͰऴΘΔ͜ͱΛ֬ೝ͍ͯ͠Δ• ʢϓϥΫςΟεʣPR͝ͱʹճ͢ςετͳͷ͔ͦΕͱఆظ࣮ߦ͢Δςετͳͷ͔Λఆ͍ٛͯ͠Δ• ʢϓϥΫςΟεʣunit ςετ, integration ςετ, e2e ςετ, Visual Regression ςετͳͲͷ֤छςετͷಛੑΛཧղ͠ɺదʹӡ༻Ͱ͖͍ͯΔ• ʢΞϯνύλʔϯʣҰ෦ͷਓ͚͕ͩςετΛॻ͖ɺҰ෦ͷਓςετΛॻ͔ͳ͍ͱ͍ͬͨΑ͏ʹࣗಈςετΛݸʑਓͷྗඪͳͲʹͳ͍ͬͯΔɻ
ՁͷσϦόϦʔΛߦ͏ϓϩηε• σϓϩΠ• ʢϓϥΫςΟεʣa/b test, featureflag, canary releaseͳͲͷࢼ࣮ͯ͠ફͨ͠ޙͰมߋ͍͢͠σϓϩΠΛߦ͍ͬͯΔ͔• ʢϓϥΫςΟεʣҟৗ࣌ʹ͙͢ʹΓͤΔΑ͏ʹ BlueGreen Deploy ͳͲͷΈ͕͋Δ͔• ʢΞϯνύλʔϯʣσϓϩΠҰճʹରͯ͠1࣌ؒҎ্ͷ͕͔͔࣌ؒΔ
γεςϜɺΞϓϦέʔγϣϯӡ༻ʢΞʔΩςΫνϟʣ
γεςϜɺΞϓϦέʔγϣϯӡ༻• BFFɺAPIઃܭ• ʢϓϥΫςΟεʣϑϩϯτΤϯυΤϯδχΞଆ͔ΒAPIઃܭΛఏҊͰ͖Δڥʹͳ͍ͬͯΔ͔• ʢΞϯνύλʔϯʣόοΫΤϯυΤϯδχΞ͚͕ͩओಋͯ͠APIΛઃܭ͓ͯ͠ΓɺϑϩϯτΤϯυΤϯδχΞ͕ར༻͠ʹ͍͘ઃܭʹͳ͍ͬͯͳ͍͔
γεςϜɺΞϓϦέʔγϣϯӡ༻• Πϯϑϥ• ʢϓϥΫςΟεʣϑϩϯτΤϯυ୲ऀWeb ʹؔΘΔΠϯϑϥͷߏΛѲͰ͖͍ͯͯɺোରԠʹࢀըͰ͖Δ• ʢΞϯνύλʔϯʣϓϩμΫτͷಛੑΛؑΈͳ͍ըҰతʹ༻ҙ͞Εͨߏ͕ڧ੍͞Εͯ͠·͏
νʔϜɺ৫
νʔϜɺ৫• ઐ৫ͷӡ༻• ྲྀΕͷૣ͍ϑϩϯτΤϯυྖҬʹରԠ͢ΔͨΊʹ͓͍ͬͯͨ΄͏͕͍͍͜ͱ• ྫ͑ઐ৫Λஔ͠ɺԣஅతʹؔΘΕΔΑ͏ʹ͢ΔɺͳͲ• ͍ΘΏΔΠωʔϒϦϯάνʔϜͷΑ͏ͳӡ༻Λఆ
νʔϜɺ৫• ୲ɺ৬είʔϓͷఆٛ• ϑϩϯτΤϯυΤϯδχΞίϛϡχέʔγϣϯͷϋϒʹͳΓ͍͢• ҰํͰྡ৫ͷࣄ͞Ε͍͢• ྫ) σΟϨΫγϣϯۀΛϑϩϯτΤϯυΤϯδχΞ͕ߦ͍ͬͯΔ• ྫ) ϚʔέςΟϯά৫ଆͰඞཁͳGAͷௐࠪઃఆΛϑϩϯτΤϯυΤϯδχΞ͕ߦ͍ͬͯΔͳͲ• ϝϯόʔ͕ຊདྷൃش͖͢όϦϡʔΛ્ͯ͠͠·͏Α͏ͳέʔε͕ͳ͍Α͏ʹ͍ͨ͠
ྫ·ͩͳ͠ɾɾɾӶҙ࡞தʂ
͜Μͳײ͡ͰӶҙ࡞தͰ͢
ࠓޙͳΜͱ͔͘Β͍ʹୈҰग़ͤΔΑ͏ʹ͠·͢
ͨͩ͜ͷج४͋͘·Ͱج४Ͱ͋ͬͯʮ͜Ε͕ୡͰ͖͍ͯͳ͍͔Βବͳ։ൃʯͱ͍͏෩ʹଊ͑ͯ΄͘͠ͳ͍Ͱ͢ɻ
ຊͷҙຯͰڧ͍৫ըҰతʹج४ʹै͏৫Ͱͳ͘ɺج४Λॊೈʹଊ͑ͯࣗͨͪʹΧελϚΠζͰ͖Δ৫ͩͱࢥ͍ͬͯ·͢ɻ
͕ࣗݟ͖ͯͨ։ൃͷதͰࠔͬͯΔਓͨͪΛࠓޙগ͠Ͱॿ͚ʹͳΕͱࢥ͍·͢ɻ
ࠓޙ
ࣗͷ؍ଌൣғͰͲΜͲΜϦΞʔΩςΫτͳͲ͕ٻΊΒΕ͍ͯΔ͕ɺਖ਼ͦ͜·Ͱຖճඞཁͳͷ͔ʁͱࢥͬͨΓ͠·͢ɻ
ϑϩϯτΤϯυͷϥΠϒϥϦϑϨʔϜϫʔΫͷߋ৽͕େมͰɾɾɾͱ͍͏ͷΛΑ͘ฉ͖·͢ɻ
Xxx ͕Φϫίϯ͔ͩΒɺ৽͍͠yyyʹΖ͏ɻͰͳ͘ɺͦͦϦΞʔΩ͕ඞཁͳͷ͔Λߟ͑ΒΕΔΑ͏ͳ৫ϝϯόʔΛ࡞͍͖͍ͬͯͨͳͱࢥ͍ͬͯ·͢ɻ
ͦ͏͡Όͳ͍ͱϑϩϯτΤϯυ։ൃͦͷͷ͕ࣗॏͰ௵ΕΔΜ͡Όͳ͍͔ͱݒ೦͍ͯ͠·͢ɻ
৭ΜͳΞϓϩʔνΛऔͬͯগ͠Ͱྑ͍͖͍ͯͨ͘͠ͱࢥ͍ͬͯ·͢ɻ
·ͱΊ
·ͱΊ• ৭Μͳ։ൃ৫Λݟ͖͕ͯͨɺ·ͩΓ͍ͨ͜ͱ͕Ͱ͖͍ͯΔͱ͍͏৫গͳ͍• ͦͷݪҼ༷ʑ͕ͩɺϏδωεͱ։ൃͷ͋Δ͖࢟ͷΪϟοϓͰࠔ͍ͬͯΔΑ͏ʹݟ͑Δ• ͜ΜͳҰͭͷιϦϡʔγϣϯͰͳΜͱ͔͢ΔΑ͏ͳ͡Όͳ͍• ϘτϜΞοϓʹϝϯόʔҰਓͻͱΓ͕͢Δํ๏ͱτοϓμϯʹͦͷํΛࣔ͢ํ๏͕ඞཁ• τοϓμϯʹ͍ͬͯ͘ํ๏ͱͯ͠ϑϩϯτΤϯυ൛ͷDX CriteriaΛ࡞͍ͬͯΔ• ͍͔ͭ͘հͨ͠ͷͰɺؤுͬͯ͜Ε͔Βଓ͚͍͖ͯ·͢ɻϑΟʔυόοΫ͕͋Εڭ͍͑ͯͩ͘͞
yosuke_furukawa
trapezoid
niftycorp
fwbrasil
aridlehoover
sanfrecce_osaka
atinfinity
faithandbrave
codemountains
doggy
jlugia
zenorocha
brad_frost
mojombo
jnunemaker
malarkey
paulrobertlloyd
trishagee
reverentgeek
afnizarnur
lara
soudai