Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Masahiko Sakakibara Masahiko Sakakibara
January 15, 2025
Technology
580
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
決済端末ビジネスを、決済会社だけのものにしない/stripe_terminal_business
Avatar for Masahiko Sakakibara rdlabo
0
59
JavaScriptで始める店舗インフラ決済構築/stripe_terminal_workshop
Avatar for Masahiko Sakakibara rdlabo
0
53
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
700
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
Avatar for Masahiko Sakakibara rdlabo
1
400
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
Avatar for Masahiko Sakakibara rdlabo
3
4.9k
GitHubをCMSとして使う話/ using_github_as_CMS
Avatar for Masahiko Sakakibara rdlabo
0
690
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
Avatar for Masahiko Sakakibara rdlabo
0
640
Capacitor4_release
Avatar for Masahiko Sakakibara rdlabo
0
730
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
Avatar for Masahiko Sakakibara rdlabo
0
170

Other Decks in Technology

See All in Technology
データ_AIの事業の勝敗をわけるもの
Avatar for KJ(Kenji Matsuda) nek0128
1
480
CLIライブラリ開発を支える技術
Avatar for Hiroshi TANABE htnabe
0
150
beyond jj: config & tools ecosystem
Avatar for André Arko indirect
0
6k
技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
3.7k
おい、エージェントを使って終わらせろ
Avatar for nwiizo nwiizo
3
900
C#コードの結合を可視化する Roslyn解析による設計改善と リファクタリング判断
Avatar for dora56 dora56
0
560
人にやさしく、AIにやさしく、書き手を選ばないIaCのガードレール再考 / Rethinking IaC Guardrails for Humans and AI Alike
Avatar for kohbis kohbis
3
560
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
Avatar for ZOZO Developers zozotech
PRO
0
500
Vibe Coding で作ったプロダクトをどう安全に動かすか / How to Safely Run Products Built with Vibe Coding
Avatar for Akira Maeda glidenote
0
540
GoのInterface内部構造から学ぶ！最高パフォーマンスを出すコード設計
Avatar for Yappli Developers yappli_developers
1
280
エージェントはローカル、検証はMicroVM — Lambda MicroVMsでつくるServerless CI
Avatar for fujioka-a fujioka6789
3
760
地方移住と都心キャリアの両立は「金・時間・人」のリソースをフル活用すれば実現できる！〜Snowflake女子会 vol.8
Avatar for SnowflakeLadiesGroup snowwmn0824
0
110

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
58k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
440
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
340
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
900
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
240

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