English description comes below Japanese article.
This is translation of Step-by-Step Install Kepler.gl di Windows - Medium
Kepler.glを入れよう
Kepler.glはUberのオサレな地図系BIサービスですが、ホストがUberが無料でやってくれるのは良いものの、ローカル環境に欲しい場合もあります。
gitから簡単にインストールできるので、気軽に高性能なヴィジュアリゼーションを使えるのですが、Windows向けのnpmパッケージは今一歩設定が難解のようで、まったく歯が立ちません。
Windowsで使う
ネットだよりにいろいろ探しましたが、Medium上のEXPANさんが懇切丁寧なステップバイステップの解説を挙げてくださっています。
Step-by-Step Install Kepler.gl di Windows - Medium
でもこれインドネシア語。。。語学力以前の問題で無理ですね。
母国語のオーディエンスには良いですが、インターネットでみつかる貴重な題材だけに、ローカル言語で書くのはもったいない。
ので、以下英語の記事にサマリーを翻訳しておいておきます。
Prerequisites
- node. js (Download: node.js)
- git (Download: git)
- Text editor : to edit some configuration files
- Mapbox access key (inquire from Mapbox)
To make access key as default, edit nodevars.bat (ex. C:\Program files\nodejs...) batch file :
set "MapboxAccessToken=[your mapbox access token goes here]"
check your installation :
node -v
git --version
set
Download
To clone latest kepler.gl image type :
git clone https://github.com/uber-common/vis-academy.git
Move to "starting-code" folder then install
cd vis-academy/src/demos/building-a-geospatial-app/starting-code
npm install
Try run current image but it will result to
npm run start
Open localhost with :
but it will result to empty page.
Adapt some scripts to Windows
In this folder, modify 2 files as example.
vis-academy\src\demos\kepler.gl\0-starting-code
app.js
Download alternative file hear : github.com/supriyd/Embedding-Keppler.gl/app.js
reducers.js
Download alternative file hear : github.com/supriyd/Embedding-Keppler.gl/reducers.js
finally ...
Run alternative scripts with :
cd vis-academy/src/demos/kepler.gl/0-starting-code
npm install
npm run start