MONET研究会 #14

2015-12-19

REST: 簡単!! Webサーバー

REST: 簡単!! Webサーバー

⽬標:モバイルからデータベースにアクセス（読み/書き）

REST: 簡単!! Webサーバー

⽬標:モバイルからデータベースにアクセス（読み/書き）

⽤意するもの

REST: 簡単!! Webサーバー

⽬標:モバイルからデータベースにアクセス（読み/書き）

⽤意するもの

Web Application Expansion

REST: 簡単!! Webサーバー

⽬標:モバイルからデータベースにアクセス（読み/書き）

⽤意するもの

Web Application Expansion

AngularJS by Google

REST: 簡単!! Webサーバー

⽤意するもの

Web Application Expansion

AngularJS by Google

⽬標:モバイルからデータベースにアクセス（読み/書き）

REST: 簡単!! Webサーバー

⽤意するもの

Wakanda-Angular Connect

Web Application Expansion

AngularJS by Google

⽬標:モバイルからデータベースにアクセス（読み/書き）

REST: 簡単!! Webサーバー

⽤意するもの

⽬標:モバイルからデータベースにアクセス（読み/書き）

Web Application Expansion

概要: 4DのHTTPサーバー機能制限を解除するライセンス 定価: \99,000/税別

REST: 簡単!! Webサーバー

⽤意するもの

⽬標:モバイルからデータベースにアクセス（読み/書き）

Web Application Expansion

概要: 4DのHTTPサーバー機能制限を解除するライセンス 定価: \99,000/税別 😊(MONET特約応相談)

REST: 簡単!! Webサーバー

⽤意するもの

⽬標:モバイルからデータベースにアクセス（読み/書き）

AngularJS by Google

概要: Googleとコミュニティによって保守されているウェブアプリケーション開発⽤のフレームワーク 特徴: 複雑な業務⽤データベースアプリケーションのフロントエンドを効率よくシンプルに実装できる

REST: 簡単!! Webサーバー

⽤意するもの

⽬標:モバイルからデータベースにアクセス（読み/書き）

Wakanda-Angular Connect

概要: Wakandaのために開発されたAngularコネクター

特徴: 4DのHTTPサーバーはWakandaと⼤部分が共通設計であるため，4D⽤のコネクターとしても使⽤できる

REST: 簡単!! Webサーバー

REST

REST: 簡単!! Webサーバー

REST

REST: 簡単!! Webサーバー

Representational State Transfer ワールドワイドウェブ (www) のソフトウェア設計スタイル

REST

REST: 簡単!! Webサーバー

Representational State Transfer ワールドワイドウェブ (www) のソフトウェア設計スタイル

リソース テキスト・画像などのデータ

REST

REST: 簡単!! Webサーバー

Representational State Transfer ワールドワイドウェブ (www) のソフトウェア設計スタイル

リソース テキスト・画像などのデータ

統⼀識別⼦ リソースを特定するID

REST

REST: 簡単!! Webサーバー

Representational State Transfer ワールドワイドウェブ (www) のソフトウェア設計スタイル

リソース テキスト・画像などのデータ

統⼀識別⼦ リソースを特定するID

リンク リソース同⼠の関係性

REST

REST: 簡単!! Webサーバー

Representational State Transfer ワールドワイドウェブ (www) のソフトウェア設計スタイル

リソース テキスト・画像などのデータ

統⼀識別⼦ リソースを特定するID

リンク リソース同⼠の関係性

CRUDアクション リソースの読み書き

REST

REST: 簡単!! Webサーバー

Representational State Transfer ワールドワイドウェブ (www) のソフトウェア設計スタイル

リソース テキスト・画像などのデータ

統⼀識別⼦ リソースを特定するID

リンク リソース同⼠の関係性

CRUDアクション リソースの読み書き

ハイパーリンク

Uniform Resource Identifier

POST, GET, PUT, DELETE

HTML, img, src, etc.

REST

REST: 簡単!! Webサーバー

4D

REST

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

データベース

REST: 簡単!! Webサーバー

4D

REST

4D Mobile Service

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

データベース

REST: 簡単!! Webサーバー

4D

REST

4D Mobile Service

REST API • ストラクチャ • データ • メソッド

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

データベース

REST: 簡単!! Webサーバー

AngularJS

REST

4D Mobile Service

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

ウェブアプリケーション

REST: 簡単!! Webサーバー

AngularJS

REST

4D Mobile Service

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

Angular-Wakanda

ウェブアプリケーション

REST: 簡単!! Webサーバー

AngularJS

REST

4D Mobile Service

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

Angular-Wakanda

Promise API • ローカルプロキシ • ⾮同期メソッド • コレクションキャッシュ • REST APIを内部的にコール

ウェブアプリケーション

REST: 簡単!! Webサーバー

4D × AngularJS

REST

4D Mobile Service

http://doc.wakanda.org/home2.en.html#/HTTP-REST/HTTP-REST.100-808498.en.html

Angular-Wakanda

クライアント

データベース

サーバー

4D Mobile Service

ウェブアプリケーション

HTTP REST Promise Angular