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
140
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 果物リン
ADDF - ループエンジニアリングするフレームワークを作ったら/I Didn't Set Out to Build Loop Engineering, But ADDF Did
Avatar for 果物リン fruitriin
0
110
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
130
記憶を高速で思い出す全文検索パフォーマンス・チューニング テクニック/How to make your AI recall, quickly
Avatar for 果物リン fruitriin
0
95
入社半年で作った"社内でも使える"ツール集/Everything I Built on the Side in Half a Year
Avatar for 果物リン fruitriin
0
100
embodied記憶の依代 聖杯問答/ Vessel of Memory: The Grail Dialogue #embodied_llm
Avatar for 果物リン fruitriin
2
190
ClaudeCodeと遠くへいくためのパーミッションルール/Stop Checking, Start Trusting: Claude Code Permission Rules
Avatar for 果物リン fruitriin
0
72
Claude Codeと物忘れ / Invitation talk about context - Why Claude Code forget?
Avatar for 果物リン fruitriin
0
98
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
250
ある日オレオレフレームワークを作りたくなったぞ/Want to Create Oreore Framework
Avatar for 果物リン fruitriin
1
180

Featured

See All Featured
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
160
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
280
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
420
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
1.9k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
410
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
330

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ʁ