Hirosaji Tech Blog 🍙

Web開発の記事が多め。絵師支援の記事も少し。

Mapboxの学習リソースを目的別にまとめた

はじめに

Mapboxには、ドキュメント類がとても充実しています。
ただ、英語でかつ様々なチャネルで広報がされているため、英語での検索に慣れてないと(特に初・中級者は)求めている情報に辿り着けません。

そこで今回、「とりあえずここから探そう」という指針を作るべく、目的別に学習リソースをまとめました。
(というのは建前で、主に自分のための備忘録です)

何を作るかをイメージする

  • Mapbox Official Blog - Medium Mapboxの導入事例や新機能が紹介されている公式ブログ。
    [対象:Mapbox製品全般(Mapbox API, Mapbox GL JS, Mapbox Studio など)]

  • Mapbox - Twitter Mapboxの導入事例や新機能が紹介されている公式Twitterアカウント。
    公式ブログのネタになる投稿が多く、必然的に最新情報が載る。
    [対象:Mapbox製品全般(Mapbox API, Mapbox GL JS, Mapbox Studio など)]

  • search "#BuiltWithMapbox" - Twitter Mapbox作品を探すためのTwitter検索。
    公式が #BuiltWithMapbox を付けて作品をツイートするようアナウンスしている。
    [対象:Mapboxデザイン全般(主に Mapbox GL JS, Mapbox Studio)]

デザインの着想を得る

  • Gallery - Mapbox 様々な表現でデザインされた地図が載った公式作品集。
    一部のデザインは、そのまま Mapbox Studio にコピーすることができる。
    [対象:Mapbox Studio]

  • search "Mapbox" - Pinterest Mapboxによる地図デザインを探すためのPinterest検索。
    Pinterestには、地図デザイナーが多く投稿している。
    [対象:主に Mapbox Studio]

実装方法を知る

  • Documentation - Mapbox 公式のドキュメント集。
    実装イメージが頭にあって、使うメソッドなどが大体想像できる場合はここを見れば早い。
    [対象:Mapbox製品全般(Mapbox API, Mapbox GL JS, Mapbox Studio など)]

  • Mapbox GL JS Examples - Mapbox
    https://docs.mapbox.com/mapbox-gl-js/examples/ Mapboxの看板商品Mapbox GL JSの公式Examples。
    Mapbox GL JSで可能な表現の実装方法がコード付きで載っている。種類が非常に豊富で、Mapboxで出来ることは大体載ってる。
    [対象:Mapbox GL JS のみ]

  • Mapbox - YouTube 様々な粒度の実装方法が紹介されている公式Youtubeチャンネル。
    「iframeでの埋め込み」や「UnityでMapboxのためのチュートリアル」など、実践に即した動画も充実。
    [対象:Mapbox製品全般(Mapbox API, Mapbox GL JS, Mapbox Studio など)]

  • Webinars - Mapbox Mapboxスタッフによる公式のWeb講座。
    最近LunchBoxをよく開催していて、直接質問も可能(ただし英語)。
    [対象:Mapbox製品全般(Mapbox API, Mapbox GL JS, Mapbox Studio など)]

質問する

困ったらまずココ

f:id:hirosaji:20200421175243p:plain:w400
Help - Mapbox
基本知識の解説や、各種チュートリアルトラブルシューティングなど、状況に合ったヘルプを自分で探すことができる構成のヘルプページ。 記事検索もできるので、何かつまづいたら、とりあえずこのページを訪れると良い。