TrainLCDというアプリを作っている話

KittenLT2というイベントで発表させていただいたスライドです。

Transcript

1. KittenLT2 2020.11.15 @ Coworking space kayabacho Co-Edo Tsubasa SEKIGUCHI LEA-3645969186565158903 TrainLCDͱ͍͏ΞϓϦΛ࡞͍ͬͯΔ࿩
   Introduction of TrainLCD. Photo by Christian Chen on Unsplash
2. TinyKitten Freelance frontend engineer
3. Tsubasa SEKIGUCHI I 💖 Open source & Cat.
4. TeamKitten ʮ໘ന͍ʯ͜ͱΛ͍ͨ͠ਓ͕ू·Δ 
 ίϛϡχςΟͰ͢ɻ
5. TeamKittenओ࠵Πϕϯτ
   KittenLT2ʹ͝དྷ৔͍͖ͨͩɺ
   ͋Γ͕ͱ͏͍͟͝·͢ɻ Photo by ᜊ จ on Unsplash
6. ࠓճ͸ٕज़ܥLTͰ͸ͳ͍ͷͰɺ
   ٕज़తͳ࿩͸ݸผʹ͓ئ͍͠·͢ɻ Photo by The Average Tech Guy on Unsplash
7. TrainLCDͬͯԿʁ Photo by Hardik Pandya on Unsplash
8. TrainLCD͸
   ిंͷLCDΛ࠶ݱͨ͠
   εϚϗΞϓϦɻ Photo by Hardik Pandya on Unsplash
9. ओͳػೳ
    Ґஔ৘ใͱ࿈ಈͨۙ͠઀Ӻදࣔ
    ޷͖ͳిंͷػछͷςʔϚͰ࢖͑Δ
    Ӻʹ౸ணͨ͠ͱ͖ʹ௨஌Ͱ͓஌Βͤ Photo by Hardik Pandya on Unsplash
10. Photo by Hardik Pandya on Unsplash Ґஔ৘ใͱ࿈ಈͨۙ͠઀Ӻදࣔ
11. Photo by Hardik Pandya on Unsplash ޷͖ͳిंͷػछͷςʔϚͰ࢖͑Δ
12. Photo by Hardik Pandya on Unsplash ޷͖ͳిंͷػछͷςʔϚͰ࢖͑Δ
13. Photo by Hardik Pandya on Unsplash ޷͖ͳిंͷػछͷςʔϚͰ࢖͑Δ
14. Photo by Hardik Pandya on Unsplash ޷͖ͳిंͷػछͷςʔϚͰ࢖͑Δ
15. TrainLCD͸
    શࠃͷ࿏ઢΛ
    αϙʔτ͍ͯ͠·͢ʂ
    ஍Լ͕۠ؒϝΠϯͷ࿏ઢɺ
    ௽ݟઢɺෳ਺࿏ઢΛ·͙ͨಛٸͳͲΛআ͘ Photo by Hardik Pandya on Unsplash
16. Photo by Hardik Pandya on Unsplash
17. Photo by Hardik Pandya on Unsplash ࢁखઢςʔϚ
    ։ൃத
18. શࠃͷ࿏ઢͰ࢖͑ΔΞϓϦ
    TrainLCD޷ධ഑৴த
    Reproduces the display of a Japanese train. Photo by Hardik Pandya on Unsplash
19. Photo by Hardik Pandya on Unsplash ͲͷΑ͏ʹ࡞Δͷ͔
20. Photo by Hardik Pandya on Unsplash TrainLCDΛ࡞Δͷʹඞཁͳ΋ͷ
    
    Ӻɾ࿏ઢσʔλ
    
    ΞϓϦ։ൃ༻ͷ஌ࣝɾϓϩάϥϛϯάͷܦݧ
    
    ؾ߹
21. Ӻ࿏ઢσʔλ͸Ͳ͜ͰऔΔͷ͔ʁ Photo by Hardik Pandya on Unsplash
22. Photo by Hardik Pandya on Unsplash
23. Ӻσʔλ.jpͱ͸ʁ
    
    CSVܗࣜͰશࠃͷӺσʔλɾ࿏ઢ৘ใΛແྉͰऔಘ
    
    
    Ұ෦༗ྉ
    
    ೋ࣍഑෍ɾվมɺ঎༻0,
    
    ৽ӺɾഇӺ͸ׂͱ͙͢ʹ൓ө͞ΕΔ Photo by Hardik Pandya on Unsplash
24. Ӻσʔλ.jpͷ஫ҙ఺
    
    σʔλͷ࣭͕ඍົ
    
    
    
    ϩʔϚࣈදه͕ࡶ LPTIJHBZBSFJLVUBVOOతͳ
    
    
    
    ϥΠϯΧϥʔ͕࣮ࡍͱҟͳΔ͜ͱ͕͋Δ 59ͳͲ
    
    
    
    ॅॴϑΟʔϧυʹ౎ಓ෎ݝ໊͕ೖͬͯͳ͍
    
    ͜ͱ͕͋Δ Photo by Hardik Pandya on Unsplash
25. ͓͔͍͠σʔλ͸͋Δఔ౓ࣗಈͰղܾ
    ୀ۶ͳ͜ͱ͸1ZUIPOʹ΍ΒͤΑ͏ Photo by Hardik Pandya on Unsplash
26. ͪΐͬͱ଴ͬͯʁϩʔϚࣈදهͱ͔ʜ
    શ෦ࣗಈԽͰ͖ͳ͘ͳ͍ʁ Photo by Hardik Pandya on Unsplash
27. Photo by Hardik Pandya on Unsplash
28. Photo by Hardik Pandya on Unsplash ϩʔϚࣈදهमਖ਼͸ɺ
    શ෦ࣗྗ
29. ΞϓϦ։ൃ༻ͷ஌ࣝɾϓϩάϥϛϯάͷܦݧ͸ʁ Photo by Hardik Pandya on Unsplash
30. ΞϓϦ։ൃ༻ͷ஌ࣝɾϓϩάϥϛϯάͷܦݧ͸ʁ Photo by Hardik Pandya on Unsplash ͕Μ͹Γ·͠ΐ͏ʂ
31. ΞϓϦ։ൃ༻ͷ஌ࣝɾϓϩάϥϛϯάͷܦݧ͸ʁ Photo by Hardik Pandya on Unsplash ࣮຿ܦݧ͸
    8FCܥ͕͓͢͢ΊͰ͢Αʂ
    ͳͥͳΒ๻͕8FCܥ͔ͩΒ
32. Photo by Hardik Pandya on Unsplash
33. Photo by Hardik Pandya on Unsplash 8FCٕज़ΛֶͿͷ͸
    .%/ਪ঑
34. ؾ߹ͬͯԿʁ Photo by Hardik Pandya on Unsplash
35. ͖
    ͍͋
    ʵ͋ͻ
    ʲؾ߹ʳ
    ᶃ͋Δ͜ͱʹਫ਼ਆΛूத͔͔ͯ͠Δͱ͖ͷؾ࣋ͪͷ੎͍ɻ
    
    ·ͨɺͦΕΛද͔͚͢੠ɻ
    ʮ
    ʵΛ͔͚Δʯ
    ʮ
    ʵ͕ೖΔʯ
    ᶄ෺ࣄΛߦ͏ͱ͖ͷͭ͜ɻ·ͨɺޓ͍ͷؒͷؾ෼ɻଉɻݺٵɻ
    ʮ
    ʵ͕߹͏ʯ
    ᶅؾ෼ɻ͜͜Ζ΋ͪɻ
    ʮ͓ʵ͸͍͔͕ʗුੈ૲ࢠɾޒਓঁ
    ʯ Photo by Hardik Pandya on Unsplash
36. ࣮ࡍԿΛ͢Δ͔ͱ͍͏ͱ Photo by Hardik Pandya on Unsplash
37. ୎্Ͱ͍͍ײ͡ʹಈ͍ͨ͜ͱΛ֬ೝͨ͠Β
    ೤݂ʂ৐ΓమϑΟʔϧυςετʂʂ Photo by Hardik Pandya on Unsplash
38. Կ౓΋Կ౓΋ʂ
    ిंʹ৐Γಈ͘·Ͱमਖ਼͠
    ిंʹ৐Γଓ͚Δʂ Photo by Hardik Pandya on Unsplash
39. ࢁखઢͰ಄๊͑ͳ͕Β
    TrainLCDΛ࢖͍ͬͯΔਓ͕͍ͨΒ
    ͍͍ͩͨ๻Ͱ͢ɻ
    ͨͿΜ Photo by Hardik Pandya on Unsplash
40. શࠃͷ࿏ઢͰ࢖͑ΔΞϓϦ
    TrainLCD޷ධ഑৴த
    Reproduces the display of a Japanese train. Photo by Hardik Pandya on Unsplash
41. KittenLT2 2020.11.15 @ Coworking space Kayabacho Co-Edo Tsubasa SEKIGUCHI LEA-3645969186565158903 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Photo by Christian Chen on Unsplash