MTDDC Meetup TOKYO 2024 Keynote

by Daiji Hirata

Slide 1

Slide 1 text

γοΫεɾΞύʔτגࣜձࣾ ୅දऔక໾CEO & CTO ฏాେ࣏ վΊ·ͯ͠ ͍Ζ͍Ζͳ࢖͍ํ ͷ

Slide 2

Slide 2 text

γοΫεɾΞύʔτגࣜձࣾ ୅දऔక໾CEO & CTO • NTT ʢ1996-1999ʣ • Neoteny ʢ1999-2004ʣ • Six Apart ʢ2003-2006, 2012-ʣ • News2u ʢ2007-2012ʣ ͻΒ͍ͨͩ͡ ฏాେ࣏ ࣗݾ঺հ 02 ܦྺ

Slide 3

Slide 3 text

ձࣾ঺հ 03 .PWBCMF5ZQF஀ੜ γοΫεɾΞύʔτגࣜձࣾઃཱ ΠϯϑΥίϜʹΑΔങऩ Ͱಠཱ ೥ ೥ ೥ ೥ 2001 2003 2010 2016 ໊ࣾ΍.PWBCMF5ZQFͷࣄۀ঎ඪɺ஌ࡒͳͲ άϩʔόϧͷࢿ࢈Λ೔ຊ๏ਓ͕͢΂ͯܧঝ

Slide 4

Slide 4 text

ͱ͸ ?

Slide 5

Slide 5 text

ɹɹɹɹɹɹɹ(MT) ͱ͸ʁ ࣄ্࣮ɺඪ४తͳCMSͱͯ͠޿͘ར༻͞Ε͍ͯ·͢ɻ w ೥ੜ·Ε ϒϩάπʔϧͱͯ͠஀ੜ͠ɺ೥Ҏ্ͷྺ࢙ͷ͋Δ8FC$.4 w .5λά 5. Λ࢖ͬͨςϯϓϨʔτΤϯδϯ w 1)1΍1FSMΛ஌Βͳͯ͘΋େৎ෉ w ੩తαΠτੜ੒ w ॊೈͳΞʔΧΠϒϚοϐϯά w ֦ுੑͷߴ͍ϓϥάΠϯػߏ w ηΩϡϦςΟ΁ͷ഑ྀ w ޓ׵ੑͷҡ࣋ 05

Slide 6

Slide 6 text

ͷ ϚʔέοτγΣΞ ෋࢜Ωϝϥ૯ݚʰιϑτ΢ΣΞϏδωε৽ࢢ৔ʱ೥൛ 06 ঎༻ύοέʔδܕ$.4ࠃ಺ಋೖγΣΞ ʢ਺ྔϕʔεʣ .PWBCMF5ZQFϥΠηϯεొ࿥اۀ ˞೥݄࣌఺ͷ.PWBCMF5ZQFϥΠηϯεొ࿥৘ใΛࣗࣾௐࠪ ೔ܦฏۉגՁߏ੒໏ฑ ʢࣾʣ ౦ূϓϥΠϜ্৔اۀ ʢࣾʣ ࠃཱେֶ ʢߍʣ ࠃ಺ʹ͋Δ͢΂ͯͷେֶ ʢߍʣ

Slide 7

Slide 7 text

ϑΝϛϦʔల։ on AWS Marketplace Movable Type ιϑτ΢ΣΞ൛ Movable Type Ϋϥ΢υ൛ Movable Type MovableType.net 07

Slide 8

Slide 8 text

ͲΜͳαΠτ͕ ࡞ΕΔͷ͔?

Slide 9

Slide 9 text

ϒϩά IUUQTCMPHTJYBQBSUKQ Φ΢ϯυϝσΟΞӡӦऀͷͨΊͷ ࣮ફత৘ใͱίϛϡχςΟ 4JY"QBSUϒϩά 09

Slide 10

Slide 10 text

ίʔϙϨʔταΠτ ฤूը໘ IUUQTXXXTJYBQBSUKQ 010

Slide 11

Slide 11 text

Mont Blanc ·ͬͨ͘ͷۭͬΆͷςʔϚ 11

Slide 12

Slide 12 text

ͲΜͳαΠτ͕࡞ΕΔͷ͔ wϒϩά 12 ςϯϓϨʔτΛ࢖͑͹ɺ w੩త8FCαΠτ w.POU#MBOD ʜ ͲΜͳϖʔδͰ΋ ࡞Δ͜ͱ͕Ͱ͖Δ!

Slide 13

Slide 13 text

HTML Ҏ֎΋

Slide 14

Slide 14 text

XML BUPNYNM TJUFNBQYNM

Slide 15

Slide 15 text

J SON ݕࡧ༻ͷσʔλΛ+40/Ͱग़ྗ

Slide 16

Slide 16 text

HTML͚ͩͰ͸ͳ͍ w$44 +4 w9.- 344"UPN wͦͷଞͳΜͰ΋ 16 w$47 547 w+40/

Slide 17

Slide 17 text

WebαΠτ͚ͩͰ͸ͳ͍

Slide 18

Slide 18 text

WebαΠτ͚ͩͰ͸ͳ͍ wΞϓϦͷόοΫΤϯυ wσδλϧαΠωʔδ 18

Slide 19

Slide 19 text

ήʔϜΞϓϦͷྫ 19 data static ﬁles CDN MT

Slide 20

Slide 20 text

σδλϧαΠωʔδ 20 ࢁޱ৘ใܳज़ηϯλʔ<:$".> $0-4*4ۅా͞Μఏڙ

Slide 21

Slide 21 text

σδλϧαΠωʔδ wΠϕϯτ৘ใ΍өը৘ใ͸ ΢ΣϒαΠτͰར༻͍ͯ͠Δ΋ͷͱڞ௨ར༻ wৄࡉ৘ใ͸23ίʔυΛදࣔͯ͠΢ΣϒαΠτʹ༠ಋ w:PVUVCF΍7JNFPͳͲಈըʹ΋ରԠ 21 data JSON MT

Slide 22

Slide 22 text

γεςϜ࿈ܞ

Slide 23

Slide 23 text

4BMFTGPSDFͱͷ࿈ܞ w4BMFT'PSDFʹΧλϩάσʔλΛ͍Εͯɺ දࣔ࣌ʹ"1*Ͱݺͼͩ͢ w.5ʹ͸Χλϩάͷ*%ͷΈೖΕ͓ͯ͘ 23

Slide 24

Slide 24 text

͓٬༷ͷཁ๬ 24 Χϯυ΢ίʔϙϨʔγϣϯ ߴຯ͞Μఏڙ

Slide 25

Slide 25 text

25 αʔόʔߏ੒ Χϯυ΢ίʔϙϨʔγϣϯ ߴຯ͞Μఏڙ

Slide 26

Slide 26 text

26 MTʴηʔϧεϑΥʔε࿈ܞ(1)੡඼ݕࡧ Χϯυ΢ίʔϙϨʔγϣϯ ߴຯ͞Μఏڙ

Slide 27

Slide 27 text

27 MTʴηʔϧεϑΥʔε࿈ܞ(2)੡඼ৄࡉ࿈ܞ Χϯυ΢ίʔϙϨʔγϣϯ ߴຯ͞Μఏڙ

Slide 28

Slide 28 text

ηΩϡϦςΟ

Slide 29

Slide 29 text

ηΩϡϦςΟཁ͕݅ݫ͍͠ͱ͖ʜ w ൺֱత ҆શͳ΢ΣϒαΠτΛ࡞Γ͍ͨ w$.4͸Ӆṭ͍ͨ͠ 29

Slide 30

Slide 30 text

੩తαΠτ $(*΍αʔόαΠυͷϓϩάϥϜ͸ఘΊΔ w1)1͸ఘΊΑ͏ w)5.- $44 +4NFEJBϑΝΠϧ͚ͩʹ͢Δ w+4ͷ'SPOU&OE'SBNFXPSLͰϦονʹ͢Δ 30

Slide 31

Slide 31 text

഑৴༻ͷαʔόʔ wࣗ෼ͰηΩϡΞʹ࡞Δ /HJOY 31 w͋Γ΋ͷΛ࢖͏ "NB[PO4 $MPVEGMBSF3

Slide 32

Slide 32 text

γεςϜߏ੒ 32 data static ﬁles Sync Publish Sync MT Assets Production (Staging)

Slide 33

Slide 33 text

ηΩϡϦςΟ໘ wαΠτ഑৴ .5Ϋϥ΢υ൛ .51SFNJVN 33 6QMPBEFS DIFSSZQJDL 4NBSU4ZOD1BDL $0-4*4 σʔλͷసૹํ๏

Slide 34

Slide 34 text

͞Βʹ $%/΋ར༻͢Δͱ഑৴αʔό΋ӅṭͰ͖Δ 34 data static ﬁles Publish Sync Production MT Assets Web Server(s) CDN Distributed

Slide 35

Slide 35 text

Α͋͘Δ࣭໰ wϑΥʔϜ .PWBCMF5ZQFOFUϑΥʔϜͳΒ JGSBNFͰຒΊ͜Ή͚ͩ 35 ͓໰͍߹ΘͤϑΥʔϜ΍ݕࡧ͸Ͳ͏͢Δ wݕࡧ .PWBCMF5ZQFOFUαΠταʔν +40/+BWB4DSJQUͰ࡞੒͢Δ ͜ͱ΋Ͱ͖Δ

Slide 36

Slide 36 text

ͷ ঺ հ ͜͜Ͱ୤ઢͯ͠ʜ

Slide 37

Slide 37 text

8FCIPPL࿈ܞ Store ϥΠηϯεൃߦ Listener JSON data Webhook ϝϧϚΨొ࿥ https://sendy.co/ Sendy

Slide 38

Slide 38 text

,JOUPOF࿈ܞ 38 อଘઌΛ kintone ʹ ઃఆͯ͠࿈ܞ ड৴༻ΞϓϦ Ϛελʔ ϫʔΫϑϩʔͳͲͰ σʔλΛ൓ө͢Δ kintone ࿈ܞ༻ϓϥάΠϯΛΠϯετʔϧ https://movabletype.net/support/form/kintone.html

Slide 39

Slide 39 text

γεςϜ࿈ܞ͸ɺٯํ޲΋ w.PWBCMF5ZQF .PWBCMF5ZQFOFUʹ͸ %BUB"1*͕͋Δ w,JOUPOFˠ.PWBCMF5ZQF .PWBCMF5ZQFOFU ΋Ͱ͖Δ 39

Slide 40

Slide 40 text

۩ମతʹͲ͏࡞Δ 40 7 _mtnet.uploadJSON = async (_params) => { const headers = await _mtnet.setAuthHeaders(); const upload = new FormData(); upload.append("path", 'dummy-path'); upload.append('file', _params.data, _params.uploadFilename); const uploadRes = await fetch( _mtnet.endpoint + 'assets/upload', { headers, method: 'POST', body: upload, }) .then( (res) => res.json()) .catch( (res) => { confirm(“Error: ” + res.text()); console.log(res); }); return uploadRes; } .PWBCMF5ZQFOFUΞΠςϜͷΞοϓϩʔυͷྫ wྫ͑͹ɺΩϯτʔϯͰ ໊฽؅ཧͯ͠ɺඞཁͳσʔλ͚ͩΛ +40/σʔλΛΞΠςϜͱͯ͠ Ξοϓϩʔυɺ αΠτΛߋ৽Ͱ͖Δ w+BWB4DSJQUͷίʔυ͸ .PWBCMF5ZQFOFUଆʹஔ͍ͯ ʮΞϓϦͷઃఆ+BWB4DSJQU $44ͰΧελϚΠζʯͰ ಡΈࠐΉ $034ରࡦ

Slide 41

Slide 41 text

Έͳ͞ΜͷΞΠσΞ࣍ୈͰ ͲΜͳ͜ͱʹ΋ ࢖͑·͢

Slide 42

Slide 42 text

͜Ε͔Βͷ MTͷํ޲ੑ

Slide 43

Slide 43 text

͜Ε͔ΒͷMTͷํ޲ੑ 43 wϑΥʔϜͷΞΫηγϏϦςΟରԠΛ ߦ͍ͬͯ·͢ wςʔϚ΋ΞΫηγϏϦςΟରԠ͢Δ༧ఆ w͔ΜͨΜσβΠϯฤू͸ ܧଓͯ͠ػೳڧԽ w"*࿈ܞػೳ΋֦ॆ $.4ར༻Λαϙʔτ͢ΔػೳΛத৺ʹ w ࣋ଓతͳΞοϓσʔτΛܧଓɺ ίϯςϯπλΠϓͷύϑΥʔϚϯε վળʹऔΓ૊Ή

Slide 44

Slide 44 text

Thank you and Enjoy MTDDC Meetup!