Atom パッケージ開発のすゝめ

Kyoto.js 13 https://kyoto.js.org/13/

Transcript

1. "UPNύοέʔδ
   ։ൃͷ͢ʍΊ
   2017-07-30 Kyoto.js 13
   @susisu2413
   

   View Slide

2. "UPN
   

   View Slide

3. “
   A hackable text editor
   for the 21st century
   atom.io
   

   View Slide

4. ➤minimap
   ➤linter
   ➤֤छγϯλοΫεϋΠϥΠτ
   ➤ςʔϚ
   ύοέʔδʢ֦ுػೳʣΛ
   ࣗ༝ʹ௥ՃͰ͖Δ
   atom.io/packages
   

   View Slide

5. ͱ͜Ζ͕
   

   View Slide

6. ➤̋̋ Ͱͷ ✕✕ ͱ͍͏ػೳ͕ཉ͍͠

   ˠ ͪΐͬͱϚχΞοΫʹͳΔͱ·ͣແ͍
   ➤ӡྑ͘ݟ͚ͭͯ΋த్൒୺ɾόά
   

   View Slide

7. “
   A hackable text editor
   for the 21st century
   

   View Slide

8. %*:
   ΍͍͖ͬͯ·͠ΐ͏
   flight-manual.atom.io/hacking-atom/
   

   View Slide

9. "UPNͱ͍͑͹
   $PGGFF4DSJQU
   

   View Slide

10. View Slide

11. +BWB4DSJQU #BCFM
    
    Ͱ΋ॻ͚ΔͷͰ҆৺
    

    View Slide

12. ҎԼɺ࡞ͬͨ΋ͷͷ
    ঺հίʔφʔ
    

    View Slide

13. USFFWJFXQBOFT
    ➤ tree-viewʹدੜͯ͠

    ։͍͍ͯΔϑΝΠϧΛ
    දࣔ
    ➤ Sublime Text ʹ͋Δ
    OPEN FILES Λ࠶ݱ
    ➤ ྨࣅύοέʔδ͸ଟ਺
    ଘࡏ͕ͨ͠……
    

    View Slide

14. NBSLEPXOUBCMFFEJUPS
    ➤ Markdown ͷςʔϒϧͷฤूΛָʹ͢Δ
    ➤ ηϧؒͷΧʔιϧҠಈɺࣗಈϑΥʔϚοτͳͲ
    ➤ GIF ΞχϝΛݟͯ΋Β͏ͷ͕ૣ͍

    github.com/susisu/markdown-table-editor
    ➤ Sublime Text ʹ͋Δ֦ுͷ࠶ݱ +(-) α
    ➤ ͜Ε΋طଘͷ΋ͷ͕ଘࡏ͕ͨ͠……
    

    View Slide

15. NPWFDVSTPSJNQSPWFE
    ➤ Atom ͷΧʔιϧ্ԼҠಈ͸ਫฏҐஔ͕ݟͨ໨௨Γʹ

    ͳΒͳ͍
    ➤ ͜Ε΋ GIF ΞχϝΛݟͯ΋Β͏ͷ͕ૣ͍

    github.com/susisu/move-cursor-improved
    ➤ จࣈ਺ʢਖ਼֬ʹ͸ code unit ਺ʣͰѻ͍ͬͯΔͨΊ
    ➤ ೔ຊޠͱӳޠΛࠞͥͯॻ͘Α͏ͳ৔߹͸க໋త
    ➤ Atom ͸Ϋι
    ➤ ͜ͷڍಈΛ௚ͯ͠ݟͨ໨௨Γʹ͢Δ
    

    View Slide

16. "UPNύοέʔδࢢ৔͸
    ·ͩ·ͩൃల్্
    

    View Slide

17. ศརύοέʔδ࡞ͬͯ
    ެ։ͯ͘͠Εʙʙʙ
    
    

    View Slide