💨
Pixela をはじめよう
Pixela は REST風の Web API しか提供していませんが、そんなに難しくはありません。
あなたのマシンのコンソールから、Pixela の世界に飛び込んでみましょう!
1. ユーザーアカウントを作成する
Users API を HTTP POST でリクエストします。API ドキュメント
2. グラフを作成する
Graphs API を HTTP POST でリクエストします。APIドキュメント
3. グラフを表示させてみる
![ブラウザで https://pixe.la/v1/users/test-user-name/graphs/my-first-graph を開いてみた様子。](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/pixela/f55972cb-9a7e-4ea0-9dac-1ee6d612d922/f0c5f030185212502510578b632321c4.png)
まだどの日付にも値が記録されていないグラフを作ることができました。
4. ある日に対して値を投稿する
Pixels API を HTTP POST でリクエストします。APIドキュメント
5. もう一度グラフを表示させてみる
それではもう一度 にブラウザでアクセスしてみましょう。
![もう一度ブラウザで https://pixe.la/v1/users/test-user-name/graphs/my-first-graph を開いてみた様子。](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/pixela/28855a7e-ce16-4548-bab0-b7c9b68706a7/73aa236c9045acbb220eab350cb4fac7.png)
Pixels API をリクエストする際に指定した日付の位置の Pixel の色が変化していることがわかりますね。
6. さらに詳細な情報を確認する
先程のURLに を付けてブラウザでアクセスしてみましょう。
![ブラウザで https://pixe.la/v1/users/test-user-name/graphs/my-first-graph.html を開いてみた様子。](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/pixela/b7c627da-e9ce-46b2-92bc-55b5b4d4c488/4d3a2b483aebd6af1f49b6af0a1b0796.png)
すると、このグラフに関する様々な詳細情報を確認することができます。また、このページで表示されているグラフの各 Pixel にマウスカーソルを合わせると、ツールチップを表示させることもできます。
![この小さなグラフは Retina と呼ばれるものです。](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/pixela/3af8e81e-f49d-455f-9c0c-ae9abcaa3711/11f7f580f97507cce0b87b7440f61f36.png)