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
Scrollytelling the 53 Stations of Tōkaidō: An I...
Search
Sorami Hisamoto
September 13, 2024
Programming
1
120
Scrollytelling the 53 Stations of Tōkaidō: An Interactive Journey Through Japan’s Historic Route / BUILD with Mapbox 2024
BUILD with Mapbox 2024 - Developer Show & Tell
https://www.mapbox.com/build
Sorami Hisamoto
September 13, 2024
Tweet
Share
More Decks by Sorami Hisamoto
See All by Sorami Hisamoto
オープンソースとビジネス: 位置情報の世界からみえる流れ / 札幌IT石狩鍋#2
sorami
0
310
How I Got Here - NLP, Geospatial, and beyond / NAIST NLP
sorami
0
82
Scrollytelling the 53 Stations of Tōkaidō: An Interactive Journey Through Japan’s Historic Route / FOSS4G ASIA 2024
sorami
1
110
Rust for Geospatial Data Processing: A Case Study with CityGML Converter for PLATEAU, Japan's Open Digital Twin Models / FOSS4G ASIA 2024
sorami
1
160
CSSを積み重ねる - 2024年のMasonry Layout / MIERUNE 朝LT #297
sorami
3
190
可視化がやりたくてMIERUNEに転職した話 〜“思考のための道具”とコンピューターによる新たな表現〜 / MIERUNE JCT - Tokyo 2024
sorami
4
1.8k
データ可視化をやりたくて北海道におひっこし / TechRAMEN 2024 Conference
sorami
2
1.1k
Svelte採用記 - 位置情報と可視化の会社で、全社の標準技術スタックに選ぶまで / Svelte Japan Online Meetup #3
sorami
3
1.3k
「スクローリーテリング」から考えるジューシーなメディア / Data Visualization Japan Meetup 2023
sorami
3
1.2k
Other Decks in Programming
See All in Programming
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
Hack Claude Code with Claude Code
choplin
3
960
ふつうの技術スタックでアート作品を作ってみる
akira888
1
490
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
4
6.5k
10 Costly Database Performance Mistakes (And How To Fix Them)
andyatkinson
0
240
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
150
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
480
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
4
740
Deep Dive into ~/.claude/projects
hiragram
14
2.5k
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Visualization
eitanlees
146
16k
Gamification - CAS2011
davidbonilla
81
5.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
We Have a Design System, Now What?
morganepeng
53
7.7k
A designer walks into a library…
pauljervisheath
207
24k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Docker and Python
trallard
44
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
52k
Designing for humans not robots
tammielis
253
25k
Transcript
Scrollytelling the 53 Stations of Tōkaidō "O*OUFSBDUJWF+PVSOFZ5ISPVHI+BQBO`T)JTUPSJD3PVUF !TPSBNJ #6*-%XJUI.BQCPY
!TPSBNJ )*4".0504PSBNJ ‣ !.*&36/&*OD BHFPTQBUJBMDPNQBOZJO+BQBO ‣ &YQMPSJOH5PPMTGPS5IPVHIUXJUIDPNQVUFST ‣ l5PLBJEP4DSPMMZUFMMJOHzJTNZTJEFQSPKFDU )FMMP
.BQCPYEFWFMPQFST
IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
The 53 Stations of the Tōkaidō ౦ւಓޒेࡾ࣍, Tōkaidō Gojūsan-tsugi ‣
*DPOJDSFTUBSFBTPOUIFIJTUPSJDDPBTUBMSPBECFUXFFO5PLZPBOE,ZPUP ‣ 3FOPXOFEGPS6LJZPFQSJOUT B+BQBOFTFQBJOUJOHTUZMFGSPNUIDFOUVSJFT 6UBHBXB)JSPTIJHFʠ5IF'JGUZUISFF4UBUJPOTPGUIF5⒕LBJE⒕ʡ )⒕FJE⒕FEJUJPO r 4UBSU/JIPOCBTIJ 5PLZP 4BLBTIJUB &OE4BOK⒕⒚IBTIJ ,ZPUP
4$30--:5&--*/(
4$30-- 4503:5&--*/( ʴ
8IZ 4DSPMMZUFMMJOH
4DSPMMJTFBTJFSUIBODMJDLJOH+PTIVB1PSUFS IUUQCPLBSEPDPNBSDIJWFTTDSPMMJOHFBTJFSDMJDLJOH lTDSPMMJOHJTBDPOUJOVBUJPODMJDLJOHJTBEFDJTJPOz
5IF3IZUINPG:PVS4DSFFO$ISJTUPQIFS#VUMFS IUUQTXXXDISCVUMFSDPNUIFSIZUINPGZPVSTDSFFO ‣ &WJEFODFUIBUQFPQMFXPO`UTDSPMM EPFTO`UFYJTU ‣ 5IFRVFTUJPOJTOPU l8JMMUIFVTFSTDSPMM z
CVU l8JMMUIFZTDSPMMTMPXMZFOPVHI z
5IF3IZUINPG:PVS4DSFFO$ISJTUPQIFS#VUMFS IUUQTXXXDISCVUMFSDPNUIFSIZUINPGZPVSTDSFFO ‣ 4DBOOJOHJTSFBDUJPO 3FBEJOHJTBDIPJDF ‣ "ODIPSJNQPSUBOUJOGPJOBDPOTJTUFODFQMBDF ‣ 3FQFUJUJPOJTJOGPSNBUJPO
‣ &NQUZTQBDFJTOPUOFVUSBM l4USVDUVSFzBOEl3IZUINz -FOHUIJTOPUUIFQSPCMFN -BDLPGSIZUINJT
5IF1BTU 1SFTFOU BOE'VUVSFPG4DSPMMZUFMMJOH#JMM4IBOEFS IUUQTOJHIUJOHBMFEWTDPNUIFQBTUQSFTFOUBOEGVUVSFPGTDSPMMZUFMMJOH l5IFSFJTBUPOPGSFTFBSDIPOIVNBOT`MJNJUFEBCJMJUZ UPSFUBJOJOGPSNBUJPO DPHOJUJWFMPBE BOEIPXUIBU BGGFDUTQSPDFTTJOHJOGPSNBUJPO<ʜ>4DSPMMZUFMMJOH
IFMQTTPMWFUIJTQSPCMFN &WFSHSFFOTBZT CFDBVTF JU`TBCPVUTQPPOGFFEJOHPVSBVEJFODFl*UTPVOET MJLFJOGBOUBMJ[JOHUIFNCVUJU`TOPU zTIFBEET TBZJOH XFOFFEUPVOEFSTUBOEUIFNBOEUIFJSOFFET BOE BDLOPXMFEHJOHPVSDPHOJUJWFMJNJUBUJPOTBMMPXTVTUP DIPPTFNFUIPETPGDPOUFOUEFMJWFSZUPNBYJNJ[FPVS SFTVMUTz
5IF1BTU 1SFTFOU BOE'VUVSFPG4DSPMMZUFMMJOH#JMM4IBOEFS IUUQTOJHIUJOHBMFEWTDPNUIFQBTUQSFTFOUBOEGVUVSFPGTDSPMMZUFMMJOH l4DSPMMZUFMMJOHJTBDUVBMMZBQFSGFDUNJNJDSZPGWJEFP XJUIUIFBEEFEBCJMJUZUPTMPXJUEPXOPSTQFFEJUVQ BMMXIJMFTFFJOHFWFSZGSBNFBMPOHUIFXBZ*U`TMJLF IJHIMZQFSGPSNBOUWJEFPTDSVCCJOHXIFSFXFEPO`U
NJTTBCFBU5IJOHTIBQQFOJOBMJOFBSXBZ PWFSUJNF POFUIJOHBUBUJNF KVTUMJLFSFBMJUZCVUCFUUFS CFDBVTFXFIBWFTPNFDPOUSPMPWFSUIFQBDFBOE EJSFDUJPOl
)PXUPJNQMFNFOU 4DSPMMZUFMMJOH
*OUFSTFDUJPO0CTFSWFS"1* .POJUPSTUBSHFUFMFNFOUTFOUFSJOH JOUFSTFDUJOH UIFTQFDJ fi FESBOHF .PSFEJSFDUBOEFBTJFSUIBOUIFQSFWJPVTNFUIPEVTJOHTDSPMMFWFOUT
4DSPMMBNB "MJCSBSZGPS4DSPSZUFMMJOHXJUI*OUFSTFDUJPO0CTFSWFS"1* 4QFDJGZDMBTTOBNFUPUIFFMFNFOU BOEFYFDVUFXIFOUIFZFOUFSTFYJUT IUUQTQVEEJOHDPPMQSPDFTTJOUSPEVDJOHTDSPMMBNB IUUQTHJUIVCDPNSVTTFMMTBNPSBTDSPMMBNB CZ3VTTFMM4BNPSB !5IF1VEEJOH
':*0MEMJCSBSJFT "SUJDMFDPNQBSJOHWBSJPVTMJCSBSJFTCZUIFBVUIPSPG4DSPMMBNB +BOVBSZ ˠ5IFO 4DSPMMBNB /PWFNCFS IUUQTQVEEJOHDPPMQSPDFTTIPXUPJNQMFNFOUTDSPMMZUFMMJOH 8BZQPJOUT 4DSPMM4UPSZ
4DSPMM.BHJD HSBQITDSPMMKT JOWJFXKT *NQMFNFOUCZZPVSTFMGXJUIXJOEPXBEE&WFOU-JTUFOFS TDSPMM
(4"1CZ(SFFO4PDL "+BWB4DSJQUBOJNBUJPOMJCSBSZ 5IFSFJTBQMVHJOUIBUNBLFTUIFBOJNBUJPOXPSLXJUITDSPMMJOH IUUQTHSFFOTPDLDPNTDSPMMUSJHHFS IUUQTHJUIVCDPNCBTFNFOUTUVEJPTDSPMMZUFMMJOH 4DSPMM5SJHHFSQMVHJO 4DSPMM5SJHHFSGPS3FBDU
4WFMUF1BUUFSOT %BUBWJTVBMJ[BUJPOQBUUFSOTXJUIB8FCGSBNFXPSLl4WFMUFz *OUSPEVDFTlTWFMUFTDSPMMFSzBOElTWFMUFJOUFSTFDUJPOPCTFSWFSz IUUQTSFVUFSTHSBQIJDTHJUIVCJPFYBNQMF@TWFMUFHSBQIQBUUFSOT CZ%FB#BOLPWB !3FVUFST
.BQCPYlTUPSZUFMMJOHzUFNQMBUF "UFNQMBUF OPUMJCSBSZ GPS.BQCPY(-+4 :PVDBOJNQMFNFOUBTDSPMMZUFMMJOHXJUIMJUUMFDPEJOH IUUQTHJUIVCDPNNBQCPYTUPSZUFMMJOH IUUQTXXXNBQCPYDPNCMPHIPXUPCVJMEBTDSPMMZUFMMJOHNBQ
$BTF4UVEZ 5PLBJEP4DSPMMZUFMMJOH
IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
%BUB KBXJLJQFEJBPSHXJLJ౦ւಓޒेࡾ࣍@ ුੈֆ HJUIVCDPNKBQBOSPBEKQ(PLBPEP.BQ HJUIVCDPNTPSBNJUPLBJEPTDSPMMZUFMMJOH 1BJOUJOHT CZ6UBHBXB)JSPTIJHF 1VCMJDEPNBJO )PFJEPFEJUJPO 3PBET
lKBQBOSPBEKQ(PLBPEP.BQzEBUBTFU $$#:/$4" 4FBXBZIBOEESBXOJO2(*4 4UBUJPOT .BOVBMMZQSFQBSFEGSPN8JLJQFEJBBSUJDMF %FTDSJQUJPOGFUDIFEXJUI8JLJQFEJB"1* 1SFQSPDFTTJOHJO+VQZUFS/PUFCPPL
$PEF 4DSPMMBNB 4WFMUF 5PNBOBHFUIF6*DPNQPOFOUT .BQCPY(-+4 5IFNBQ 6OP$44 6UJMJUZGJSTU$44GSBNFXPSL 5VSGKT 5PDBMDVMBUFUIFEJSFDUJPOPGUIFOFYUTUBUJPO
BOETFUUIFDBNFSBBOHMF
None
$PEF%BUBQVCMJDMZBWBJMBCMF IUUQTHJUIVCDPNTPSBNJUPLBJEPTDSPMMZUFMMJOH
‣8FCIUUQTTPSBNJEFW ‣&NBJMIJ!TPSBNJEFW ‣.BTUPEPOTPSBNJ!WJTTPDJBM ‣9!TPSBNJ