Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を...

Avatar for Masahiko Sakakibara Masahiko Sakakibara
January 15, 2025
Technology
0
270

Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor

Avatar for Masahiko Sakakibara

Masahiko Sakakibara

January 15, 2025
Tweet

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
Avatar for Masahiko Sakakibara rdlabo
1
120
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
Avatar for Masahiko Sakakibara rdlabo
3
4.4k
GitHubをCMSとして使う話/ using_github_as_CMS
Avatar for Masahiko Sakakibara rdlabo
0
420
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
Avatar for Masahiko Sakakibara rdlabo
0
530
Capacitor4_release
Avatar for Masahiko Sakakibara rdlabo
0
610
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
Avatar for Masahiko Sakakibara rdlabo
0
130
Ionicモバイルアプリ制作入門/get_started_with_ionic
Avatar for Masahiko Sakakibara rdlabo
0
120
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
Avatar for Masahiko Sakakibara rdlabo
2
1.8k
JavaScriptとSwift&JavaをつなげるCapacitorと、これからのWeb Frontend/Linking JavaScript with Swift&Java,
And the future of Web Frontend.
Avatar for Masahiko Sakakibara rdlabo
0
3.7k

Other Decks in Technology

See All in Technology
非root化Androidスマホでも動く仮想マシンアプリを試してみた
Avatar for Sora Arakawa arkw
0
120
正式リリースされた Semantic Kernel の Agent Framework 全部紹介！
Avatar for Kazuki okazuki
1
1.1k
時間がないなら、つくればいい 〜数十人規模のチームが自律性を発揮するために試しているいくつかのこと〜
Avatar for KAKEHASHI kakehashi
PRO
23
5.4k
経済メディア編集部の実務に小さく刺さるAI / small-ai-with-editorial
Avatar for Yukiya Nakagawa nkzn
2
380
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
5.5k
AOAI で AI アプリを開発する時にまず考えたいこと
Avatar for Yuji Masaoka | まっぴぃ mappie_kochi
1
690
10分で学ぶ、RAGの仕組みと実践
Avatar for Marimo supermarimobros
0
930
ペアーズにおける評価ドリブンな AI Agent 開発のご紹介
Avatar for fukubaka0825 fukubaka0825
9
2.6k
Sleep-time Compute: LLM推論コスト削減のための事前推論
Avatar for sergicalsix sergicalsix
1
120
Как мы автоматизировали интеграционное тестирование с Gonkey и не пожалели. Паша Егорычев, Кирилл Поляков
Avatar for Lamoda Tech lamodatech
0
2.1k
AndroidアプリエンジニアもMCPを触ろう
Avatar for Shinnosuke Kugimiya kgmyshin
2
650
Datadog のトライアルを成功に導く技術 / Techniques for a successful Datadog trial
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
140

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.5k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
420
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
940
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
790

Transcript

  1. 3FBDUϑϨʔϜϫʔΫϓϩμΫτΛ Ϟ バ ΠϧΞ プ Ϧʹͯ͠ɺ΋ͬͱศརʹɻ ϢʔβʹՁ஋Λಧ͚Α͏ɻ

  2. !SEMBCP

  3. Ϣʔβ͸ɺzϚΠzϓϥοτϑΥʔϜͰ࢖͍͕ͨΔ

  4. ஌Δͷ΋࢖͍ଓ͚Δͷ΋ɺzϚΠϓϥοτϑΥʔϜ wϢʔβʹ࢖ͬͯ΋Β͏ͨΊʹ༂ىʹ4&0ʁ w͚ΕͲɺ(PPHMFͰ୳͢ਓͱಉ͡Α͏ʹɺΞϓϦετΞͰΞϓϦΛ୳ ͢ਓ΋

  5. ஌Δͷ΋࢖͍ଓ͚Δͷ΋ɺzϚΠϓϥοτϑΥʔϜ wࣗ୐Ͱ͸ɺ9͸ϒϥ΢βɺ֎ग़࣌͸ΞϓϦʁ wԼͷϢʔβൺ཰͸ͲΕ͕ͲΕͷ΋ͷͰ͠ΐ͏͔ɻ wঁੑઐ༻ιʔγϟϧαʔϏε wϫΠϯ؅ཧΞϓϦ w৯඼දࣔҹ࡮ΞϓϦ

  6. ஌Δͷ΋࢖͍ଓ͚Δͷ΋ɺzϚΠϓϥοτϑΥʔϜ wࣗ୐Ͱ͸ɺ9͸ϒϥ΢βɺ֎ग़࣌͸ΞϓϦʁ wԼͷϢʔβൺ཰͸ͲΕ͕ͲΕͷ΋ͷͰ͠ΐ͏͔ɻ wঁੑઐ༻ιʔγϟϧαʔϏε wϫΠϯ؅ཧΞϓϦ w৯඼දࣔҹ࡮ΞϓϦ ঁੑઐ༻ιʔγϟϧαʔϏε ϫΠϯ؅ཧΞϓϦ ৯඼දࣔҹ࡮ΞϓϦ

  7. ωΠςΟϒΞϓϦ͸"1*ʹΑΔػೳ֦ு͕೤͍ ϞόΠϧσόΠε͸ɺΞϓϦͰར༻Ͱ͖Δແ਺ͷ"1*Λఏڙɻ ྫʣ9DPEFͰ໌ࣔతʹڐՄ͕ඞཁͳ$BQBCJMJUJJFT

  8. ωΠςΟϒΞϓϦ͸"1*ʹΑΔػೳ֦ு͕೤͍

  9. ϞόΠϧϒϥ΢β͸Ұ෦ػೳ͕ڐՄ͞ΕͨʮΞϓϦʯ ΞϓϦʹڐՄ͞ΕΔσόΠεͷػೳ܈ ͦͷҰ෦͕ڐՄ͞Εͨϒϥ΢β 8FCΞϓϦ͸ϒϥ΢β"1*Λ௨ͯ͠ ͦͷҰ෦ͷػೳʹΞΫηε͍ͯ͠Δ ˣ Χϝϥ Ґஔ৘ใ ετϨʔδ

  10. ͳͥɺҰ෦͔͠ڐՄ͞Εͳ͍ɹˠɹ8FCΞϓϦ͕৹ࠪΛड͚͍ͯͳ͍͔Β w ੍ݶ͞Ε͍ͯΔίϯςϯπ w ͳΓ͢·͠ w ஌తࡒ࢈ݖ w ϓϥΠόγʔɺ࠮ٗɺෆਖ਼ར༻ w

    ऩӹԽͱ޿ࠂ w ετΞͷܝࡌ৘ใͱϓϩϞʔγϣϯ w εύϜͱ࠷௿ݶͷػೳ w Ϛϧ΢ΣΞ w ϞόΠϧͷ๬·͘͠ͳ͍ιϑτ΢ΣΞ w ϑΝϛϦʔ IUUQTQMBZHPPHMFDPNBCPVU EFWFMPQFSDPOUFOUQPMJDZ

  11. ͔ͩΒɺϚϧνϓϥοτϑΥʔϜɻ 8FCϕʔεʹJ04ͱ"OESPJEΞϓϦ΋ల։͠Α͏ɻ ϚϧνϓϥοτϑΥʔϜ։ൃπʔϧʹ͸'MVUUFS΍3FBDU /BUJWF΋͋Γ·͕͢ɺࠓ೔͸8FCʹ͍͚ͭͯͩΛ͓࿩͠· ͢ɻൺֱͷৄࡉͳͲʹڵຯ͋Ε͹ผ్࣭͝໰͍ͩ͘͞ɻ

  12. 8FCϕʔεʹϞόΠϧΞϓϦΛͭ͘Δͱ͍͏͜ͱ εςʔλεόʔ 8FC7JFX 63-όʔ σόΠε04͕දࣔɻΞ ϓϦϨϕϧͰ͸഑৭Λม ߋͨ͠ΓɺඇදࣔʹͰ͖ Δɻ ϒϥ΢βΞϓϦ͕දࣔɻ 63-͔Βऔಘͨ͠Ξηο

    τΛϨϯμϦϯά͢Δɻ 63-Λೖྗ͢Δ͜ͱͰͲ ΜͳαΠτ΋දࣔͰ͖ͯ ͠·͏ɻ ϒϥ΢βΞϓϦ͕දࣔɻ

  13. $BQBDJUPS w8FC7JFXϞόΠϧΞϓϦͷςϯϓϨʔτ wJ04"OESPJE͕ఏڙ͍ͯ͠Δ8FC7JFXͱର࿩ΠϯλʔϑΣΠεΛͦ ͷ··ར༻

  14. $BQBDJUPSΛ࢖ͬͨ৔߹ͷϑΝΠϧߏ੒ 8FCΞηοτ͸͜͜ʹίϐʔ 1PE fi MFͰϥΠϒϥϦ؅ཧ ࠷ॳʹىಈ

  15. ࣮ࡍʹɺ(BUTCZɺ/FYUKTͱ3FNJYΛ$BQBDJUPSΞϓϦʹ ͠Α͏ʂʢ͕Μ͹Γ·͢ʣ

  16. %&.0

  17. ஫ҙ఺ w443͕ແޮͰ͋ΔͨΊɺ࢖͑ͳ͍"1*͕͋Δ͜ͱʹ஫ҙ w/FYUKT wHFU4FSWFS4JEF1SPQT w*43 w*NBHF0QUJNJ[BUJPO w3FNJY wσʔλͷऔಘ wσʔλͷϛϡʔςʔγϣϯ wIFBEFST

    ؔ਺

  18. 5IFBOTXFS JOBOVUTIFMM JTCFDBVTF UIBU`TXIFSFUIFTBSF 5IFBOTXFS JOBOVUTIFMM JT CFDBVTF UIBU`TXIFSFUIFT BSF

    ౴͑͸؆୯ɻͦ͜ʹϢʔ β͕͍Δ͔ΒͰ͢ɻ

  19. ࣭໰͕͋Ε͹!SEMBCPɺ΋͘͠͸DMBTTNFUIPE͞Μ΁

  20. ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBO6TFS(SPVQ ୅ද *POJD%FWFMPQFS&YQFSU 4USJQF$PNNVOJUZ&YQFSU

  21.  UJQTZT

  22. ৯඼දࣔҹ࡮ εϚϗͱϓϦϯλ͚ͩͰ৯඼දࣔϥ ϕϧΛͭ͘ΕΔ೔ຊॳͷઐ༻ΞϓϦ

  23. XJOFDPEF ଟछྨଟ਺ྔͷϫΠϯΛෳ਺ڌ఺Ͱ؅ཧͰ ͖Δ೔ຊ།ҰͷΞϓϦɻ