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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
ooooooo_q
April 23, 2016
Technology
430
0
Share
xlsx出力を Live reloadで(仮)
Niigata.js #1
ooooooo_q
April 23, 2016
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
410
nds_8_reftest.pdf
ooooooo_q
0
400
Other Decks in Technology
See All in Technology
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.5k
新アーキテクチャ「TiDB X」解説とDedicated比較 TiDB Cloud Premiumのゲーム運用活用を検証
staffrecruiter
0
110
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
mtx2s
3
1k
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
rung
PRO
2
670
Unlocking the Apps
pimterry
0
210
関西に縁あるMicrosoft MVPsが語るCopilotの未来
kasada
0
1k
さきさん文庫の書籍ができるまで
sakiengineer
0
350
Javaコミュニティをもっと楽しむための9箇条
takasyou
0
1.3k
新規ゲーム開発におけるAI駆動開発のリアル
202409e2
0
2.4k
正解のないAIプロダクトをどう導くか?dodaが挑む、ユーザーの『本音』を構造化する評価設計と検証のリアル
techtekt
PRO
0
180
個人の発見を、組織の知恵に 〜生成AI活用を"探索"から"組織の仕組み"へ〜
kintotechdev
2
900
データ基盤をDataformで整えた話 〜 開発環境を添えて 〜
takapy
0
110
Featured
See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
580
Between Models and Reality
mayunak
4
320
Building Applications with DynamoDB
mza
96
7.1k
How to train your dragon (web standard)
notwaldorf
97
6.7k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Rails Girls Zürich Keynote
gr2m
96
14k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
360
Measuring & Analyzing Core Web Vitals
bluesmoon
9
860
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
190
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
940
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
840
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