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
350
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
530
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
220
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.5k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
490
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時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
230
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
1k
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
takaking22
7
4k
The Cake Is a Lie... And So Is Your Login’s Accessibility
leichteckig
0
100
Adapty_東京AI祭ハッカソン2025ピッチスライド
shinoyamada
0
220
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.8k
[Keynote] What do you need to know about DevEx in 2025
salaboy
0
150
Wasmのエコシステムを使った ツール作成方法
askua
0
110
Vibe Coding Year in Review. From Karpathy to Real-World Agents by Niels Rolland, CEO Paatch
vcoisne
0
110
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
110
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
1
160
社内お問い合わせBotの仕組みと学び
nish01
1
530
Featured
See All Featured
Speed Design
sergeychernyshev
32
1.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Site-Speed That Sticks
csswizardry
11
890
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Optimizing for Happiness
mojombo
379
70k
Mobile First: as difficult as doing things right
swwweet
224
10k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Producing Creativity
orderedlist
PRO
347
40k
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 ଟछྨଟྔͷϫΠϯΛෳڌͰཧͰ ͖Δຊ།ҰͷΞϓϦɻ