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
180
fishとfzfはじめて 豊かになりました / fish and fzf is good
Avatar for 果物リン fruitriin
1
980

Featured

See All Featured
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
8.1k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
200
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
290
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
65
55k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.6k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
200
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
180
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160

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ʁ