Excel のように見えるテーブルを作る with JavaScript

タピオカLT 2杯目で発表した内容です。
https://bengo4.connpass.com/event/143609/

Transcript

1. &YDFM
   ͷΑ͏ʹݟ͑Δ
   ςʔϒϧΛ࡞Δ
   XJUI
   +BWB4DSJQU
2. ࣗݾ঺հ ͨΖ͙ʢ!UFF@UBMPHʣ หޢ࢜υοτίϜ
   Ϋϥ΢υαΠϯ
   ϑϩϯτΤϯυΤϯδχΞ 7VFKT
   K2VFSZ 7JTVBM
   4UVEJP
   $PEF
   7JN
3. ࢖༻͢ΔϑϨʔϜϫʔΫ 7VFKTʢҰԠʣ
4. ʮ&YDFM
   ͷΑ͏ʹݟ͑Δʯͱ͸ʁ ઌ಄ͷߦɾྻΛݻఆͨ͠ςʔϒϧʢεςΟοΩʔςʔϒϧʣ
5. ໰୊఺ *
   &
6. QPTJUJPO
   TUJDLZ IUUQTDBOJVTFDPNGFBUDTTTUJDLZ ࣮૷͞Εͯͳ͍ͳΒɺࣗ෼Ͱ࡞Ε͹͍͍͡Όͳ͍ʂ
7. ߟ͑ํ ςʔϒϧ͸
   
   ͭͷ෦෼Ͱߏ੒͞Ε͍ͯΔ ɾεΫϩʔϧ͠ͳ͍ࠨϔομʔ෦෼
   ɾࠨӈεΫϩʔϧ͢Δӈϔομʔ෦෼
   ɾ্ԼεΫϩʔϧ͢Δࠨϔομʔ෦෼
   ɾ্ԼࠨӈεΫϩʔϧ͢Δίϯςϯπ෦෼ ͜ΕΛ෼ղͯ͠ɺݸผͷςʔϒϧͱͯ͠εΫϩʔϧΛ੍ޚ͢Δ
8. ߟ͑ํ
9. ࣮૷্ͷ໰୊఺ ߴ͞ɾ෯͕ࣗಈௐ੔͞Εͳ͍
10. ղܾࡦ ී௨ͷςʔϒϧΛදࣔ શηϧͷ෯ͱશߦͷߴ͞Λอଘ ˣ ˣ ˣ ී௨ͷςʔϒϧΛফͯ͠ɺεςΟοΩʔςʔϒϧΛදࣔ อଘͨ͠શηϧͷ෯ͱશߦͷߴ͞ΛεςΟοΩʔςʔϒϧʹઃఆ ʊਓਓਓਓਓਓਓਓਓਓʊ
    ʼɹRVFSZ4FMFDUPS"MMɹʻ
    ʉ:?:?:?:?:?:?:?:?ʉ
11. ׬੒ʂ
12. ݁࿦ όϧεʂʢ*&
    ͷ໓ͼͷढจʣ
13. ࢀߟ ɾIUUQQIQPPKQBSUJDMFKRVFSZHSJE@UBCMF
    ɾIUUQXXXLPJLJLVLBODPNBSDIJWFT QIQ
    ɾIUUQTXXXJQFOUFDDPNEPDVNFOUDTTUBCMFDFMMXJEUI UJQ
14. ͋Γ͕ͱ͏͍͟͝·ͨ͠