文系プログラマによるTIPSブログスマートフォン用の表示で見る文系プログラマによるTIPSブログ文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。現在新tree-mapsの開発中なのですが、折角なのでGoogleMap以外を使ってみようとか、プロットの方式を変えてみようとか、色々試行錯誤しています。この記事はゆる〜く計測するものです。完全で間違いの無い計測を目指したものではありません。地図の選択肢まず最初にGoogleMapとOpenStreetmapでマーカー生成速度を比較してみたのですが・・・・・OpenStreetMapのマーカー生成処理速度、おっそ・・・・これは使えません。信じられない程の遅さです。OpenStreetMapが遅いのでBingやYahooの地図も試したいところですが、今回は割愛します。APIで一気に座標を読み込んでマーカーを生成するのは、どれくらいの速度が出るのか、比較してみました。使うGeoJSONファイルこんな感じです。APIによるマーカー生成ソースコードこんなクソコードでいい筈ありませんが、何となくの速度計測はできます。碁盤のように縦横整列した状態でピンが綺麗に生成されます。縦200個、横300個、合計6万マーカーの生成を行います。計測完了からマーカー表示が遅いですが、これはGoogleMapApiの処理は完了済みだが、マシンが頑張って大量のマーカーをレンダリング(表示)する処理に時間がかかっています。処理自体は高速ですが、マーカーの描画の時間がかかっているわけです。APIによるマーカー生成GeoJSONgeoJsonという汎用空間データフォーマットがあり、ここ最近GoogleMapはこのGeoJSONに対応しました。Developersということで早速どれくらいの速度なのか、計測してみましょう。ソースコード例によって、こんなクソコードでいいのかは棚上げし、こんな感じで準備しました。});})</script></body></html>実行結果あれ、遅い。APIより高速になるかも!?なんて思ったらこれです。APIは500エラーで取り込めず。APIでゴリゴリした方がいいのかもしれませんね。APIで2500件プロットすると、どれくらい時間がかかるでしょうか。ソースコードleaflet.jsを使っています。});</script></body></html>実行結果うーん、たった2500件なんですけどね。してleaflet.jsの処理速度が遅いとかですかね?それとも実装の仕方が間違っているとか。何か根本的に私は何かを間違えているような気がして仕方ありません。GeoJSONに変換しました。APIでプロットした方がよさそうという事が解ったので、新tree-mapsの大量プロット機能はまたGoogleMapにしようと思います。Apiで標準の赤以外のマーカーを高速にプロットするまあ別に高速というほどではないのですけどね。週間)昔は業務系SIer、今はベンチャー企業でプログラムを書いています。INFILEを実行できるようにするmacのAutomatorでhomebrewのコマンドをFinderのサービスから実行できるようにするReactオススメ書籍React自体の基礎、AtomicDesignの適用、CSSの運用手法の歴史的な経緯とメリットデメリット、Reduxの基礎、redux-sagaによる非同期処理、サーバサイドレンダリング、テスト、lint、を学ぶ事ができます。単行本(ソフトカバー)この商品を含むブログを見るAngularオススメ書籍Angularを学ぶなら絶対以下がおすすめです!バインディング、ディレクティブ、パイプ、フォーム、コンポーネント、サービス、ルーティング、httpClientによる非同期httpリクエスト、テスト、angular-cli、を非常に丁寧な説明で網羅的に解説しています。大型本この商品を含むブログを見るSEOオススメ書籍SEOを学ぶなら絶対以下がおすすめです!クローラに対して何をどうすればサイトの巡回効率・速度を上げる事ができるのか、どういったマークアップをする事が標準仕様なのか。巷に溢れる業者による経験則に基づくオレオレSEO情報は一切無く、全てGoogle等のオフィシャルな情報に基づいて何をすべきか、どんな手段があるのかを解説されています。プログラマな私が業務で行った施策が多く書かれており、プログラマ寄りで高度な内容となっており、巷のビギナー向けの曖昧な情報集とは一線を画しています。Amazonアソシエイト・プログラムの参加者です。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。