TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript

TSKaigi2025 の LT 資料です。

追記した記事版はこちら。
https://zenn.dev/tris/articles/tskaigi2025-tauri-with-only-ts

Transcript

1. 
   54,BJHJ 5ZQF4DSJQU
   ͚ͩΛॻ͍ͯ
   5BVSJ
   Ͱ
   σεΫτοϓΞϓϦΛ࡞Ζ͏ খদ
   ᠳ
   USJT
   !USJT
2. ✦ খদ
   ᠳ
   ͜·ͭ
   ͠ΐ͏ɺUSJTɺ!USJT
   ✦ υϫϯΰ
   ڭҭࣄۀɹ8FCϑϩϯτΤϯυΤϯδχΞ
    લ৬͸మಓ԰ɾ෺ྲྀ԰  ࣗݾ঺հ
3. ✦ 3VTU
   ੡ͷΫϩεϓϥοτϑΥʔϜϑϨʔϜϫʔΫ
   ✦ σεΫτοϓͱϞόΠϧͷΞϓϦΛ࡞੒Մೳ
    8JOEPXT
   NBD04
   -JOVY
    "OESPJE
   J04
   ✦ γεςϜ
   04
   ͕͍࣋ͬͯΔ
   8FC
   ϏϡʔΛར༻ͯ͠
   6*
   Λඳը
    8FC
   ϒϥ΢βΛΞϓϦʹόϯυϧ͠ͳ͍ͨΊɺΞϓϦαΠζ͕খ͍͞
   w .#
   ఔ౓ͷϨϕϧײ
   NBD04
   ޲͚  5BVSJ
   ͱ͸
   ͦͷ
4. ✦ ը໘͸
   +BWB4DSJQU5ZQF4DSJQUɺϩδοΫ͸
   3VTU
   Ͱॻ͘ͷ͕جຊ
    +454
   ͱ
   3VTU
   ͷؒ͸ϓϩηεؒ௨৴
   *1$
   ʹΑΓ࿈ܞ͞ΕΔ
   ✦ 8FC
   ϑϩϯτΤϯυٕज़Λબ͹ͳ͍
    3FBDU
   7VF
   4WFMUF
   4PMJE
   K2VFSZ
   7BOJMMB
   ʜʜ  5BVSJ
   ͱ͸
   ͦͷ 8FCϏϡʔ
   6*Λඳը
   όοΫΤϯυ
   ΞϓϦͷڍಈ
   *1$
   ʢϓϩηεؒ௨৴ʣ
5.  3VTU
   ͔͊ʜʜ🤔
6.  5ZQF4DSJQU
   ͚ͩͰॻ͚Δʂ😄
7. ✦ +BWB4DSJQU5ZQF4DSJQU
   ͔ΒόοΫΤϯυଆͷॲཧΛݺͼग़͢
   "1*
   ΍ϓϥάΠϯ͕ެ͔ࣜΒఏڙ͞Ε͍ͯΔ
    ϑΝΠϧૢ࡞ɺ΢Οϯυ΢ૢ࡞ɺωοτϫʔΫΞΫηεɺ௨஌
   ʜʜ
    ωΠςΟϒݴޠ
   3VTU
   Ͱॻ͔ΕͨॲཧΛϥοϓ͍ͯ͠Δ  5ZQF4DSJQU
   ͚ͩͰॻ͚Δʂ ެࣜϦϑΝϨϯεͷίί
8. ✦ .BD
   ޲͚ອըϏϡʔϫ
   NBHW
   
   IUUQTHJUIVCDPNUSJTNBHW
    3FBDU
   
   +PUBJ
    ػೳɿ
   w ϑΥϧμ಺ͷը૾Λ։͘
   w ը૾Λ·ͱΊͨ
   [JQ
   ϑΝΠϧΛ։͘
   w લޙͷ
   [JQ
   ϑΝΠϧΛ։͘
   w [JQ
   ϑΝΠϧΛϦωʔϜ͢Δ
   w ΢Οϯυ΢ҐஔΛอଘɾ෮ݩ͢Δ
   ɹɹɹɹɹɹɹɹɹɹͳͲͳͲʜʜ  5ZQF4DSJQU
   ͚ͩͰΞϓϦΛ࡞ͬͯΈͨྫ
9. ✦ 5ZQF4DSJQU
   ͚ͩͰॻ͚Δʂ
    3VTU
   Λॻ͔ͳͯ͘ྑ͍
   ✦ ).3ʢ)PU
   .PEVMF
   3FQMBDFNFOUɺϗοτϦϩʔυʣͰշద։ൃ
    มߋͷ൓ө͕ૣ͘ɺ։ൃऀମݧ͕ྑ͍
    5ZQF4DSJQU
   ͚ͩͰॻ͍͍ͯΔͱ଴ͪ࣌ؒʢ΄΅ʣ φγʂ
   w 6*
   ෦෼͚ͩͰ͸ͳ͘όοΫΤϯυ෦෼Λॻ͖׵͑ͯ΋൓ө͕ര଎
   w ʢ3VTU
   ෦෼͸ίʔυΛมߋ͢ΔͨͼʹϏϧυ͞ΕΔͨΊɺ൓ө͕஗͍ʣ
   w ʢ6*
   ·Ͱશ෦Λ
   3VTU
   Ͱॻ͘͜ͱ΋Մೳ͕ͩɺշదੑ͕ྼΔʣ  5ZQF4DSJQU
   ͚ͩͰॻ͘خ͠͞
   ͦͷ 💖
10. ✦ ࢖͍׳Εͨ
    8FC
    ܥπʔϧνΣΠϯ͚ͩͰ׬݁
     3VTU
    πʔϧνΣΠϯ
    (cargo ౳)
    Λجຊతʹ৮Βͳͯ͘ྑ͍
     ྫ͑͹
    QOQN
    ͚ͩΛ࢖ͬͯ։ൃՄೳ
    w ॳظ࡞੒ɿ
    pnpm create tauri-app
    w ։ൃ࣮ߦɿ
    pnpm tauri dev w Ϗϧυɹɿ
    pnpm tauri build  5ZQF4DSJQU
    ͚ͩͰॻ͘خ͠͞
    ͦͷ
11. ✦ ωΠςΟϒॲཧ
    3VTU
    ࣮૷
    ͷݺͼग़͕ͪ͠ΐͬͱ஗͍
     ϓϩηεؒ௨৴Λ࢖͏ͨΊ
     ݺͼग़͠ͷΈΛ
     ճ
    ࣮ߦͰ
    NT
    ఔ౓ʢϚγϯεϖοΫʹΑΔʣ
    w Ҿ͔͔ͬΓ΍͍͢ྫɿϑΥϧμ಺ͷϑΝΠϧͷ৘ใΛऔಘ͢Δϧʔϓ
     3VTU
    ʹॲཧΛ·ͱΊͯճͷΈͷ࣮ߦʹ͢Ε͹଎͍  5BVSJ
    XJUI
    POMZ
    5ZQF4DSJQU
    ͷπϥΈ 8FCϏϡʔ
    6*Λඳը
    όοΫΤϯυ
    ΞϓϦͷڍಈ
    *1$
    ʢϓϩηεؒ௨৴ʣ
12.  Έͳ͞Μ΋
    5ZQF4DSJQU
    Ͱ
    σεΫτοϓɾϞόΠϧͷ
    ΞϓϦΛ࡞Γ·͠ΐ͏ʂ
    ͦͯ͠ੈքͷ͢΂ͯΛ
    5ZQF4DSJQU
    ʹછΊ্͛·͠ΐ͏ʂ ऴΘΓ