Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML帳票 / Frontend Study Group in Sannin 3rd

Katsuya Hidaka
December 10, 2017

HTML帳票 / Frontend Study Group in Sannin 3rd

第3回フロントエンド勉強会 in 山陰で HTML帳票について発表した際の狭く浅い資料。資料中のサンプルコードは下記にある。
https://github.com/hidakatsuya/html-chohyo

Katsuya Hidaka

December 10, 2017
Tweet

More Decks by Katsuya Hidaka

Other Decks in Technology

Transcript

  1. ҹ࡮ΛίϯτϩʔϧͰ͖Δ • ாථͷ༻ࢴαΠζͰͦͷ··ҹ࡮Ͱ͖Δʁ • Chrome ͸ҹ࡮࣌ʹ༻ࢴͷαΠζͰҹ࡮Ͱ͖Δɻૉ੖Β͍͠ • Firefox/Safari ͸μϝɻϓϦϯλͷσϑΥϧτ༻ࢴʹͳΔͬΆ ͍ɻIE/Edge

    ͸Έͯͳ͍ • ҹ࡮࣌ʹ༨ܭͳ৘ใ͕ҹࣈ͞Εͳ͍ʁʢϔομʔͱ͔ʣ • Chrome/Firefox ͸ @page Ͱ margin:0 ʹ͢Ε͹OK • Safari ͸μϝɻIE/Edge ͸Έͯͳ͍
  2. ͦͷଞͷݒ೦ࣄ߲ • 1ϖʔδʹऩ·Βͳ͍৔߹ͷվϖʔδ • ঺հͨ͠ํ๏Ͱ͸ᷓΕͨ಺༰͸ҹ࡮͞Εͳ͍ • JavaScript Ͱߴ͞Λܭࢉͯ͠ sheet Λ͍͍ײ͡ʹ͢Δ...

    ͳͲͷ޻෉͕ඞཁ • ϔομʔ/ϑολʔɺϖʔδ൪߸ͷ࣮ݱ • ͳΜͱͰ΋ͳΔͱࢥ͏ɻ position: fixed ͱ͔΋࢖͑Δ • ෳ਺༻ࢴαΠζͷࠞࡏ • Ͱ͖ͳ͍ɻҰ൪େ͖͍༻ࢴαΠζʹ߹͏ʁ • େྔϖʔδͷ৔߹ͷϨϯμϦϯάύϑΥʔϚϯε • ҹ࡮͢Δʹ͸࣮ࡍʹϨϯμϦϯά͞Ε͍ͯͳ͍ͱ͍͚ͳ͍ • ਺ඦϖʔδͳͲͷ৔߹ɺϓϨϏϡʔͷ޻෉͕ඞཁʢεΫϩʔϧ࣌΍ҹ࡮࣮ߦ࣌ͷϩʔυॲཧͱ͔ʣ