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
400
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
340
JSONをパースする.pdf
ooooooo_q
0
130
A-Frameを使って Mobile VRを公開する
ooooooo_q
1
380
nds_8_reftest.pdf
ooooooo_q
0
340
Other Decks in Technology
See All in Technology
OPENLOGI Company Profile
hr01
0
67k
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
590
怖くない!はじめてのClaude Code
shinya337
0
300
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
240
How Community Opened Global Doors
hiroramos4
PRO
1
130
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
AI専用のリンターを作る #yumemi_patch
bengo4com
4
2k
モバイル界のMCPを考える
naoto33
0
360
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.2k
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
240
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
390
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
160
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
Practical Orchestrator
shlominoach
188
11k
GraphQLとの向き合い方2022年版
quramy
49
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Designing for humans not robots
tammielis
253
25k
How STYLIGHT went responsive
nonsquared
100
5.6k
Done Done
chrislema
184
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
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