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
110
記憶を高速で思い出す全文検索パフォーマンス・チューニング テクニック/How to make your AI recall, quickly
Avatar for 果物リン fruitriin
0
65
入社半年で作った"社内でも使える"ツール集/Everything I Built on the Side in Half a Year
Avatar for 果物リン fruitriin
0
85
embodied記憶の依代 聖杯問答/ Vessel of Memory: The Grail Dialogue #embodied_llm
Avatar for 果物リン fruitriin
2
160
ClaudeCodeと遠くへいくためのパーミッションルール/Stop Checking, Start Trusting: Claude Code Permission Rules
Avatar for 果物リン fruitriin
0
62
Claude Codeと物忘れ / Invitation talk about context - Why Claude Code forget?
Avatar for 果物リン fruitriin
0
85
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
240
ある日オレオレフレームワークを作りたくなったぞ/Want to Create Oreore Framework
Avatar for 果物リン fruitriin
1
170
fishとfzfはじめて 豊かになりました / fish and fzf is good
Avatar for 果物リン fruitriin
1
980

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
310
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
190
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
200
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.3k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.8k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
580
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k

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ʁ