Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nuxtを使った 複業メディアサイトのアーキテクチャ紹介
Search
hikarut
September 28, 2019
Technology
0
130
Nuxtを使った 複業メディアサイトのアーキテクチャ紹介
hikarut
September 28, 2019
Tweet
Share
More Decks by hikarut
See All by hikarut
ビジネスパーソンがSQLを学ぶべき3つの理由とおすすめのSQL学習方法
hikarut
2
230
SQLを使ったデータ分析事例紹介〜2つの事例から学ぶSQLの活用方法〜
hikarut
3
410
データ分析力を高めるSQL研修『SQL Everyone』のご紹介【SQL勉強会 #3】
hikarut
1
450
データ分析内製化に向けた人材育成サービス『SQL Everyone』
hikarut
1
1.7k
データ分析のためのSQL勉強会 〜実践編〜
hikarut
14
16k
実演で理解するビジネスパーソンのためのSQL入門
hikarut
1
340
データ分析力を高めるビジネスパーソンのためのSQL入門
hikarut
1
690
SQLを活用したデータ分析におけるChatGPTの活用法
hikarut
14
5.1k
『データ分析力を高める ビジネスパーソンのためのSQL入門』出版記念セミナー
hikarut
1
280
Other Decks in Technology
See All in Technology
Devinを使ったモバイルアプリ開発 / Mobile app development with Devin
yanzm
0
180
GitHub Copilot coding agent を推したい / AIDD Nagoya #1
tnir
2
4.5k
[CV勉強会@関東 CVPR2025 読み会] MegaSaM: Accurate, Fast, and Robust Structure and Motion from Casual Dynamic Videos (Li+, CVPR2025)
abemii
0
190
制約理論(ToC)入門
recruitengineers
PRO
2
250
Amazon Bedrock AgentCore でプロモーション用動画生成エージェントを開発する
nasuvitz
6
420
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
1
150
AIが住民向けコンシェルジュに?Amazon Connectと生成AIで実現する自治体AIエージェント!
yuyeah
0
260
Postman MCP 関連機能アップデート / Postman MCP feature updates
yokawasa
0
140
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
330
Webアクセシビリティ入門
recruitengineers
PRO
1
220
Product Management Conference -AI時代に進化するPdM-
kojima111
0
220
Yahoo!広告ビジネス基盤におけるバックエンド開発
lycorptech_jp
PRO
1
270
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Gamification - CAS2011
davidbonilla
81
5.4k
Building an army of robots
kneath
306
46k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Unsuck your backbone
ammeep
671
58k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
KATA
mclloyd
32
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Visualization
eitanlees
147
16k
Transcript
/VYUΛͬͨ ෳۀϝσΟΞαΠτͷΞʔΩςΫνϟհ ߴڮɹޫ /VYU OFUMJGZ DPOUFOUGVM )FSPLV 1ZUIPO 'JSFCBTF %PDLFS
ࠓͷͷରऀ ɾҎԼݴޠαʔϏεʹڵຯ͕͋Δਓ ɾݸਓ։ൃ͍ͯ͠Δਓ͜Ε͔Β͍ͨ͠ਓ )FSPLV 1ZUIPO 'JSFCBTF
ΞδΣϯμ ɾࣗݾհ ɾෳۀϝσΟΞαΠτͷαʔϏεઆ໌ ɾෳۀϝσΟΞαΠτͷΞʔΩςΫνϟઆ໌
ΞδΣϯμ ɾࣗݾհ ɾෳۀϝσΟΞαΠτͷαʔϏεઆ໌ ɾෳۀϝσΟΞαΠτͷΞʔΩςΫνϟઆ໌
ࣗݾհɹߴڮޫ ɾ8FCاۀࣾһΤϯδχΞϚωʔδϟʔ ɾ1)1 +BWB4DSJQU /PEFKT 7VFKT /VYUKT 1ZUIPO 4XJGU 3FBDU/BUJWF
ɾגࣜձࣾΤοάγεςϜ ෳۀࣾһ IUUQTRJJUBDPNIJLBSVU IUUQTHJUIVCDPNIJLBSVU IUUQTUXJUUFSDPNMJHIU
ΞδΣϯμ ɾࣗݾհ ɾෳۀϝσΟΞαΠτͷαʔϏεઆ໌ ɾෳۀϝσΟΞαΠτͷΞʔΩςΫνϟઆ໌
Fukugyou ΤϯδχΞͷͨΊͷෳۀϝσΟΞαΠτ
ɾΤϯδχΞ͚ͷෳۀ ෭ۀ ϝσΟΞαΠτ ɾෳۀ ෭ۀ ʹؔ࿈͢ΔهࣄΛ·ͱΊ͍ͯΔ ɾຖࣗಈߋ৽ ɾओͳػೳهࣄͷࣗಈߋ৽ɺϒϩάߘɺ ͍߹Θͤ IUUQTGVLVHZPVEFW
Fukugyou 'VLVHZPVͱ
IUUQTGVLVHZPVEFW Fukugyou 'VLVHZPVͱ ɾʮEFWʯυϝΠϯ݄͔Βར༻Մೳʹͳͬͨτο ϓϨϕϧυϝΠϯ ɾ։ൃऀ༻ ։ൃऀ͚αΠτ༻ ͷυϝΠϯ ɾར༻Մೳʹͳͬͨͷ͕࠷ۙͳͷͰ͖ͳυϝΠϯΛૂ͑Δ͔ʁ ࢀߟɿ(PPHMF͕σϕϩούʔ͚υϝΠϯʮEFWʯͷઌऔΓϓϩάϥϜΛ։࢝ɻ༏ઌతʹυϝΠϯ໊Λ֬อՄೳʵ1VCMJDLFZ
IUUQTXXXQVCMJDLFZKQCMPHHPPHMFEFWIUNM
ΞδΣϯμ ɾࣗݾհ ɾෳۀϝσΟΞαΠτͷαʔϏεઆ໌ ɾෳۀϝσΟΞαΠτͷΞʔΩςΫνϟઆ໌
8FCIPPL CVJME "1* "1* )FSPLV 1ZUIPO 'JSF4UPSF 8FCIPPL CVJME ΞʔΩςΫνϟɹ֓ཁ
1ZUIPO όοΫΤϯυ։ൃڥ
)FSPLV 7VFUJGZ 1ZUIPO 'JSF4UPSF ΞʔΩςΫνϟɹ֓ཁ ϑϩϯτΤϯυ όοΫΤϯυ ੩తϑΝΠϧͷੜ ϖʔδ੍࡞ͷͨΊͷ 6*ϑϨʔϜϫʔΫ
ιʔείʔυཧͱ σϓϩΠࣗಈԽ ੩తϑΝΠϧͷ ϗεςΟϯά χϡʔεهࣄͷอଘ χϡʔεهࣄͷࣗಈߋ৽ॲཧ όονॲཧ όοΫΤϯυͷ࣮ߦݴޠ όοΫΤϯυͷ։ൃڥ هࣄͷߘऔಘͷ"1*
ΞʔΩςΫνϟɹಛ ɾϑϩϯτΤϯυɺόοΫΤϯυɺશͯαʔόϨεߏʹͳ͍ͬͯΔ ɾϚΠΫϩαʔϏεʹ͍ۙઃܭʹͳ͍ͬͯΔͨΊ͖ͳݴޠͰҎલͤ ͣ։ൃͰ͖Δ ɾ΄΅શͯΛແྉͰӡ༻͍ͯ͠Δ υϝΠϯͷΈ༗ྉ
/VYU /VYUͱ7VF ΞϓϦέʔγϣϯΛ࡞͢Δ ϑϨʔϜϫʔΫͰ͢ 7VFKT+BWB4DSJQUͷ ϑϨʔϜϫʔΫͰ͢
࠷ۙͷ+BWB4DSJQUͷϑϨʔϜϫʔΫ 7VF 3FBDU "OHVMBS
࠷ۙͷ+BWB4DSJQUͷϑϨʔϜϫʔΫ ࢀߟɿ(PPHMFτϨϯυ ࠷ۙ 7VFKT͕ਓؾ IUUQTTUBSIJTUPSZUUJPGBDFCPPLSFBDUBOHVMBSBOHVMBSWVFKTWVF
/VYUΛ͏ϝϦοτ ɾαʔόαΠυϨϯμϦϯάͰ͖Δ ɾ7VF3PVUFS 7VFYͳͲ͕͍͍͢ ɾܕ͕ܾ·͍ͬͯΔͨΊෳਓ։ൃʹ͍͍ͯΔ ݸਓ։ൃͰૣ͘։ൃͰ͖Δ ɾϗοτϦϩʔυͰ։ൃͰ͖Δ ɾ੩తϑΝΠϧͷੜ͕Մೳ /VYUΛબఆͨ͠
େ͖ͳཁҼ ຊۀෳۀ ෭ۀ Ͱ/VYUΛ͍͔ͬͯͨΒ
7VFUJGZ ɾVue.jsͰ͑ΔϚςϦΞϧσβΠϯͷUIϑϨʔϜϫʔΫ ɾcssΛॻ͔ͣʹϨεϙϯγϒσβΠϯͳͲରԠ͍ͯ͠Δ ɾBulma,BootstrapͳͲͷcssϑϨʔϜϫʔΫɺUIϑϨʔϜϫʔΫ͋Δ 7VFUJGZΛબఆ͠ ͨେ͖ͳཁҼ 7VF /VYU ͱ૬ੑ͕Αͦ͞͏͔ͩͬͨΒ
OFUMJGZ ɾ੩తϑΝΠϧͷϗεςΟϯάαʔϏε ɾ/VYUͷެࣜυΩϡϝϯτͰհ͞Ε͍ͯΔ /VYUͷެࣜυΩϡϝϯταΠτ͕OFUMJGZΛͬͯϗεςΟϯά͍ͯ͠Δ ɾ(JU)VCͱ࿈ܞͯ͠σϓϩΠ͕؆୯ ɾςετڥ༻ҙͰ͖Δ ϓϧϦΫ୯ҐͰςετڥ͕༻ҙͰ͖Δ ɾଞαʔϏεͱͷ࿈ܞ͕Մೳ
XFCIPPL͕͑Δ ɾҰఆͷϦΫΤετ·ͰແྉͰ͑Δ
੩తϑΝΠϧϗεςΟϯάαʔϏε ੩తϑΝΠϧͷੜɿIUUQTKBOVYUKTPSHHVJEF OFUMJGZ/VYUͷެࣜυΩϡϝϯτͰհ͞Ε͍ͯΔͷͰ͓͢͢Ί
DPOUFOUGVM ɾϔουϨε$.4 άϥϑΟΧϧͳ6*Λఏڙ͠ͳ͍$.4 ɾ8PSE1SFTTͱҧ͍$POUFOUGVMϑϩϯτ෦ Ϣʔβʔ ͕৮ΕΔը໘ Ұఏڙͳ͍ ɾ8PSE1SFTTͷཧը໘͚ͩ͋ΔΠϝʔδ ɾσʔλ"1*ܦ༝Ͱऔಘ͢Δ
ɾҰఆͷ༰ྔ·ͰແྉͰ͑Δ
$.4ͷબఆ ɾαʔόϨεߏʹ͔ͨͬͨ͠ ɾOFUMJGZ/VYUͱ૬ੑ͕ྑͦ͞͏ ɾϔουϨε$.4ͷதͰ࣮͋Γͦ͏ υΩϡϝϯτ͕ἧͬ ͍ͯΔ
ຊϔουϨεCMS IUUQTNJDSPDNTJP ͪ͜ΒϔουϨε$.4ͱͯ͠ྑͦ͞͏ʂ ։ൃ࣌ʹ͜ΕΛ͍ͬͯͨΒͪ͜ΒΛ࠾༻͍͔ͯͨ͠͠Ε·ͤΜɻɻ
1ZUIPO ɾεΫϦϓτݴޠ ɾ͍ߏจͰ͔Γ͘͢ॻ͚Δͷ͕ಛ ɾ࠷ۙػցֶशɺ"*ྖҬͰਓؾͷݴޠ ɾ8FCΞϓϦέʔγϣϯͷϑϨʔϜϫʔΫ͋Γ෯͑͘Δݴޠ 1ZUIPOΛબఆ͠ ͨେ͖ͳཁҼ ݸਓతʹ1ZUIPOΛॻ͖͔ͨͬͨʂ ϑϩϯτΤϯυʹ߹Θͤͯ/PEFKT͏ͷ͕ϕλʔͳؾ͍ͯ͠·͢ɻɻ
)FSPLV ɾ1BB4 1MBUGPSNBTB4FSWJDF ͱݺΕΔϓϥοτϗʔϜ ɾ8FCΞϓϦέʔγϣϯΛߏங͢Δ͏͑Ͱ༷ʑͳػೳΛఏڙ͠ ͯ͘ΕΔαʔϏε ɾࠓճ͍ͬͯΔͷ)FSPLV4DIFEVMFSͷΈ
)FSPLV4DIFEVMFS ɾόονॲཧ DSPO Λͯ͘͠ΕΔ)FSPLVͷϓϥάΠϯ ɾ෯͍ݴޠʹରԠ͍ͯ͠Δ 1ZUIPOʹରԠ͍ͯ͠Δ ɾҰఆྔ·ͰແྉͰ͑Δ ɾ%ZOP μΠϊ
ͱ͍͏ίϯςφ͕ར༻Ͱ͖Δ ɾ EZOP݄·Ͱແྉˠ ݄࣌ؒ·Ͱແྉ ɾճͷόονॲཧ͙Β͍ͳΒ༨༟Ͱແྉͷൣғ
)FSPLV4DIFEVMFSΛͬͨྫ https://qiita.com/hikarut/items/6138e8e406da17f5b67c IUUQTRJJUBDPNIJLBSVUJUFNTFFEBGCD IUUQTRJJUBDPNIJLBSVUJUFNTGDBDCE
)FSPLV4DIFEVMFSΛͬͨྫ https://qiita.com/hikarut/items/6138e8e406da17f5b67c IUUQTRJJUBDPNIJLBSVUJUFNTFFEBGCD IUUQTRJJUBDPNIJLBSVUJUFNTGDBDCE ճ)FSPLV4DIFEVMFS͔Β2JJUB"1*Λୟ ͍ͯهࣄΛࣗಈߋ৽͢Δ Ҏ্ӡ༻த
'JSFCBTF ɾN#BB4 NPCJMFCBDLFOEBTB4FSWJDF ͱݴΘΕΔϞό ΠϧͷόοΫΤϯυߏஙΛαϙʔτ͢ΔϓϥοτϑΥʔϜ ɾϞόΠϧҎ֎ͷ8FCΞϓϦέʔγϣϯͰ͑Δػೳ͕૿͑ ͍ͯΔ
'JSFCBTF 'JSFTUPSF ɾ/P42-ͷσʔλϕʔε ɾ֊ܕσʔλߏʹରԠ͍ͯ͠Δ υΩϡϝϯτͱίϨΫγϣϯ ɾϦΞϧλΠϜੑʹڧ͍ ɾಡΈऔΓ SFREBZ·Ͱແྉ ɾॻ͖ࠐΈ
SFREBZ·Ͱແྉ আ SFREBZ·Ͱແྉ
'JSFCBTF 'JSFTUPSF ɾ֊ܕσʔλߏʹରԠ͍ͯ͠Δ υΩϡϝϯτͱίϨΫγϣϯ
'JSFCBTF 'JSFTUPSF ɾಡΈऔΓ SFREBZ·Ͱແྉ ˠճϦΫΤετ͢ΔͱίϨΫγϣϯʹඥ͍͍ͮͯΔυΩϡϝϯτ ͷ͚ͩϦΫΤετ͕Χϯτ͞ΕΔ ˠ8FCϖʔδΛදࣔ͢ΔͨͼʹσʔλΛऔΓʹߦ͘ͱɺ͋ͬͱ͍ ͏ؒʹແྉΛ͑ͯ͠·͏ɻɻ ɾOFUMJGZͷϏϧυͷ࣌ʹ͋Β͔͡Ί'JSFTUPSF͔ΒσʔλΛશ݅ औಘͯ͠KTPOϑΝΠϧͱͯ͠ग़ྗ
ɾ੩తϑΝΠϧੜ࣌ʹKTPOϑΝΠϧΛಡΈࠐΉ͜ͱͰ 'JSFTUPSFͷϦΫΤετϏϧυ͚࣌ͩʹ͢Δ ΫϥΠΞϯτ͔Β'JSFTUPSFࢀর͠ͳ͍
8FCIPPL CVJME "1* "1* )FSPLV 1ZUIPO 'JSF4UPSF 8FCIPPL CVJME ΞʔΩςΫνϟɹ֓ཁ
º ̋ ΫϥΠΞϯτ͔Β'JSFTUPSF ϦΫΤετͤͣɺ OFUMJGZͷϏϧυ࣌ʹͩ ͚ϦΫΤετ͢Δ
%PDLFS ɾίϯςφܕͷԾڥ ɾ1ZUIPOͷ࣮ߦڥͱͯ͠ར༻ ɾຊ൪ڥͰΘͣɺ։ൃڥ͚ͩͰ͍ͬͯΔ ˞ຊ൪ڥͷ)FSPLVΛ%PDLFSͰσϓϩΠ͢Δ͜ͱՄೳ
%PDLFSͷϝϦοτ ɾϩʔΧϧڥΛԚͣ͞։ൃڥ͕࡞ΕΔ ɾ࠶ݱ͕͍͢͠ͷͰଞͷਓɺଞͷ1$Ͱ͙͢ʹ։ൃڥͷߏ ங͕Ͱ͖Δ ɾຊ൪σϓϩΠ%PDLFSͰߦ͏͜ͱͰ։ൃڥͱຊ൪ڥͰ ͷࠩΛແͤ͘Δ
)FSPLV 7VFUJGZ 1ZUIPO 'JSF4UPSF ΞʔΩςΫνϟɹ֓ཁɹ·ͱΊ ϑϩϯτΤϯυ όοΫΤϯυ ੩తϑΝΠϧͷੜ ϖʔδ੍࡞ͷͨΊͷ 6*ϑϨʔϜϫʔΫ
ιʔείʔυཧͱ σϓϩΠࣗಈԽ ੩తϑΝΠϧͷ ϗεςΟϯά χϡʔεهࣄͷอଘ χϡʔεهࣄͷࣗಈߋ৽ॲཧ όονॲཧ όοΫΤϯυͷ࣮ߦݴޠ όοΫΤϯυͷ։ൃڥ هࣄͷߘऔಘͷ"1*
8FCIPPL CVJME "1* "1* )FSPLV 1ZUIPO 'JSF4UPSF 8FCIPPL CVJME ΞʔΩςΫνϟɹ֓ཁɹ·ͱΊ
1ZUIPO όοΫΤϯυ։ൃڥ
&/%
"11&/%*9
ࢀߟهࣄ ɾෳۀͰ8FCαΠτ੍࡞͢Δࡍͷ8PSE1SFTTͱ/VYUKTͷϝϦσϝൺֱ IUUQTGVLVHZPVEFWQPTUT ɾ/VYUKTͱ$POUFOUGVMͰϒϩά࡞ͬͯΈͨ IUUQTRJJUBDPNIJTBLPJUFNTCEGFGF ɾʲೖʳ/VYUKT $POUFOUGVM /FUMJGZͰ࢝ΊΔɺ+".TUBDLͳ$.4ߏங IUUQTRJJUBDPNJTJIJHBNF,PVEBJJUFNTFBEFDBDD ɾ/VYUKT
$POUFOUGVM /FUMJGZͰϒϩάΛͭ͘Δ IUUQTRJJUBDPNDIJIBSVJTBLJJUFNTGDBDDDDC ɾ/VYU /FUMJGZ $POUFOUGVM 1ZUIPO 'JSFCBTF )FSPLVΛͬͨແྉͰαʔόϨεͳෳۀϝσΟΞ αΠτΛ࡞ͬͨ IUUQTRJJUBDPNIJLBSVUJUFNTCEE⒎EBG ɾ/VYUͰϏϧυ࣌ʹ"1*Λ੩తԽͯ͠ɺશʹαʔόʔͷϦΫΤετΛͳ͘͢τ IUUQTRJJUBDPNTPJDIJSP@OJUUBJUFNTDBEFCBFE