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

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

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

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

Avatar for Masahiko Sakakibara

Masahiko Sakakibara

January 15, 2025

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
650
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
Avatar for Masahiko Sakakibara rdlabo
1
360
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
Avatar for Masahiko Sakakibara rdlabo
3
4.8k
GitHubをCMSとして使う話/ using_github_as_CMS
Avatar for Masahiko Sakakibara rdlabo
0
640
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
Avatar for Masahiko Sakakibara rdlabo
0
620
Capacitor4_release
Avatar for Masahiko Sakakibara rdlabo
0
690
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
Avatar for Masahiko Sakakibara rdlabo
0
170
Ionicモバイルアプリ制作入門/get_started_with_ionic
Avatar for Masahiko Sakakibara rdlabo
0
170
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
Avatar for Masahiko Sakakibara rdlabo
2
2k

Other Decks in Technology

See All in Technology
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
0
610
個人AIからチームAIへ：開発における品質と生産性の再設計
Avatar for Atsushi Nakatsugawa moongift
PRO
0
320
PHP と TypeScript の型システム比較：AI 時代の「型」は誰のためにあるのか？ #frontend_phpcon_do / frontend_phpcon_do_2026
Avatar for shogogg shogogg
1
130
食べログのサーキットブレーカー導入を振り返って
Avatar for atpons atpons
1
150
Amazon Bedrock 経由の Claude Cowork を試してみよう・MCP にも繋いでみよう
Avatar for Kazuya Sugimoto sugimomoto
0
270
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
3
480
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.8k
A Harness for Behaviour: how to get AI to generate code that does what we intend, or "TDD in the age of AI"
Avatar for Matteo Vaccari xpmatteo
1
520
インフラが苦手でも大丈夫！ 紙芝居 Kubernetes -WWGT 10周年編-
Avatar for Aoi Takahashi aoi1
1
310
AI フレンドリーなエラー監視を TypeScript で実現する
Avatar for Shinobu Hayashi shinyaigeek
2
190
電子辞書Brainをネットに繋げてみた(自力編)
Avatar for らすぴー raspython3
0
380
Diagnosing performance problems without the guesswork
Avatar for Elena Tanasoiu elenatanasoiu
0
130

Featured

See All Featured
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
7
670
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Done Done
Avatar for chrislema chrislema
186
16k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.3k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
13k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
830
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k

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 ଟछྨଟ਺ྔͷϫΠϯΛෳ਺ڌ఺Ͱ؅ཧͰ ͖Δ೔ຊ།ҰͷΞϓϦɻ