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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for 果物リン 果物リン
October 22, 2024
130
0

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

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

Avatar for 果物リン

果物リン

October 22, 2024

More Decks by 果物リン

See All by 果物リン
AIに与える人間らしさを（略）したら600ページの同人誌になった/I kept thinking about making AI more human, more, more, more... wait, when did this become a 600-page doujinshi?
Avatar for 果物リン fruitriin
0
120
記憶を高速で思い出す全文検索パフォーマンス・チューニング テクニック/How to make your AI recall, quickly
Avatar for 果物リン fruitriin
0
75
入社半年で作った"社内でも使える"ツール集/Everything I Built on the Side in Half a Year
Avatar for 果物リン fruitriin
0
93
embodied記憶の依代 聖杯問答/ Vessel of Memory: The Grail Dialogue #embodied_llm
Avatar for 果物リン fruitriin
2
170
ClaudeCodeと遠くへいくためのパーミッションルール/Stop Checking, Start Trusting: Claude Code Permission Rules
Avatar for 果物リン fruitriin
0
64
Claude Codeと物忘れ / Invitation talk about context - Why Claude Code forget?
Avatar for 果物リン fruitriin
0
88
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
240
ある日オレオレフレームワークを作りたくなったぞ/Want to Create Oreore Framework
Avatar for 果物リン fruitriin
1
180
fishとfzfはじめて 豊かになりました / fish and fzf is good
Avatar for 果物リン fruitriin
1
980

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
340
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
200
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
240
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.4k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.6k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.6k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k

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ʁ