# 初心者講座：GraphCMS編

Githubのサンプルコードの完成イメージ
https://github.com/Yoosuke/grahcms_maps

GithubのサンプルコードURL
https://github.com/Yoosuke/grahcms_maps/tree/master/react-apollo-blog

##### GraphCMS for Map App 環境構築編
※ GraphCMSの解説など前置きが少し長いので、解説が不要な方は7分23秒辺りまで飛ばしてください。
{%vimeo 380415066 %}

##### GraphCMS & React Sample CODE SetUp
{%vimeo 380422269 %}
※動画中で「中目黒」と入力させる言動がありますが、のちに、「東京タワー」に変更してますので、最初から「東京タワー」を入力して下さい。

##### MapBox & Here API取得と設定方法
{%vimeo 380428157 %}

##### SampleCodeの概要説明
{%vimeo 380436152 %}

##### GraphCMS Mapbox カスタマイズ
{%vimeo 380442308 %}

##### チュートリアル参考記事
https://qiita.com/Yoosuke/items/63104bfd0848c70085fb

**動画で解説しいている技術について学べるサイト**
* React
https://ja.reactjs.org/tutorial/tutorial.html
* GraphCMS
https://graphcms.com/docs/introduction/
* GraphQL
https://graphql.org/learn/

#### 利用するAPI
* here
https://developer.here.com/
* Mapbox
https://uber.github.io/react-map-gl/#/
* Leaflet.js
https://react-leaflet.js.org/
* Google Map API
https://github.com/google-map-react/google-map-react