シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > Webアプリの開発を爆速化する、エクセル感覚のデータベース「Airtable」はJSONの取得も可能!
注目記事ピックアップ
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2015/05/07 20:50

Webアプリの開発を爆速化する、エクセル感覚のデータベース「Airtable」はJSONの取得も可能!

airtable_01 どうも、まさとらん(@0310lan)です!

データベースを活用した「Webアプリ」を制作したい人に朗報です!

SQLなどの専門的な知識不要で、エクセルのような操作感で簡単にデータベースを構築できるWebサービスをご紹介します。

それが、「Airtable」です!
airtable_02 ブラウザ上で簡単に作成でき、作ったデータはJSON形式で取得することも可能になる面白いサービスとなっています。


どうやって使うの?
まずは、どのような使い方ができるのか、ざっくりと見ていきましょう!

サイトにアクセスし、「Sign up now」ボタンから無償のユーザー登録を済ませると、チュートリアル画面が表示されます。
airtable_03 これが意外と良く出来ており、特徴的な機能の説明を動画で分かりやすく解説してくれるので、サクッと確認しておくと良いでしょう。

その後、早速データベースを作成していくのですが、初回のみ「APIキー」を取得する必要があります。


そこで、管理画面から「Account」へ移動します。
airtable_04

「Generate API key」のリンクをクリックすれば、すぐに「APIキー」が発行されます。
airtable_05 これで準備はOKです!


次に、データベースを作成するため「New Base」をクリックします。
airtable_06

すると、多彩な「データベースサンプル」が表示されます。
airtable_07 ショップ系、イベント系、ビジネス系、スタートアップ系など、いろいろなシーンで活用できそうなデータベースのテンプレートが選択できるわけです。


ひとまず、今回はショップ系の「レストラン」に関連したデータベースを選ぶことにします。(もちろん、ゼロから作ることも可能…)

テンプレートの詳細が表示されるので、問題無ければ「Use」ボタンをクリックしましょう。
airtable_08

データベースの「名称」や「アイコンカラー」などもカスタマイズ出来ます。
airtable_09

設定が終わると、自動的に選択したテンプレートのデータベースが表示されます!
airtable_10 あとは、この「エクセル」みたいな表へ「データ」を入力していくだけで、自分だけのデータベースが簡単に構築できるわけです。


そして面白いのは、ここで作成したデータベース内の「データ」は、すべてJSON形式に変換して外部から取得することが出来るようになっている点です。

つまり、自分のWebサイトやサービスなどで、このデータベースを利用した開発が実現できるというわけですね。


利用方法は簡単で、データベースを開いた状態のまま「画面右上」にある「API docs」をクリックします。
airtable_11

すると、今開いていたデータベースに最適化された「APIドキュメント」が表示されます。
airtable_12 このドキュメントの右側に記載されているコードを利用するだけで、簡単にデータをJSONで取得できます。


利用する前に、「show API key」にチェックを入れておけば、先ほど取得した「APIキー」をコードに自動挿入してくれるので便利です。
airtable_13 あとは、ドキュメントに書かれているコードをコピペするだけでOK!


例えば、データを全部取得したければ「List all records」の項目に書かれているコードを、コマンドラインへコピペして実行します。
airtable_14 これだけで、全データのJSONを返してくれるようになるのです!


また、データベース内にある任意の項目を削除したければ、「Delete a record」の項目に書かれているコードをコピペすればOK!
airtable_15

実際に、データベースを確認すると、しっかりと削除されているのが分かります。
airtable_16_1 (「node.js」で実行するサンプルコードも掲載されています)


ちなみに、任意の項目を指定するURLは、データベース内で選択すると表示される末尾のURLを使うことになります。
airtable_16_2

まだある、こんな「便利機能」の数々!
「Airtable」は、エクセルのような表計算ソフトのように利用することも可能ですが、基本的にはデータベースなので「多彩なデータ」を扱えるのが特徴となっています。

しかも、扱いたいデータを選択肢から選ぶだけ…という簡単さ。
airtable_17 あとは、シートを追加したり、データを入れ替えたり、フィルタリングしたり…などの基本的な操作も簡単に行えるようになっています。


また、「テキストデータ」だけでなく、画像データも1つのセル内に添付することができ、クラウドストレージ上の画像も利用OKです!
airtable_18 Evernote、Gmail、GitHub、Flickr、facebook、instagram…など、幅広いWebサービスと連携できるので便利です。


さらに、スマホとの連携も可能で、こちらは専用の無料アプリをインストールするだけで、Web版とほぼ同じことが出来るようになっています。
airtable_19 スマホのカメラで撮影した画像を、データベースに保存して活用することも可能です!


もし、データベースを複数人で共同制作したり、チームで共有したければ、相手のメルアドを登録するだけで簡単に実現できるのも特徴的です。

しかも、データベース内でチャットをしながら、データを構築していくことも可能!
airtable_20 権限も設定できるようになっており、「管理者」「閲覧のみ」「編集者」のような区分もできます。

このように、「Airtable」を利用すれば、視覚的にも分かりやすいデータベースを素早く作成でき、JSONデータを活用してWebアプリを開発することも簡単に実現できるわけです!


おまけ
最後に、今回ご紹介したデータベースを活用した「Webサービス」を開発するのに役立つサイトをご紹介しておきます!

【300種を超える人気Webサービス紹介サイト「Startup Stash」という神サービス現る!】
airtable_22 プロトタイプ、プロモーション動画、決済処理、開発環境など、Webサービスを作るうえで必要になる良質なサービスを集めたサイトになっています。

このサイトで紹介されているサービスと「Airtable」を組み合わせれば、短期間で面白いサービスを作ることが出来るようになるかもしれませんね。


まとめ
今回は、「Airtable」のデータをJSONで取得できる点に注目しましたが、普通にそのまま活用しても便利なサービスだと思います。

お店の在庫管理、企業の人員管理、プロジェクトのタスク管理、旅行予約の管理…など、データベースを利用できるシーンは非常に多いです。
そして、このようなデータをサクッと作って、外部のWebサービスと簡単に連携できるのは非常に魅力的です。

ぜひ、みなさんも自分だけのデータベースを活用してみてください!

<参考>
「Airtable」公式サイト


wirtten by まさとらん




まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る