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

Electron+Vue+Swift=真のデスクトップアプリ / How to create ...

Avatar for 果物リン 果物リン
October 22, 2024
0
69

Electron+Vue+Swift=真のデスクトップアプリ / How to create "Really" desktop app using Electron

ちょっと盛ったかもしれないけど
ElectronにAPIがないからって諦めないデスクトップアプリ開発の話
Avatar for 果物リン

果物リン

October 22, 2024
Tweet

More Decks by 果物リン

See All by 果物リン
ある日オレオレフレームワークを作りたくなったぞ/Want to Create Oreore Framework
Avatar for 果物リン fruitriin
1
120
fishとfzfはじめて 豊かになりました / fish and fzf is good
Avatar for 果物リン fruitriin
1
850
Chrome Devtools使いこなしたい/I want to master devtool
Avatar for 果物リン fruitriin
3
1.5k
Event Stage - 真面目に作ったけど 全くウケなくてクソだったアプリ/I made new service but they say shit
Avatar for 果物リン fruitriin
0
170
読み上げチャット＋映像配信サービス作ってるけど…/I develop Text-to-Speach chat and broadcast Savice but...
Avatar for 果物リン fruitriin
0
140
とある自社開発の苦楽の軌跡/Trajectory of a Certain In-house Development Effort
Avatar for 果物リン fruitriin
1
240
動画再生速度を変更するコンポーネントを作ろうとして諦めた話/talk about give up to create video with playback-rate controller
Avatar for 果物リン fruitriin
6
930
Soft Skillsから伝えたい新人時代の個人開発技術選定/Selecting Stack for Personal Development as a from Soft Skills
Avatar for 果物リン fruitriin
2
350
SFCで挑戦するFunctional Component/Functional Component Challenge at SFC
Avatar for 果物リン fruitriin
3
1.6k

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
450
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
340

Transcript

  1. Electron+Vue++Swift = 真のﾃﾞｽｸﾄｯﾌﾟｱﾌﾟﾘ Ռ෺Ϧϯ@[email protected] Misskey.systems

  2. ʢλΠτϧ͸ʣ ͍ͩͿ੝͔ͬͨ΋͠Εͳ͍

  3. 自己紹介@果物リン • ൒೥͘Β͍ແ৬ͱ͍͏ࣗ༝ΛᨳՎத • Vue͕޷͖Ͱͨ·Βͳ͍ • Misskey.systems͔Β͖·ͨ͠ • ͜Εʹ͍ͭͯ΋͍ͬͺ͍࿩͍͚ͨ͠Ͳ

  4. こんなアプリ作ってます ੿࡞ Taskbar.fm

  5. Electron੡Ͱ͢

  6. （おさらい）Electron • BrowserViewͱσεΫτοϓAPIୟ͚Δ܅ͷηοτ • ͜Ε͑͋͞Ε͹WebΤϯδχΞͷ͋ͳͨ΋ σεΫτοϓΞϓϦ͕࡞ΕͪΌ͍·͢ʂ

  7. πʔϧόʔ࡞Γ͍ͨͳ͋

  8. ϓϩηεͷϦετ͕΄͍͠ͳ͋

  9. None

  10. API଍Γͳ͘ͳ͍……ʁ

  11. None

  12. ݟ͑ͳ͍Αʂʼ

  13. ŗŕʂʼ

  14. SwiftͰϓϩηεϦετ ࡞ͬͯऔಘ͢Δ͔

  15. Swift製CLI tool作り方３種類 • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ • swiftc ͰϏϧυ͢Δ • swift build

    ͰϏϧυ͢Δ
  16. None

  17. ݁ہ͸ؾ߹

  18. Nodeから起動して取り扱う • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ

  19. Nodeから起動して取り扱う • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ ݺͼग़ͤΔ

  20. Nodeから起動して取り扱う • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ stdoutΛ͘Εʂ

  21. Nodeから起動して取り扱う • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ stdoutΛ͘Εʂ

  22. Nodeから起動して取り扱う • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ ϑϩϯτΤϯυʹ౤͛Δͧʂ

  23. こんなアプリ作ってます ੿࡞ Taskbar.fm

  24. ΊͰͨ͠ΊͰͨ͠

  25. Appendix ʮVueʹ͍ͭͯͷ࿩͸ͳ͍ΜͰ͔͢ʂʁʯ

  26. ࢲ͸޷͖ʹͨ͠

  27. ElectronViteがいい感じ • xCodeىಈͯ͠ΰϦΰϦͬͱ࡞Δ

  28. ViteならなんでもOK • ࢮ͵΄ͲViteͰϓϩδΣΫτ࡞ͬͨਓʹ͸ ʮ͋ʔɺͳΔ΄ͲͶʯΈ͍ͨͳؾ࣋ͪʹͳ͍ͬͯΔ͸ͣ • Vue3ͷඪ४΍Nuxtͷඪ४ʹͳͬͨϏϧυπʔϧ • Electron Vite΋΋ͪΖvueΛαϙʔτ

  29. マイカスタマイズ • preloadσΟϨΫτϦ࡟আ • electron-toolkit/preload Ͱ͍͍͔ͳ • main/index.tsΛmain.tsʹɺ renderer/index.tsΛrendere.tsʹϦωʔϜ →

    ೝࣝෛՙ௿Լ

  30. Ask any Questionʁ