息の長いサービスのフロントエンドを少し改善する営み/frontend-improvement

by A1

Slide 1

Slide 1 text

3",64$P -UE 3",64.FFUVQ ଉͷ௕͍αʔϏεͷϑϩϯτΤϯυΛ গͣͭ͠վળ͍ͯ͘͠ӦΈ &JJDIJ.JUB

Slide 2

Slide 2 text

3",64$P -UE 3",64.FFUVQ Eiichi Mita !FJDIJTBOEFO ೥ʹϥΫεʹத్ೖࣾ ϑϩϯτΤϯυɾόοΫΤϯυͲͬͪ ΋΍ΔΤϯδχΞ ೝఆεΫϥϜϚελʔ ٕज़ௐࠪతͳ࢓ࣄ΋΍͍ͬͯ·͢ ʢఔ౓ͷՔಇʣ ࣗݾ঺հ

Slide 3

Slide 3 text

3",64$P -UE 3",64.FFUVQ ໨࣍ ͳͥվળ͕ඞཁͳͷ͔ ݱঢ়ͷϑϩϯτΤϯυͷ໰୊఺ ࣮ࡍʹऔΓ૊ΜͰ͍Δ͜ͱͷ͝঺հ ϞδϡʔϧԽ 5ZQF4DSJQU ςετίʔυ ٕज़બఆ ֶश ૊৫

Slide 4

Slide 4 text

3",64$P -UE 3",64.FFUVQ ຊ೔͓࿩͠͠ͳ͍͜ͱ 3FBDUಋೖʹ͍ͭͯ͸Ҏલʹ࿩͍ͯ͠ΔͷͰɺຊ೔͸3FBDUҎ֎ͷ͓࿩Λ͠·͢ IUUQTTQFBLFSEFDLDPNFJDIJTBOEFOSFBDUGPSXFCBQQMJDBUJPO

Slide 5

Slide 5 text

3",64$P -UE 3",64.FFUVQ ָָ໌ࡉͷ։ൃ͕࢝·ͬͨͷ͸೥͝Ζ .7$Ϟσϧͷ8FCΞϓϦέʔγϣϯ +41͕)5.-Λ૊Έཱͯͯ ϑϩϯτଆ͸K2VFSZͱ͍͏Α͋͘Δߏ੒ ։ൃ౰ॳͷγεςϜߏ੒ +BWB +41 )5.-$44 K2VFSZ

Slide 6

Slide 6 text

3",64$P -UE 3",64.FFUVQ ͳͥվળ͕ඞཁͳͷ͔ ݱঢ়ͷϑϩϯτΤϯυͷ໰୊఺ վળ׆ಈͱͯ͠औΓ૊ΜͰ͍Δ͜ͱ ϞδϡʔϧԽ 5ZQF4DSJQU ςετίʔυ ٕज़બఆʹ͍ͭͯ ֶशʹ͍ͭͯ ૊৫ʹ͍ͭͯ

Slide 7

Slide 7 text

3",64$P -UE 3",64.FFUVQ ͳͥվળ͕ඞཁͳͷ͔ ˠ ָָ໌ࡉ͸ࠓޙ೥͸ଓ͘αʔϏεͩͱࢥ͍ͬͯΔ ͔Β

Slide 8

Slide 8 text

3",64$P -UE 3",64.FFUVQ ͳͥվળ͕ඞཁͳͷ͔ ௥Ճ͍ͨ͠ػೳ͸·ͩ·ͩ͋ͬͯɺ։ൃ͸ΞΫςΟϒʹଓ͘༧ఆ ࠓ·ͰόοΫΤϯυΛத৺ʹվળ͖͓ͯͯ͠ΓϑϩϯτΤϯυͷվળ͸͋ ·ΓਐΜͰ͍ͳ͍ঢ়گ ࠓ͔Β೥ޙ͸ɺ։ൃ։͔࢝Β໿೥ܦͭ͜ͱʹͳΔ࢖༻͍ͯ͠Δ044ͷ อक͸ఀࢭ͍ͯ͠ΔͱࢥΘΕΔ ೥લͷγεςϜΛϝϯς͢ΔΤϯδχΞͷϞνϕʔγϣϯ΋࠾༻໘Ͱ΋ ΩπΠ

Slide 9

Slide 9 text

3",64$P -UE 3",64.FFUVQ ͪͳΈʹ೥લͬͯ͜ΜͳͰ͢ +BWB 1PTUHSF42- 0SBDMFJ 7# *4%/ ςϨϗʔμΠ $74 5PNDBUY "QBDIF %FCJBO 5VSCP-JOVY QIQ ೥໰୊ Ϋϥαό 744 8JO4FSWFS **4 "41

Slide 10

Slide 10 text

Slide 11

Slide 11 text

3",64$P -UE 3",64.FFUVQ ݱࡏͷϑϩϯτΤϯυͷ໰୊఺ %0.ૢ࡞͕ෳࡶͰɺύϑΥʔϚϯε΋ѱ͍ w ը໘ͷཁૉ਺͕ଟ͍ͱ Ͱ%0.ݕࡧ͕ࢮ͵΄Ͳ஗͍ )5.-ͷมߋ͕KT·Ͱ೾ٴ͢Δ w DMBTTଐੑΛมߋ͚ͨͩ͠Ͱಈ͔ͳ͘ͳΔ +TϑΝΠϧؒͷґଘؔ܎͕෼͔Βͳ͍ w มߋͷӨڹՕॴ͕Ͳ͜ʹग़Δͷ͔෼͔Βͳ͍ ܕ΍*%&ͷࢧԉ͕ͳ͘։ൃޮ཰͕ѱ͍

Slide 12

Slide 12 text

3",64$P -UE 3",64.FFUVQ Ͱ͸ɺͲͷΑ͏ʹվળ͍ͯ͘͠ͷ͔ γεςϜΛ࡞Γ௚ͤ͹࿩͸ૣ͍͕౰વͦ͏͍͏༁ʹ ͸͍͔ͳ͍ ػೳ௥ՃΛ΍Γͳ͕Βɺগͣͭ͠ߦ͏ඞཁ͕͋Δ ৽͍ٕ͠ज़ཁૉ΋গͣͭ͠औΓೖΕ͍͖͍ͯͨ ςετΛॻ͖ͳ͕Β҆શʹߦ͏ඞཁ͕͋Δ

Slide 13

Slide 13 text

3",64$P -UE 3",64.FFUVQ গͣͭ͠ɺ೔ৗͷ։ൃʹ༹͚ࠐ ·ͤͳ͕Βߦ͍ͬͯ͘

Slide 14

Slide 14 text

Slide 15

Slide 15 text

3",64$P -UE 3",64.FFUVQ ϞδϡʔϧԽ &4·Ͱͷ+BWB4DSJQUʹ͸Ϟδϡʔϧͷ֓೦͕ͳ ͍ͷ͕ϑϩϯτΤϯυΛվળ͢Δ্Ͱඇৗʹਏ͍ ݸਓతʹ͸ϑϩϯτΤϯυվળͰ࠷ॳʹ͢΂͖ ͸ɺϞδϡʔϧԽͱࢥ͍ͬͯΔ

Slide 16

Slide 16 text

3",64$P -UE 3",64.FFUVQ ϞδϡʔϧԽ͍ͯ͠ͳ͍ίʔυ ྫ͑͹ɺDPNNPOKT͸KRVFSZKTʹґଘ͍ͯͯ͠ɺ BQQKT͸DPNNPOKTʹґଘ͍ͯ͠Δͱ͍ͬͨ ஌͕ࣝίʔυͱͯ͠දݱ͞Ε͍ͯͳ͍ͨΊɺ Α͘෼͔Βͣʹॱ൪Λ่͢ͱಈ͔ͳ͘ͳΔɻ ґଘؔ܎Λ໌ࣔ͢Δ ϞδϡʔϧԽ

Slide 17

Slide 17 text

3",64$P -UE 3",64.FFUVQ Ͳ͜ʹӨڹ͕ग़Δ͔෼͔Βͳ͍ͷͰɺҋӢʹςετ͢ΔΑ͏ʹͳΓ ඇৗʹޮ཰͕ѱ͍ मਖ਼͢Δͷ͕ා͘ͳΔͷͰ৔౰ͨΓతͳରԠΛ͢ΔΑ͏ʹͳΔ ࠷ѱɺίʔυमਖ਼ͤͣʹίʔυ௥Ճͨ͠Γ͢ΔͱΧΦεʹ ϞδϡʔϧԽ ґଘؔ܎͕෼͔Βͳ͍ͱͲ͏ͳΔ͔

Slide 18

Slide 18 text

3",64$P -UE 3",64.FFUVQ ϞδϡʔϧԽ // webpack.config.js͔Βൈਮ entry: { 'common.js':‘/src/common.ts’, ‘gamen1.js':‘/src/gamen1.ts', ‘gamen2.js’:‘/src/gamen2.ts', }, output: { libraryTarget: ‘umd', // ݹ͍ϒϥ΢βͰ΋ಈ͘ඞཁ͕͋ΔͷͰumdΛࢦఆ filename: ‘[name]' // distϑΥϧμʹcommmon.js, gamen1.jsɺgamen2.js͕ग़ྗ͞ΕΔ } 8FCQBDLͷઃఆͰෳ਺ΤϯτϦʔϙΠϯτΛࢦఆɺͦ ͷ୯ҐͰόΠϯυͨ͠KTϑΝΠϧΛग़ྗ͍ͯ͠Δ ͻͱ·ͣग़ྗ͢ΔKTϑΝΠϧͷ୯Ґ͸ม͍͑ͯͳ͍ͷͰ Өڹ͸খ࣮͘͞ݱͰ͖Δ

Slide 19

Slide 19 text

3",64$P -UE 3",64.FFUVQ ϞδϡʔϧԽʹΑΓґଘؔ܎Λ໌ࣔ͢Δ ϞδϡʔϧԽͨ͠ঢ়ଶ // app.js import { message } from ‘./common’ // ඞཁͳ֎෦ϞδϡʔϧΛimportͰಡΈࠐΈ message('Hello World'); BQQKT͸DPNNPOKTʹґଘ͍ͯ͠Δ͜ͱ͕Ұ໨ྎવ ·ͨɺඞཁͳ΋ͷ͚ͩJNQPSU͢Δ͜ͱͰΑΓґଘؔ܎͕ΑΓ໌֬ʹͳΔ // common.js export function message(msg) { // ֎෦͔Βࢀর͞ΕΔϝιουΛexportͰ໌ࣔ console.log(msg); } export function add(a, b) { return a + b; }

Slide 20

Slide 20 text

3",64$P -UE 3",64.FFUVQ ϞδϡʔϧԽ͢Δ͜ͱͰ ίʔυͷ࠶ར༻ੑ͕ߴ·Δ Ϟδϡʔϧʹ෼ׂ͢Δ͜ͱͰίʔυͷڽू౓্͕͛΍͢ ͍ ݱঢ়ͷ+41KTͷΑ͏ͳߏ੒ͩͱɺͬͨࣽ͝ʹͳΓ΍͍͢ ࡞ۀ෼୲͠΍͘͢ͳΔ ύʔπ୯Ґʹ։ൃ͢ΔΑ͏ʹͳΔͷͰ ςετίʔυ͕ॻ͖΍͘͢ͳΔ άϩʔόϧԚછ໰୊͕؇࿨͞ΕΔ

Slide 21

Slide 21 text

Slide 22

Slide 22 text

3",64$P -UE 3",64.FFUVQ 5ZQF4DSJQUͱ͸ "MU+4 +BWB4DSJQUͷ୅ସͱͳΔݴޠ ͷҰछ ฏͨ͘ݴ͏ͱܕΛఆٛͰ͖Δ+BWB4DSJQU ࣮ߦ؀ڥ͸͓࣋ͬͯΒͣɺKTʹม׵ʢτϥϯεύ Πϧʣ͢Δ͚ͩʢԼهͷʙʣ 1. TypeScriptιʔε -> ASTม׵ 2. AST͕ܕνΣοΧʔͰνΣοΫ͞ΕΔ 3. AST -> JavaεΫϦϓτιʔεग़ྗ 4. JavaScriptιʔε -> ASTม׵ 5. AST -> όΠτίʔυ 6. όΠτίʔυ͕ϥϯλΠϜͰ࣮ߦ͞ΕΔ

Slide 23

Slide 23 text

3",64$P -UE 3",64.FFUVQ 5ZQF4DSJQU ೥ݱࡏɺ"MU+4ͷσϑΝΫτͱݴ͑Δ +BWBͷ։ൃऀʹ͸ߏจ͕ͳ͡Έ΍͍͢ ؇͘ಋೖ͠΍͍͢ʢϨΨγʔͷվળʹ޲͍͍ͯ Δʣ

Slide 24

Slide 24 text

3",64$P -UE 3",64.FFUVQ ؇͘ಋೖ͠΍͍͢ طଘίʔυʹ͍ͭͯ͸ɺͱΓ͋͑ͣBOZܕΛڐ༰͢ΔͳͲ؇͘ಋೖͰ͖Δ // common.js export function add(a : any, b : any) { return a + b; }

Slide 25

Slide 25 text

3",64$P -UE 3",64.FFUVQ ؇͘ಋೖ͠΍͍͢ ͲΕ͙Β͍ݫີʹνΣοΫ͢Δ͔Λࣗ෼ͨͪͰઃఆͰ͖Δ // tsconfig.json /* Strict Type-Checking Options */ "strict": false, /* Enable all strict type-checking options. */ "noImplicitAny": false, /* Raise error on expressions and declarations with an implied 'any' type. */ "strictNullChecks": true, /* Enable strict null checks. */ "strictFunctionTypes": true, /* Enable strict checking of function types. */ "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ νΣοΫͰΤϥʔͰ΋τϥϯεύΠϧ͢Δ͜ͱ͸Մೳ ϑΝΠϧͣͭঃʑʹUTϑΝΠϧʹҠߦ͍ͯ͘͜͠ͱ͕Մೳ

Slide 26

Slide 26 text

Slide 27

Slide 27 text

3",64$P -UE 3",64.FFUVQ ςετίʔυ ݩʑϑϩϯτΤϯυ͸ςετΛॻ͘श׳͕ͳ͔ͬ ͨ ҆શʹϦϑΝΫλϦϯά͢ΔͨΊʹ͸ςετίʔ υ͕ඞཁ

Slide 28

Slide 28 text

3",64$P -UE 3",64.FFUVQ +FTU 'BDFCPPL͕ࣾ։ൃ͍ͯ͠ΔϢχοτςετπʔ ϧͷ+FTUΛ࠾༻ +FTU͚ͩೖΕΕ͹ςετͰ͖Δγϯϓϧ͕͞ྑ͍ ςετϥϯφʔɺΞαʔγϣϯɺϞοΫશ෦ೖΓ ͱ͸ݴ͑ɺݱঢ়ϒϥ΢βʹґଘ͢ΔςετΛॻ͚͍ͯͳ ͍ͷͰ΍ΓํΛௐ΂ͳ͍ͱ͍͚ͳ͍ ʮϨΨγʔϑϩϯτΤϯυ҆શվળΨΠυʯʹࡌ͍ͬͯ Δख๏Λࢼͯ͠Έ͍ͨʢΊͪΌͪ͘ΌྑॻͰͨ͠ʣ

Slide 29

Slide 29 text

Slide 30

Slide 30 text

3",64$P -UE 3",64.FFUVQ ࣗ෼͸ٕज़બఆΛ͢Δཱ৔ʹ͍Δ͕ɺϛεΔͱຊ౰ʹ௧͍ ͳͷͰ৽͗͢͠Δ΋ͷ͸ආ͚Δ ΞʔϦʔϚδϣϦςΟ͙Β͍Λ໨ࢦ͍ͯ͠Ε͹େ֎͠͸ͳ͍ ࣮ࡍ͸ɺ͍͕ͭΞʔϦʔϚδϣϦςΟ͔෼͔Βͳ͍ͷͰৗʹΞϯςφΛுͬͯഽײ֮Λ ஁͓͔͑ͯ͘͠ͳ͍ ٕज़બఆʹ͍ͭͯ Πϊϕʔλ ΞʔϦʔϚδϣϦςΟ ϥΨʔυ ٕज़બఆͷצॴ

Slide 31

Slide 31 text

3",64$P -UE 3",64.FFUVQ ٕज़બఆʹ͍ͭͯ 8&#%&7&-01&330"%."1 IUUQTHJUIVCDPNLBNSBOBINFETFEFWFMPQFSSPBENBQ ࢀߟʹ͍ͯ͠Δ΋ͷ

Slide 32

Slide 32 text

3",64$P -UE 3",64.FFUVQ ٕज़બఆʹ͍ͭͯ 5IPVHIU8PSLT5&$)/0-0(:3"%"3 IUUQTXXXUIPVHIUXPSLTDPNSBEBSMBOHVBHFTBOEGSBNFXPSLT ࢀߟʹ͍ͯ͠Δ΋ͷ ͭલͷαΠτ΋ͦ͏͕ͩɺ೔ຊͷτϨϯυ͸গ͠ҧͬͯͨΓ͢ΔͷͰࢀߟ·Ͱʹɻ

Slide 33

Slide 33 text

3",64$P -UE 3",64.FFUVQ ٕज़બఆʹ͍ͭͯ ։ൃ૊৫ͱͯ͠ݱࡏอ༗͍ͯ͠Δٕज़ͱɺ ࠓޙ೥Ͱ਎ʹ͚ͭΔඞཁ͕͋Δٕज़ʹ͍ͭͯϩʔυϚοϓΛ ࡞੒͍ͯ͠Δɻ ˠٕज़બఆ͢Δ࣌ʹ͸جຊతʹ͜ͷํ਑ʹै͏ ࣾ಺ͷٕज़ϩʔυϚοϓ

Slide 34

Slide 34 text

Slide 35

Slide 35 text

3",64$P -UE 3",64.FFUVQ ֶशʹ͍ͭͯ ৽͍ٕ͠ज़ཁૉΛऔΓೖΕΔͨΊʹ͸ɺ࣮ࡍʹ։ ൃ͢Δϝϯόʔʹͦͷٕज़Λ֮͑ͯ΋Β͏ඞཁ͕ ͋Δ ҰؾʹਐΊ͍ͨ࣌΋͋Δ͕ɺ୭΋͍ͭͯ͜ͳ͍ͱҙຯ͕ ͳ͍ͷͰগͣͭ͠ ೥ʹݸͰ΋ݸͰ΋৽͍͠ཁૉΛऔΓೖΕͨΒ0,ͱ͢Δ ৽͍͠΋ͷΛऔΓೖΕΔϖʔε

Slide 36

Slide 36 text

3",64$P -UE 3",64.FFUVQ ֶशʹ͍ͭͯ ͲΜͳϝϦοτ͕͋Δ͔஌ͬͯ΋Β͏ ಋೖऀͱϝϯόʔͷԹ౓͕ࠩ͋Δͱ͏·͍͔͘ͳ͍ ಋೖ͢ΔͱͲΜͳϝϦοτ͕͋Δͷ͔ϓϨθϯ͢Δ ϝϯόʔʹͲ͏ͤͳΒྑ͍ܦݧΛͯ͠΋Β͍͍ͨ ৽͘͠ಋೖ͢Δٕज़ͷྑ͞Λ஌ͬͯ΋Β͏

Slide 37

Slide 37 text

3",64$P -UE 3",64.FFUVQ ֶशʹ͍ͭͯ ϝϯόʔͷεΩϧϨϕϧ͸·ͪ·ͪ ৽͍ٕ͠ज़ཁૉΛ΢Υον͍ͯ͠Δ͔΋·ͪ·ͪ ڵຯ͕͋ΔྖҬ΋·ͪ·ͪ ͳͷͰೖ໳Ϩϕϧ·Ͱ͸αϙʔτͯ͋͛͠Δ ཁ఺Λ·ͱΊͯ͋͛Δ ษڧձΛ։࠵͢Δ ֶशΛαϙʔτ͢Δ

Slide 38

Slide 38 text

3",64$P -UE 3",64.FFUVQ ֶशʹ͍ͭͯ αϯϓϧίʔυΛෳ਺ਓͰϓϩάϥϛϯά͢Δ ਓ͕λΠϓͯ͠ɺपΓͷਓ͸αϙʔτ໾ େ఍͸εϥεϥͱίʔσΟϯάͰ͖ͳ͍ͷͰɺपΓ͕ؒ ҧͬͯΔՕॴΛڭ͑ͯ͋͛Δ खΛಈ͔͢ͷͰ࠲ֶΑΓ΋ཧղ͕ਐΉ͠ίϛϡχ έʔγϣϯ໘Ͱ΋͓קΊ Ϟϒࣸܦ

Slide 39

Slide 39 text

3",64$P -UE 3",64.FFUVQ ֶशʹ͍ͭͯ ࠷ऴతʹ͸࢖֮ͬͯ͑ͯ΋Β͏͔͠ͳ͍ ॳΊͯ୲౰͢Δ࣌͸ɺ஌͍ͬͯΔਓͱϖΞͰ࡞ۀ ͨ͠Γֶश࣌ؒΛεϓϦϯτϓϥϯχϯά࣌ʹߟ ྀ͍ͯ͠Δ ࣮ࡍʹ։ൃ֮ͯ͑ͯ͠΋Β͏

Slide 40

Slide 40 text

3",64$P -UE 3",64.FFUVQ ୭͕ಘҙͳͷ͔ɺ୭ʹฉ͚͹ྑ͍ͷ͔৽نࢀՃϝϯόʔʹ΋෼͔Δ ܭըతͳεΩϧΞοϓʹͭͳ͛Δ ʮʓʓʹҹ͕ͳ͍͚Ͳ΍ͬͯΈ͍ͨʯͱ͍͏ձ࿩͕ൃੜ͢Δ ৺ཧతʹҹΛຒΊͨ͘ͳΔޮՌ΋ظ଴ ֶशʹ͍ͭͯ εΩϧ੕औදʹΑΔεΩϧͷݟ͑ΔԽ "͞Μ #͞Μ $͞Μ +BWB4DSJQU ˕ ˕ $44 ˚ ˓ ˓ )5.- ˚ ˓ ˕ 3FBDU ˕

Slide 41

Slide 41 text

Slide 42

Slide 42 text

3",64$P -UE 3",64.FFUVQ ૊৫ʹ͍ͭͯ ݱঢ়ɺϑϩϯτɾόοΫͱ͍͏෼͚͸ͳ͘Ұਓͷ ΤϯδχΞ͕୲౰͍ͯ͠Δ $44)5.-͕ۤखͳΤϯδχΞ͕ଟ͍ ྆ํͷϋΠϨϕϧͳεΩϧΛ࣋ͭͷ͸೉͍͠ͱ ࢥ͍ͬͯΔ ݱঢ়ͷ՝୊ײ

Slide 43

Slide 43 text

3",64$P -UE 3",64.FFUVQ ૊৫ʹ͍ͭͯ ϑϩϯτΤϯυબ೚ͷϝϯόʔΛ࡞Δ ṷ͸ṷ԰ʹ೚ͤɺͦΕͧΕ͕ઐ໳ੑΛߴΊΔ ࡞ۀ෼୲ͯ͠ฏߦ࡞ۀ΋͠΍͘͢ͳΔ͸ͣ কདྷతʹ͸ϑϩϯτબ೚ͷνʔϜΛ࡞Δܭը ͦ͜·Ͱ΍ΔͨΊʹ͸41"΍#''ͳͲɺϑϩϯτɾόοΫ ෼཭͍͔ͯ͠Ͷ͹ͳΒͳ͍ ৽͍͠ࢼΈ

Slide 44

Slide 44 text

3",64$P -UE 3",64.FFUVQ ͳͥվળ͕ඞཁͳͷ͔ ݱঢ়ͷϑϩϯτΤϯυͷ໰୊఺ վળ׆ಈͱͯ͠औΓ૊ΜͰ͍Δ͜ͱ ϞδϡʔϧԽ 5ZQF4DSJQU ςετίʔυ ٕज़બఆʹ͍ͭͯ ֶशʹ͍ͭͯ ૊৫ʹ͍ͭͯ ·ͱΊ

Slide 45

Slide 45 text

3",64$P -UE 3",64.FFUVQ ࠓճͰϑϩϯτଆΛվળ͢Δجૅ͸Ͱ͖͖ͯͨ ৽ػೳ͸4QSJOH3FBDUͷߏ੒Ͱ࡞ΓͭͭɺϨΨγʔͳ ίʔυͷϝϯς΋҆৺ͯ͠ߦ͑Δঢ়ଶʹ͍ͯ͘͠ ݱࡏͷγεςϜߏ੒ +BWB +41 )5.-$44 K2VFSZ 5ZQFTDSJQU 4QSJOH 3FBDU

Slide 46

Slide 46 text

3",64$P -UE 3",64.FFUVQ ۜͷ஄ؙ͸ͳ͍ͷͰɺগͣͭ͠ վળΛଓ͚͍͖ͯ·͢

Slide 47

Slide 47 text

3",64$P -UE 3",64.FFUVQ ϨΨγʔͳϑϩϯτΤϯυ͸վ ળͰ͖Δ

Slide 48

Slide 48 text

3",64$P -UE 3",64.FFUVQ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠