Mini Tokyo 3D バージョン 3.5.0 リリース

Mini Tokyo 3D バージョン 3.5.0 がリリースされました (GitHub)。3.4.0 からの追加・修正機能を見ていきましょう。 新しい駅パネルの導入と列車発車標の追加 駅情報パネルをリニューアルしました。従来の駅出口情報に加えて、各路線の発車標(先発・次発の…

Mini Tokyo 3D バージョン 3.4.0 リリース

Mini Tokyo 3D バージョン 3.4.0 がリリースされました (GitHub)。3.3.0 からの追加・修正機能を見ていきましょう。 実際の太陽の位置に合わせた光源の設定 建築物の光の反射はこれまで固定ライトを使っていましたが、太陽の位置に合わせた光の反射に変更し…

Bluesky に画像をポストするボットのコード

一般公開が始まった Bluesky、ユーザー数が一気に増えたので自動でポストを行うボットのニーズも増えてきたかと思います。いずれ誰かがもっと体系的な情報を整備すると思いますが、とりあえずボットを動かすことができたので、2024年2月時点でのポストを行う…

Mini Tokyo 3D バージョン 3.3.0 リリース

Mini Tokyo 3D バージョン 3.3.0 がリリースされました (GitHub)。3.2.0 からの追加・修正機能を見ていきましょう。 地下駅出口情報の更新とバリアフリー設備の表示 地下駅出口のバリアフリー施設情報、利用可能時間の表示に対応しました。駅を選択した時に…

Mapbox GL JS + deck.gl で高度な 3D データ表現

この記事は Mapbox Advent Calendar 2022 の12日目の記事です。 Mapbox の弱点として、3D のデータ表現が弱いということが言われます。確かに、3D 地図の上空に何かを配置したり、3D の点群を地図に重ね合わせて表示するための標準的な機能はありません。も…

Mini Tokyo 3D × PLATEAU

この記事は 3D都市モデル Project PLATEAU Advent Calendar 2022 の17日目の記事です(既に終了しておりますが、空いている日付にエントリーさせてもらいます!)。 ここ数年開発を続けている東京の公共交通のリアルタイム3Dマップ Mini Tokyo 3D ですが、20…

Mini Tokyo 3D バージョン 3.2.0 リリース

Mini Tokyo 3D バージョン 3.2.0 がリリースされました (GitHub)。3.1.0 からの追加・修正機能を見ていきましょう。 新しい追跡モードと追跡モード設定パネルの追加 列車・旅客機の追跡モードを大幅に強化しました。画面右側のビデオカメラのアイコンボタン…

Mini Tokyo 3D バージョン 3.1.0 リリース

Mini Tokyo 3D バージョン 3.1.0 がリリースされました (GitHub)。 Mini Tokyo 3D は昨年の第4回東京公共交通オープンデータチャレンジに応募しておりましたが、第3回の受賞に引き続き、完成度の高さを評価いただいて今回は審査員特別賞を受賞することができ…

Mini Tokyo 3D バージョン 3.0.0 リリース

Mini Tokyo 3D バージョン 3.0.0 がリリースされました (GitHub)。前回のリリースからだいぶ時間が経ってしまいました。バージョン 2.x からのメジャーアップグレードということで、多くの変更や改善(開発者向け API の互換性に影響のあるものを含む)が入…

Mini Tokyo 3D バージョン 2.8.0 リリース

Mini Tokyo 3D バージョン 2.8.0 がリリースされました (GitHub)。2.7.0 からの追加・修正機能を見ていきましょう。 地平線・空が見える傾きのサポート Mini Tokyo 3D で使っているマップライブラリを Mapbox v2 にバージョンアップして、ピッチ(傾き)最大…

Mini Tokyo 3D バージョン 2.7.0 リリース

Mini Tokyo 3D バージョン 2.7.0 がリリースされました (GitHub)。2.6.0 からの追加・修正機能を見ていきましょう。 ライブカメラ映像の配信 Mini Tokyo 3D にライブカメラ映像の配信機能が登場しました。地図上のライブカメラボタンをクリックすると、カメ…

時間経過とともに色合いが変わる地図の作成

この記事は Mapbox Advent Calendar 2020 の23日目の記事です。 Mapbox GL JS では地図がベクトルタイルとして配信されるがゆえに、クライアント側で自由に描画をカスタマイズできるという利点があります。例えば、マップをモノクロ白地図風にしたり、ダーク…

Mapbox GL JS のポップアップをアニメーション化

この記事は Mapbox Advent Calendar 2020 の13日目の記事です。 Mapbox のポップアップ(吹き出しで情報が表示されるやつ)って、実にシンプル、言い方を変えるとあまりに素っ気ないんです。こんな感じ。 一応独自のクラスを指定したり、2日目の記事のように…

Mini Tokyo 3D バージョン 2.6.0 リリース

Mini Tokyo 3D バージョン 2.6.0 がリリースされました (GitHub)。2.5.0 からの追加・修正機能を見ていきましょう。 経路検索にリアルタイムの遅延情報を反映 バージョン 2.5.0 で未実装になっていた、リアルタイムの遅延情報の経路検索への反映を行うように…

Mini Tokyo 3D で学ぶ 〜 今日から君も東京交通エキスパート

小学生のつばさ君と、交通に詳しい謎の齧歯類風生物チュー太先生の会話を通じて、Mini Tokyo 3D の使い方をインタラクティブに紹介する子供向けコンテンツ。Google の検索結果に出てこないので、クロールされるようにここにリンクを貼っておきます。

Mini Tokyo 3D バージョン 2.5.0 リリース

Mini Tokyo 3D バージョン 2.5.0 がリリースされました (GitHub)。2.4.0 からの追加・修正機能を見ていきましょう。 経路検索機能が新登場 しばらく構想を温めていた、経路検索(乗り換え案内)機能を追加しました。ルートを3Dマップ上で見ながら複数の経路…

Mini Tokyo 3D バージョン 2.4.0 リリース

Mini Tokyo 3D バージョン 2.4.0 がリリースされました (GitHub)。2.3.0 からの追加・修正機能を見ていきましょう。 JR成田線我孫子支線が全線開通 成田線我孫子支線が我孫子〜成田間全線開通しました。常磐線快速列車の一部が我孫子から成田まで乗り入れて…

Mini Tokyo 3D バージョン 2.3.0 リリース

Mini Tokyo 3D バージョン 2.3.0 がリリースされました (GitHub)。2.2.0 からの追加・修正機能を見ていきましょう。 JR八高線の八王子〜小川町間、川越線の川越〜高麗川間が開通 八王子と高崎を結ぶJR八高線の、八王子から東武東上線と接続する小川町までが…

Mini Tokyo 3D バージョン 2.2.0 リリース

Mini Tokyo 3D バージョン 2.2.0 がリリースされました (GitHub)。2.1.0 からの追加・修正機能を見ていきましょう。 東武伊勢崎線の東武動物公園〜久喜間、千葉モノレールが全線開通 東武伊勢崎線は、浅草から東武動物公園までの「東武スカイツリーライン」…

Mini Tokyo 3D 開発者向け機能の提供をスタート

ほぼ 1 年前から開発を開始した、東京の公共交通のリアルタイム3Dマップ Mini Tokyo 3D のバージョン 2.1 をリリースしました。 おかげさまで Mini Tokyo 3D は第3回東京公共交通オープンデータチャレンジで最優秀賞を受賞したほか、2019年度 VLED 勝手表彰…

Chart.js のチャートを格段に綺麗に見せるカラーパレットプラグイン

動的なチャートを作って Web ページに貼り付けるのに Chart.js はとても便利ですが、難点は1つずつ色の指定をしなければいけないところです。例えばこんな感じで棒グラフを作るとして、Dataset ごとに背景色を指定する必要があります(色を指定しないとグレ…

拡大縮小・スクロールを無効にする方法がiOS 11.3 Safariで効かなくなった問題と解決法

その昔、スマホ向けWebページの拡大縮小・スクロールをさせたくない場合にはviewportにuser-scalable=noを指定するという手軽な方法が利用可能でしたが、2016年のiOS 10のリリース以降はこの方法が使えなくなったため、JavaScriptを使ってtouchstartイベント…

Drawing a real-time Bitcoin chart using Chart.js

(*日本語の記事はこちら) Chart.js is a popular JavaScript chart library that enables to create dynamic, beautiful charts easily. I recently made chartjs-plugin-streaming, a Chart.js plugin for live streaming data with the auto-scroll featur…

Bitcoin のリアルタイムチャートを Chart.js で表示する

(*English translation is here) Chart.js は動的で美しいチャートを手軽に作ることができるポピュラーな JavaScript ライブラリです。先日、リアルタイムストリーミングデータの表示に便利な自動スクロール機能を実装した chartjs-plugin-streaming プラグ…

HDFS Snapshot + distcp と MapR-FS Volume Mirroring の違い

MapR は HDFS の代わりに MapR-FS を使用している Hadoop ディストリビューションです。性能の向上、信頼性の向上、ランダムリードライト可能なNFS、NoSQL データベースとの統合、メッセージングキューとの統合、・・・と MapR-FS のメリットは挙げればきり…

2016 年に向けた注目の新機能の開発状況

この記事は Apache Drill Advent Calendar 2015 の25日目の記事です。 2015年もあとわずか。今回は Drill の JIRA チケットや GitHub を眺めつつ、2016年にどんな新機能が出てきそうか興味のおもむくままにご紹介しましょう。 Cassandra ストレージプラグイ…

Drill のユーザ認証とインパーソネーション

この記事は Apache Drill Advent Calendar 2015 の24日目の記事です。 今回は、Drill のセキュリティを向上させる2つの機能、インパーソネーションとユーザ認証について紹介します。 インパーソネーション Drill には、クライアントから要求されたアクション…

Parquet のパーティショニングによる性能最適化

この記事は Apache Drill Advent Calendar 2015 の23日目の記事です。 Drill では Parquet フォーマットを使うことによって、パーティションプルーニングによる性能上のメリットを得ることができます。パーティションプルーニングとは、アクセスするパーティ…

Drill Web UI のビジュアルなクエリプロファイル

この記事は Apache Drill Advent Calendar 2015 の22日目の記事です。 Drill のパフォーマンスチューニングに役立つ情報の一つはクエリプラン、そしてもう一つはクエリプロファイルです。今回はクエリプロファイルでどんな情報が見られるかを紹介していきま…

クエリプランの見かたとハッキングの方法

この記事は Apache Drill Advent Calendar 2015 の19日目の記事です。 SQL が動いて正しい結果が返ってくればよい、というのであれば必要ないのですが、パフォーマンスが気になり始めたらクエリプランとプロファイルを調べていく必要が出てきます。 SQL が発…