​​WebAPIを使ったサービス開発ハンズオン
​​はじめに

​​自己紹介

​​松田信介 株式会社X-HACK代表取締役
​​@xhack20 フォローミー
​​https://twitter.com/XHACK20 @有言大実行の人

​​X-HACKのミッション

  • ​​エンジニア不足の解消
  • ​​多くの人にプログラミングを学んでもらうことが目的
  • ​​プログラミングを身近に感じて欲しい

​​主催イベント・勉強会の紹介

​​
 
X-HACK東京
# 株式会社X-HACK (クロスハック) の活動について 『世の中のエンジニア人口を増やしたい』 という信念の元、 * プログラミング学習を始めたばかりの方 * まだ始めてないけどやってみたい方 * エンジニア・プログラマーになることを目指して勉強中の方 * エンジニア ・プログラマーとして仕事をしているがさらに深い知識を得たい方 に向け、勉強会やワークショップを行なっています。 私たちのミッションは、プログラミングって楽しいんだよ、を知ってもらうことです。 # 過去に行った勉強会例 * Git & GitHub超入門 * 人工知能を...
x-hack.connpass.com
X-HACK東京 • x-hack.connpass.com
​​

​​皆様の自己紹介(１人１分)

  • ​​プログラミング学習歴
  • ​​参加回数
  • ​​今日の目的

​​今日のゴール

  • ​​WebAPIの概要がわかる
  • ​​WebAPIの使い方、利用方法、作り方がわかる
  • ​​データフォーマットについて理解する(JSON、XML、CSV)
  • ​​APIを使ったサービスを開発できると思える

​​WebAPIとは？

  • ​​概要の説明
  • ​​誰が提供している？自分でも作れるの？
  • ​​何に使われているの
  • ​​JSON / XML / CSVなど様々なデータ形式がある

​​JSONとは？

  • ​​概要
  • ​​{ } と :  , を使ってデータ構造を表現している
  • ​​データを階層で表現出来る
​​{ 
​​  "name": "松田信介", 
​​  "age": 33, 
​​  "address": {
​​    "prefecture": "福岡県",
​​    "city": "福岡市"    
​​  }
​​}
  • ​​データ形式
  • ​​正しい形式のJSONかチェック

​​実際にWebAPIを使ってみる(ブラウザで表示)

  • ​​ホットペッパー
  • ​​Qiita(認証不要)
​​

​​HTMLは単なる文字列である

​​自分でWebAPIを作ってみる