JavaScript版MANDARAの開発過程

JavaScript版MANDARAの開発過程を記録しています。
1
前へ 1 2 ・・ 8 次へ
谷謙二/TANI Kenji @ktgis

XMLHttpRequest は時代遅れらしいので、Fetchを使うとか言っていた気がしたが、Web等高線メーカーの話だった。こっちもfetchにしてもいいが、現状動作しているのを直すのはめんどくさい。

2020-11-08 20:31:36
谷謙二/TANI Kenji @ktgis

背景に地理院タイルの人口集中地区を設定。だいたいの店舗はDID内にある。XMLHttpRequestでタイル画像読み込みの際、404エラーをonerrorで捕捉できると勘違いして動作が変だったのを修正。 pic.twitter.com/gKYzjuIPTt

2020-11-08 20:24:08
拡大
谷謙二/TANI Kenji @ktgis

凡例の度数分布が枠からはみ出すバグは、ピリオドが抜けていたためだった、で20分費やす。 pic.twitter.com/fNkvD6C7IZ

2020-11-08 00:31:19
拡大
谷謙二/TANI Kenji @ktgis

MANDARA JS、店舗と最寄り駅の距離を求めて表示。凡例の小数点以下の表示がおかしい。次のレポートで使ってもらう予定なんだが、まだプログラムができていないという... pic.twitter.com/zJPazX3gmd

2020-11-07 23:45:14
拡大
谷謙二/TANI Kenji @ktgis

MANDARA JS、距離計測機能の主要部分ができた。時間があくと自作コントロールの使い方を忘れている。 pic.twitter.com/fBpK9RkWlh

2020-11-06 23:08:05
拡大
拡大
谷謙二/TANI Kenji @ktgis

割といい感じになった。MANDARA JSで表示。 pic.twitter.com/Tn0c6KXmOq

2020-11-05 18:50:06
拡大
谷謙二/TANI Kenji @ktgis

Webブラウザ上で動作する MANDARA JS、試作版バージョン0.001を公開しました。面積・周長取得、属性検索設定、データ項目設定コピー、連続表示モードにまとめて設定機能などを追加しています。 ktgis.net/mdrjs/index.ht…

2020-10-01 10:27:59
谷謙二/TANI Kenji @ktgis

MANDARA JSの開発、面積・周長取得機能追加。面積の計算にバグがあって手間取った。 pic.twitter.com/5PoUnOClX4

2020-08-17 17:28:05
拡大
谷謙二/TANI Kenji @ktgis

MANDARA JSの開発、属性検索機能を作成。こういうコントロール要素の多い画面は作るのが面倒だが、未実装のものは面倒な機能ばかりである。 pic.twitter.com/0jaU0usYkM

2020-08-09 17:56:49
拡大
拡大
谷謙二/TANI Kenji @ktgis

MANDARA JSの開発、属性検索機能を作成。こういうコントロール要素の多い画面は作るのが面倒だが、未実装のものは面倒な機能ばかりである。 pic.twitter.com/0jaU0usYkM

2020-08-09 17:56:49
拡大
拡大
谷謙二/TANI Kenji @ktgis

MANDARA JSの開発。連続表示モードにまとめて設定機能を追加。200行くらいだけど時間がかかった。独自コントロールのオブジェクトのプロパティを取得する方法を忘れている。どこかに書いとかないといけないが、一貫性がないのが問題。 pic.twitter.com/Sb0jDqRvZa

2020-08-01 23:51:25
拡大
谷謙二/TANI Kenji @ktgis

MANDARA JS、データ項目設定コピー機能を追加。最近ダルいのは機能がダルいせいもあるが、ステロイドの離脱症状だろう。 pic.twitter.com/EBQ3dKpFvY

2020-07-26 22:26:09
拡大
谷謙二/TANI Kenji @ktgis

ここ3ヶ月間、毎日朝から深夜までコーディングしていたので目が疲れました。これで科研費の報告書に書けそうです。

2020-04-16 16:34:12
谷謙二/TANI Kenji @ktgis

問題が発生した、と思われるときは、ブラウザのデベロッパーツールのコンソールにエラーが出ていることがあるので、ツイッターでお知らせいただければ幸いです。

2020-04-16 16:29:03
谷謙二/TANI Kenji @ktgis

メニューの「ファイル」>「シェープファイル読み込み」から、シェープファイルを読み込むことができます。シェープファイルのビューワーとして使えます。シェープファイルは、構成ファイルをドロップするか、まとめてzip圧縮したファイルをドロップします。動画 youtu.be/nwDoztZtRZs

2020-04-16 16:25:45
拡大
谷謙二/TANI Kenji @ktgis

操作方法は、Windows版「MANDARA10」と同様ですが、最初のデータの読み込み部分が少し違います。ExcelのデータにMANDARAタグを設定してコピーし、MANDARA-JSのメニューの「ファイル」>「属性データ読み込み」でテキストボックスに貼り付け、読み込みます。動画 youtube.com/watch?v=ziPdb-…

2020-04-16 16:21:01
拡大
谷謙二/TANI Kenji @ktgis

Webブラウザ上で動作するGIS「MANDARA-JS」試作版を公開しました。試作版のため、地図描画以外の機能はあまりついていませんが、おいおい追加していく予定です。最初は、「使ってみる」欄の既存データをお試しください。 ktgis.net/mdrjs/index.ht… pic.twitter.com/0oG3sMnjgk

2020-04-16 16:15:55
拡大
谷謙二/TANI Kenji @ktgis

MANDARA-JS、だいぶできてきたので、試作版公開用htmlを作成中。MANDARA-JSでは、URLのパラメータにファイルを指定してリンクをつけ、ブラウザ上で処理できる pic.twitter.com/EPwXfRlmfG

2020-04-15 12:25:11
拡大
谷謙二/TANI Kenji @ktgis

ネット上のzipファイルをxmlhttprequestで取得して、unzipするというJSを作成。苦労したが、結局以前参考にしたこちらがほぼそのままだったので忘れるのが速すぎる。 ttps://qiita.com/yun_bow/items/1b9e86a2efe12432845d

2020-04-10 00:12:18
谷謙二/TANI Kenji @ktgis

JS版MANDARA、地図ファイルの時間情報付き初期属性データの取得がうまくいかなくて数時間困っていたが、実につまらない箇所のバグだった。往々にしてあることである。 pic.twitter.com/MZzghwc4Ua

2020-04-09 16:28:52
拡大
谷謙二/TANI Kenji @ktgis

面倒といってもtouchstartからtouchendまで座標と時間をはかるだけなんだが、タッチパッドの動作確認は開発用のデスクトップPCにタッチパネル対応の外付モニターをつけないと効率が悪い。

2020-04-07 23:46:34
谷謙二/TANI Kenji @ktgis

iPadでもうまく動いたが、iPadのブラウザでは右クリックメニューが出ない。タップの時間を計って自分で長押し判定するのかなぁ。面倒。

2020-04-07 21:50:34
谷謙二/TANI Kenji @ktgis

昨日のシェープファイルに続き、jsonのテキストファイルだった地図ファイルと属性データファイルを圧縮ファイルにして読み込み・保存できるようにした。

2020-04-07 16:28:36
谷謙二/TANI Kenji @ktgis

unZipしたバイナリを文字列に変換した後にJSON.parseするとエラーが出る。調べたら、圧縮した際に239,187,191 の3バイトがUTF-8のヘッダとして追加されていた。3バイト除いたらOK。

2020-04-07 16:22:39
谷謙二/TANI Kenji @ktgis

JS版MANDARA、シェープファイルのshp,shx,dbf,prj4種のファイルをZIP圧縮したファイルをドラッグ&ドロップで読めるようにした。ZIPと関係ない箇所にバグが見つかって修繕に追われた。図は栃木県の国勢調査小地域データ。 pic.twitter.com/jeOGOooREP

2020-04-06 20:40:11
拡大
拡大
前へ 1 2 ・・ 8 次へ