Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
xlsx出力を Live reloadで(仮)
Search
ooooooo_q
April 23, 2016
Technology
0
420
xlsx出力を Live reloadで(仮)
Niigata.js #1
ooooooo_q
April 23, 2016
Tweet
Share
More Decks by ooooooo_q
See All by ooooooo_q
Gitlab.comで見つけたXSSの話
ooooooo_q
0
370
JSONをパースする.pdf
ooooooo_q
0
160
A-Frameを使って Mobile VRを公開する
ooooooo_q
1
400
nds_8_reftest.pdf
ooooooo_q
0
380
Other Decks in Technology
See All in Technology
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
スケーリングを封じられたEC2を救いたい
senseofunity129
0
120
The essence of decision-making lies in primary data
kaminashi
0
180
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
220
「お金で解決」が全てではない!大規模WebアプリのCI高速化 #phperkaigi
stefafafan
5
2.4k
FlutterでPiP再生を実装した話
s9a17
0
230
AI時代のIssue駆動開発のススメ
moongift
PRO
0
300
Oracle Cloud Infrastructure(OCI):Onboarding Session(はじめてのOCI/Oracle Supportご利⽤ガイド)
oracle4engineer
PRO
2
17k
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
katzueno
2
270
JEDAI認定プログラム JEDAI Order 2026 受賞者一覧 / JEDAI Order 2026 Winners
databricksjapan
0
400
AgentCoreとLINEを使った飲食店おすすめアプリを作ってみた
yakumo
2
270
LLMに何を任せ、何を任せないか
cap120
10
6.2k
Featured
See All Featured
Skip the Path - Find Your Career Trail
mkilby
1
93
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
270
Accessibility Awareness
sabderemane
0
87
30 Presentation Tips
portentint
PRO
1
260
We Have a Design System, Now What?
morganepeng
55
8k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
210
Typedesign – Prime Four
hannesfritz
42
3k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
850
Code Reviewing Like a Champion
maltzj
528
40k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
91
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
190
Utilizing Notion as your number one productivity tool
mfonobong
4
280
Transcript
XLSXग़ྗΛ LIVE RELOADͰʢԾʣ Niigata.js #1 @ooooooo_q 1
σʔλग़ྗܥͷ ։ൃ 2
ϚελܥΛ·ͱΊͯग़ྗ Ϣʔβૢ࡞ʹԠͯ͡ग़ྗ݁ՌΛม͑Δ ςϯϓϨʔτ͔ΒσʔλͷΠϯϙʔτ 3 Α͋͘Δཁ
Α͋͘Δग़ྗܗࣜ $47 ؆୯ʹ࡞ΕΔ จࣈίʔυͷѻ͍͕ਏ͍ YMTɺYNM ݹ͍FYDFM͚ YMTY YMTΑΓѻ͍͍͢ 4
9-49 0QFO0⒏DF9.-ܗࣜ ʹ੍ఆɺ0⒏DFҎ߱ தYNMϑΝΠϧʴը૾Λ;JQͰ·ͱΊͨͷ ֦ுࢠΛ[JQʹมͯ͠ɺల։͢Δͱத͕ݟΕΔ UIJSEQBSUZͰѻΘΕΔ͜ͱ͕લఏͷͷ 5
9-49ೖ ༷ॻ͕ެ։͞Ε͍ͯΔ ଞͷ0⒏DFΛؚΊͯϖʔδͷQEG ೖ0⒏DF0QFO9.- ಡΈ͍͕͢ചͬͯͳ͍ BNB[POͰͷ࠷Ձ͕֨ઍԁ͔Β 6
9-49αϯϓϧ 7
&91035 9-49 8
Α͘ΘΕΔϥΠϒϥϦ +"7" "QBDIF10* 1)1 1)1&YDFM +BWBTDSJQU KTYMTY 9
αʔόαΠυ74ΫϥΠΞϯταΠυ αʔόαΠυ طଘͷࢿ࢈͕ଟ͍ ӡ༻࣌ͷߟྀ͕ଟ͍ ΫϥΠΞϯταΠυ طଘͷࢿ࢈গͳΊ μϯϩʔυपΓͰϒϥβͷ͕ࠩ͋Δ 10
ΫϥΠΞϯταΠυͰͷར Ϣʔβૢ࡞ʹԠͨ͡ग़ྗม͕͍͢͠ ηΩϡϦςΟతͳ҆શੑ ௨৴पΓ͕ϘτϧωοΫʹͳΒͳ͍ อଘ͍ͯ͠ͳ͍σʔλΛѻ͑Δ YMTYͭ·ΓɺWJFXͷҰछ 11
$-*&/54*%& 9-49 12
ϥΠϒϥϦ KTYMTY ϝδϟʔͲ͜Ζ Կނ͔γʔτΛҰ͔Β࡞Δػೳ͕ͳ͍ FYDFMKT Ϟμϯͳ࡞ΓͷKT ʜ 13
TRY & ERROR ʹΑΔ։ൃ 14
ग़ྗ݁ՌΛ֬ೝ͢Δͱ͖ FYDFM্Ͱ։͍ͯดͯ͡Λ܁Γฦ͢ͷ͍ ϒϥβ্Ͱ݁ՌΛ֬ೝ͍ͨ͠ ϥΠϒϥϦϩʔυͰ։ൃΛ͍ͨ͠ 15
$-*&/54*%& 9-49 -*7&3&-0"% 16
+"(3*% IUUQTLBXBTJNBHJUIVCJPKBHSJE 17
&9$&-+4 IUUQTHJUIVCDPNHVZPOSPDIFFYDFMKT "1*ͷ͍ํ͕$44ʹ͍ۙ ϑΝΠϧͷಡΈࠐΈɺग़ྗ͕Ͱ͖Δ 18
ཱ͔ͪͩΔน 19
#3084&3Ͱಈ͔ͨ͢Ίʹ FYDFMKTOPEFKT͚ ґଘ͢ΔϞδϡʔϧ͕OPEFલఏ CVOEMF͢Δͱ͖ʹࣺͯΔ GTܦ༝ͰͷϑΝΠϧͷಡΈॻ͖ MPDBMTUPSBHFΛGTͰѻ͏MPDBMGTΛ͏ SFRVJSFSFTPMWF Ͱύεղܾ͞Ε͍ͯΔ ࣄલʹϑΝΠϧΛҠಈͯ͠ஔͯ͠ʜʜ 20
࣮ԋ 21 ؒʹ߹͍·ͤΜͰͨ͠ɻ
PROBLEM? 22
Ͱ͖ͳ͍͜ͱ03ͦ͠͏ͳ͜ͱ ϚΫϩग़ྗ άϥϑͷग़ྗ ϑΝΠϧΛղੳ͢Εग़དྷΔʁ े.#͋ΔϑΝΠϧͷಡΈॻ͖ JOEFYFE%# TBGBSJͰͷμϯϩʔυ࣌ʹϑΝΠϧ໊͕6OLPXO 4ʹҰΞοϓϩʔυʁ 23
จࣈίʔυʁ 9.-தʹVUGͷهࡌ͕͋ΔͷͰͳ͍ͣʜʁ ݕূதʜ 24
ηΩϡϦςΟ $47ϚΫϩΠϯδΣΫγϣϯ ى͜Δͷ$47͚ͩʁ $FMMJOKFDUJPO AAΛΤεέʔϓ͢Δ 9.-&YUFSOBM&OUJUZ 99& 9.-ͷղੳͰى͜Δ͜ͱ͕͋Δ %PTੑ
αʔόαΠυͰى͜Γ͍͢ʢϥΠϒϥϦͷʣ 25
OTHERS 26 PDF CSV JSON GeoJSON TopoJSON KML Shape File
GPX iCalendar CalDav WebDav LTSV docx pptx zip
σʔλग़ྗͷ͋Ε͜Ε (JUIVCҎલͷ༷ࢄҳ͍ͯ͠Δ͜ͱ͕ଟ͍ҹ ϥΠϒϥϦ͋Δ͕ɺ࣮ࡍʹ͑Δ͔ผ ඍົʹཉ͍͠ͷͱҧ͏߹͕ଟ͍ (FP+40/"OZͳม .BQCPY͕࡞͍ͬͯΔ͜ͱ͕ଟ͍ 27
6/*7&34"-+"7"4$3*15 ٛͰ ʮϒϥβͱnode྆ํͰಈ͘JavaScriptʯɺڱٛͰ ʮESͷΈͰॻ͔Εͯɺ͜ͷ༷Λຬͨ͢ͷͳΒͲ͜Ͱ࣮ߦՄ ೳʯͱ͍͏֓೦ΛUniversal JavaScriptͱݺΜͩΓ͠·͢ɻগ͠લ ·ͰલऀͷΈΛࢦͯ͠ Isomorphic ͱݺΜͩΓ͍ͯ͠·ͨ͠ɻ य़͔Β͡ΊΔϞμϯ+BWB4DSJQU&4
IUUQRJJUBDPNNJ[DIJJUFNT CCCGBCC 28
29 server browser universal JSON File server browser universal JSON
File
UNIVERSAL JAVASCRIPT OR WEB ASSEMBLY …? 30
… 31