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
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を...
Search
Masahiko Sakakibara
January 15, 2025
Technology
0
360
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
Masahiko Sakakibara
January 15, 2025
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
540
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
230
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.6k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
500
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
570
Capacitor4_release
rdlabo
0
640
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
140
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
140
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.9k
Other Decks in Technology
See All in Technology
AI連携の新常識! 話題のMCPをはじめて学ぶ!
makoakiba
0
180
今のコンピュータ、AI にも Web にも 向いていないので 作り直そう!!
piacerex
0
590
新米エンジニアをTech Leadに任命する ー 成長を支える挑戦的な人と組織のマネジメント
naopr
1
350
SREのキャリアから経営に近づく - Enterprise Risk Managementを基に -
shonansurvivors
1
720
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.7k
短期間でRAGシステムを実現 お客様と歩んだ生成AI内製化への道のり
taka0709
1
180
猫でもわかるAmazon Q Developer CLI 解体新書
kentapapa
1
310
AIがコードを書いてくれるなら、新米エンジニアは何をする? / komekaigi2025
nkzn
25
17k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
250
GTC 2025 : 가속되고 있는 미래
inureyes
PRO
0
150
Spec Driven Development入門/spec_driven_development_for_learners
hanhan1978
0
560
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
2.6k
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
950
Measuring & Analyzing Core Web Vitals
bluesmoon
9
650
Building Applications with DynamoDB
mza
96
6.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Unsuck your backbone
ammeep
671
58k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Optimizing for Happiness
mojombo
379
70k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Transcript
3FBDUϑϨʔϜϫʔΫϓϩμΫτΛ Ϟ バ ΠϧΞ プ Ϧʹͯ͠ɺͬͱศརʹɻ ϢʔβʹՁΛಧ͚Α͏ɻ
!SEMBCP
ϢʔβɺzϚΠzϓϥοτϑΥʔϜͰ͍͕ͨΔ
Δͷ͍ଓ͚ΔͷɺzϚΠϓϥοτϑΥʔϜ wϢʔβʹͬͯΒ͏ͨΊʹ༂ىʹ4&0ʁ w͚ΕͲɺ(PPHMFͰ୳͢ਓͱಉ͡Α͏ʹɺΞϓϦετΞͰΞϓϦΛ୳ ͢ਓ
Δͷ͍ଓ͚ΔͷɺzϚΠϓϥοτϑΥʔϜ wࣗͰɺ9ϒϥβɺ֎ग़࣌ΞϓϦʁ wԼͷϢʔβൺͲΕ͕ͲΕͷͷͰ͠ΐ͏͔ɻ wঁੑઐ༻ιʔγϟϧαʔϏε wϫΠϯཧΞϓϦ w৯දࣔҹΞϓϦ
Δͷ͍ଓ͚ΔͷɺzϚΠϓϥοτϑΥʔϜ wࣗͰɺ9ϒϥβɺ֎ग़࣌ΞϓϦʁ wԼͷϢʔβൺͲΕ͕ͲΕͷͷͰ͠ΐ͏͔ɻ wঁੑઐ༻ιʔγϟϧαʔϏε wϫΠϯཧΞϓϦ w৯දࣔҹΞϓϦ ঁੑઐ༻ιʔγϟϧαʔϏε ϫΠϯཧΞϓϦ ৯දࣔҹΞϓϦ
ωΠςΟϒΞϓϦ"1*ʹΑΔػೳ֦ு͕͍ ϞόΠϧσόΠεɺΞϓϦͰར༻Ͱ͖Δແͷ"1*Λఏڙɻ ྫʣ9DPEFͰ໌ࣔతʹڐՄ͕ඞཁͳ$BQBCJMJUJJFT
ωΠςΟϒΞϓϦ"1*ʹΑΔػೳ֦ு͕͍
ϞόΠϧϒϥβҰ෦ػೳ͕ڐՄ͞ΕͨʮΞϓϦʯ ΞϓϦʹڐՄ͞ΕΔσόΠεͷػೳ܈ ͦͷҰ෦͕ڐՄ͞Εͨϒϥβ 8FCΞϓϦϒϥβ"1*Λ௨ͯ͠ ͦͷҰ෦ͷػೳʹΞΫηε͍ͯ͠Δ ˣ Χϝϥ Ґஔใ ετϨʔδ
ͳͥɺҰ෦͔͠ڐՄ͞Εͳ͍ɹˠɹ8FCΞϓϦ͕৹ࠪΛड͚͍ͯͳ͍͔Β w ੍ݶ͞Ε͍ͯΔίϯςϯπ w ͳΓ͢·͠ w తࡒ࢈ݖ w ϓϥΠόγʔɺٗɺෆਖ਼ར༻ w
ऩӹԽͱࠂ w ετΞͷܝࡌใͱϓϩϞʔγϣϯ w εύϜͱ࠷ݶͷػೳ w ϚϧΣΞ w ϞόΠϧͷ·͘͠ͳ͍ιϑτΣΞ w ϑΝϛϦʔ IUUQTQMBZHPPHMFDPNBCPVU EFWFMPQFSDPOUFOUQPMJDZ
͔ͩΒɺϚϧνϓϥοτϑΥʔϜɻ 8FCϕʔεʹJ04ͱ"OESPJEΞϓϦల։͠Α͏ɻ ϚϧνϓϥοτϑΥʔϜ։ൃπʔϧʹ'MVUUFS3FBDU /BUJWF͋Γ·͕͢ɺࠓ8FCʹ͍͚ͭͯͩΛ͓͠· ͢ɻൺֱͷৄࡉͳͲʹڵຯ͋Εผ్࣭͍ͩ͘͝͞ɻ
8FCϕʔεʹϞόΠϧΞϓϦΛͭ͘Δͱ͍͏͜ͱ εςʔλεόʔ 8FC7JFX 63-όʔ σόΠε04͕දࣔɻΞ ϓϦϨϕϧͰ৭Λม ߋͨ͠ΓɺඇදࣔʹͰ͖ Δɻ ϒϥβΞϓϦ͕දࣔɻ 63-͔Βऔಘͨ͠Ξηο
τΛϨϯμϦϯά͢Δɻ 63-Λೖྗ͢Δ͜ͱͰͲ ΜͳαΠτදࣔͰ͖ͯ ͠·͏ɻ ϒϥβΞϓϦ͕දࣔɻ
$BQBDJUPS w8FC7JFXϞόΠϧΞϓϦͷςϯϓϨʔτ wJ04"OESPJE͕ఏڙ͍ͯ͠Δ8FC7JFXͱରΠϯλʔϑΣΠεΛͦ ͷ··ར༻
$BQBDJUPSΛͬͨ߹ͷϑΝΠϧߏ 8FCΞηοτ͜͜ʹίϐʔ 1PE fi MFͰϥΠϒϥϦཧ ࠷ॳʹىಈ
࣮ࡍʹɺ(BUTCZɺ/FYUKTͱ3FNJYΛ$BQBDJUPSΞϓϦʹ ͠Α͏ʂʢ͕ΜΓ·͢ʣ
%&.0
ҙ w443͕ແޮͰ͋ΔͨΊɺ͑ͳ͍"1*͕͋Δ͜ͱʹҙ w/FYUKT wHFU4FSWFS4JEF1SPQT w*43 w*NBHF0QUJNJ[BUJPO w3FNJY wσʔλͷऔಘ wσʔλͷϛϡʔςʔγϣϯ wIFBEFST
ؔ
5IFBOTXFS JOBOVUTIFMM JTCFDBVTF UIBU`TXIFSFUIFTBSF 5IFBOTXFS JOBOVUTIFMM JT CFDBVTF UIBU`TXIFSFUIFT BSF
͑؆୯ɻͦ͜ʹϢʔ β͕͍Δ͔ΒͰ͢ɻ
࣭͕͋Ε!SEMBCPɺ͘͠DMBTTNFUIPE͞Μ
ࣗݾհ ࡗݪণ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴදཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBO6TFS(SPVQ ද *POJD%FWFMPQFS&YQFSU 4USJQF$PNNVOJUZ&YQFSU
UJQTZT
৯දࣔҹ εϚϗͱϓϦϯλ͚ͩͰ৯දࣔϥ ϕϧΛͭ͘ΕΔຊॳͷઐ༻ΞϓϦ
XJOFDPEF ଟछྨଟྔͷϫΠϯΛෳڌͰཧͰ ͖Δຊ།ҰͷΞϓϦɻ