CloudSpiral 2014年度 Webアプリ講義（2日目）

Cloud Specialist Program Initiative for Reality-based Advanced Learning

分野地域を越えた実践的情報教育協働ネットワーク

Webアプリクライアントサイド講義（2日目）

神戸大学

まつ本真佑

佐伯幸郎


分野地域を越えた実践的情報教育協働ネットワークcopy Cloud Spiral partners 2014934 2

講義の位置付け

Java

サーバサイド

Ruby

PHPRESTAPI

DWR

Java

Jersey

JavaRESTAPI

T4J

Rails

RESTAPI

RESTAPI

HTML5API

RESTAPI

RESTAPI

RESTAPIJS

jQuery

HTML

CSS

http

json

ltxmlgt

独自API

独自API

programAPIdata

libraryREST framework

クライアントサイド

外部サービス自開発サービス



SVNコミットしてください bigdata webapp 両方

模範解答設置しました http19216810010svnsharebigdata_ans

http19216810010svnsharewebapp_ans

Alpacaサーバサイドのソースコード http19216810010svnshareAlpaca

お知らせ

10分で分かる10分で分かるJavaScript

10分で分かるjQuery

各種APIREST API 演

HTML5 API 演

Google Maps API 演

総合演習alpaca+ 演

公開サーバへのデプロイ演

アーキテクチャ設計

pre-PBL

Webアプリを1から作れるようになるbull 要求～設計（UML講義）bull JavaDBテスト（前期Spiral）bull サーバサイドのRESTサービス化（小出先生）bull クライアントサイドでのAPI呼び出しUI構築bull クラウド環境への開発アプリのデプロイ

GOAL 12

By Maurizio DArrigo (httpswwwflickrcomphotoskeylosa184606430)



Wikipediaより

キーワード非同期通信とインターフェイスの構築論より証拠次ページへ

（余談） Ajaxって何余

ウェブブラウザ内で非同期通信とインターフェイスの構築などを行う技術の総称通信結果に応じてダイナミックHTMLで動的にページの一部を書き換えるというアプローチを取る

httpjawikipediaorgwikiAjax



サンプル httplocalhost50080webappexampleajaxhtml

Ajaxによる非同期通信

ltbodygtlttextareagtlttextareagtltbrgtltimg src=imagealpaca-halfpnggt

ltscript src=jsjquery-211minjsgtltscriptgtltscriptgt 処理に時間のかかる重たいAPI（仮）を呼び出す$ajax(url http192168100108080lamaapiheavyasync true 非同期にするかどうか（デフォルトではtrue）

)ltscriptgt

ltbodygt

余







)ltscriptgt

ltbodygt ブラウザの挙動とは非同期にサーバ通信可能＝ブラウザが固まらない

余



サンプル httpstwittercomsignup

Ajaxによるインタフェースの構築余

画面遷移なしにサーバと通信できる＝動的なWebアプリが作れる



Wikipediaより

非同期通信ブラウザの挙動とは非同期にサーバ通信可能

インターフェイスの構築画面遷移なしにサーバと通信できる

Ajaxまとめ余



リアルタイム amp インタラクティブなWebアプリが可能




HTML5 API 演

Google Maps API 演




pre-PBL



1サーバセットアップbull Webサーバの立ち上げ（AWSチュートリアルと同等）

bull SSH接続

bull TomcatMongoDBのインストール

2開発アプリの修正bull サーバサイドのソースコードを取得

bull クライアントサイドのソースコードをマージ

bull ビルド

3サーバへのデプロイbull ビルド結果を転送

bull Tomcat起動

bull ブラウザで確認

公開サーバへのデプロイの流れ




bull SSH接続




bull ビルド


bull Tomcat起動



ADSLの限界への挑戦




bull SSH接続




bull ビルド


bull Tomcat起動





1サーバセットアップ


































DNS名をメモ



SSH接続 Rlogin起動（Cyenpblyenrlogin_x64yenRLoginexe）

SFTPできるSSHクライアント


Cyenpblyenssh_keyyenCloudSpiral_Keypem

合宿後追記



SSH接続




TomcatMongoDBのインストール SSH （RLogin上）で操作

コマンドはこちら参照

http19216810010docs20140903_webappec2_setuptxt





bull SSH接続




bull ビルド


bull Tomcat起動





Eclipse上でサーバサイドのコードをチェックアウト http19216810010svnshareAlpaca

WebContentフォルダに開発したクライアントのソースコードをコピペコピペ後のフォルダ構成

2開発アプリの修正



API呼び出しのエンドポイントを書き換えるbull 修正前）絶対パス指定による合宿サーバAPIの呼び出し

bull 修正後）相対パス指定によるEC2サーバ自身のAPI呼び出し


var endpoint = apiだけでよい



ビルドする（クライアント amp サーバをひとまとめに）





bull SSH接続




bull ビルド


bull Tomcat起動





RLoginからファイル転送

3サーバへのデプロイ

CyenpblyenworkspaceyenAlpacayen

DragampDrop

tmp （合宿後追記）



転送したwarをtmpから移動$ cd varlibtomcat7webapps

$ sudo mv tmpalpacawar

Tomcat起動$ sudo service tomcat7 start

ブラウザから確認 httpec2-com8080alpacaalpaca+html


合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL



アーキテクチャ設計の感覚を身につけようクライアントサーバどちらからでもAPIは利用できる

クライアントサーバのどちらにどの機能を実装するかが重要

Webアプリのアーキテクチャ

JavaJSjQuery

サーバサイドクライアントサイド

RESTAPI




題材「ダウｗｗｗ」 SNSの総ｗ数と日経平均株価の推移を比較するWebアプリ

マッシュアップアプリ

利用するAPIbull 各種SNSのAPI + Yahoo Finance API + Google Chart API

考える題材Webアプリ

ダウ

ｗｗｗ



極端な例クライアントサイドマッシュアップ

API API APIhttpd

HTML JS

外部サービスクライアントダウｗｗｗサーバ

httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新



極端な例サーバサイドマッシュアップ amp CGI風

API API APIhttpd Java


1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom



MVC風アーキテクチャ



1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API

4マッシュアップ済みデータの取得（REST API）

HTML



MVCが一つの基準（理屈）サーバ機能やデータをREST APIの形で提供する

（+HTMLとJSを提供する）

クライアントユーザインタフェースを提供する

ただし（現実）アプリの要求に強く依存

bull リアルタイム系かバッチ系か

bull キャッシュDBを使うか

bull 利用者の数はどの程度か

bull クライアントで全てUI制御して良いか

bull 負荷の問題はないか

どうアーキテクチャを決めるか



以前のアーキテクチャ（MVC風）サーバサイドはREST APIサーバに徹底

クライアントサイドでAPIの結果をレンダリング

問題点最初のタイムラインの表示に時間がかかっていた

bull JSでのレンダリングが重い

bull 特にモバイル環境で性能上の問題

対処新旧折衷案タイムラインの初期ページはサーバ側で埋め込んでおく（CGI風）

続きのページはJSで非同期に読み込む（API風）

Twitterのアーキテクチャ見直し事例

Improving performance on twittercom httpsblogtwittercom2012improving-performance-on-twittercom


GOAL 12

（再掲）




API ＝レゴオブジェクト




RESTAPI

独自API

HTML5API

Webの世界

By kakela (httpswwwflickrcomphotoskakela9658243)

激動の時代を楽しむ

GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要

分散PBL 学生主体で進めるPBL

各大学でオンラインで実施

3つのミニPBL PBL1 ビッグデータ

PBL2 Webアプリ

PBL3 ビジネス



PBL全体スケジュール

103

1017

1031

1114

125

PBL1開始

PBL1発表会 amp PBL2開始

（クラウドセミナー）


PBL3発表会

2weeks

4weeks

3weeks



CloudSpiralコンペティション（仮）世界に通用する日本の若いITエンジニアを発掘すべくこれまでにない新たなWebアプリのアイデアを募集しその内容を競います

審査基準アプリの新規性独自性

アプリのユニークさ魅力

市場価値や社会課題の解決性

アイデアの説得力プレゼン力

企画から開発までの計画力実現力

PBL2の設定

設定



応募締切 10月17日

一次審査 11月14日企画提案 amp アプリのデモンストレーション

審査員と一般聴衆による投票審査

二次審査 1月16日開発アプリの一般公開

Web利用者からの一般投票開始

最終審査

コンテストの流れ

設定



応募締切 10月17日（PBL2開始1週目）

一次審査 11月14日（PBL2発表会4週目）

企画提案 amp アプリのデモンストレーション

審査員（教員）と一般聴衆（学生）による投票審査



最終審査


真意







二次審査 1月16日（13週目＝3ヶ月）

開発アプリの一般公開


最終審査


真意



外部APIを一つ以上利用すること既存のAPIを利用して新たな価値を生むものであること

夢物語にならないこと「夢を語るのは高校生まで」「形にしないと嘘でしょ」

実現可能性を必ず検討すること

技術面コスト面共に実現可能であること

利用する（したい）外部APIが存在するかも調べること

開発チームの能力限界を見極めること開発の見通しが立つこと

最終的な開発完了までは13週間（3ヶ月）

PBLとしての企画上の制約

BLACK



クライアントサーバの両方を開発すること

サーバサイド外部APIの呼び出し部分はモック（見せかけ）でもよい

bull 特に認証や利用料が必要なAPIは大変

bull 企画として「ここが提供しているこのAPIを使う」という点を主張すればよい

クライアントサイド向けへのREST APIを公開すること

クライアントサイド HTML + JS （CSS等デザインの作り込みは任意）

開発したサーバサイドのREST APIを呼び出すこと

PBLとしての開発上の制約



企画提案とアプリのデモンストレーション当然全て完成していなくて良い

アプリの全体像が聴衆に伝わるように工夫すること

審査基準（再掲）アプリの新規性独自性




企画～開発までの計画力実現力

PBL2の発表会で求めるもの



プロセスについては特に制約は与えないチームで工夫して下さい

bull Assignment制約をどう捉えるか

bull どのようなツールを使うか

bull 遠隔という難しさをどう工夫するか

最低限前期合宿と同等の開発環境はこちらで用意しますbull SVNやTrac等

2週目（1031）クラウドセミナー午前中はフリーチームで対面できる機会なので活用して下さい

技術的な質問相談も受け付けます

その他



講義の位置付け

Java

サーバサイド

Ruby

PHPRESTAPI

DWR

Java

Jersey

JavaRESTAPI

T4J

Rails

RESTAPI

RESTAPI

HTML5API

RESTAPI

RESTAPI

RESTAPIJS

jQuery

HTML

CSS

http

json

ltxmlgt

独自API

独自API

programAPIdata

libraryREST framework

クライアントサイド








お知らせ




HTML5 API 演

Google Maps API 演




pre-PBL


GOAL 12




Wikipediaより











)ltscriptgt

ltbodygt

余







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







お知らせ




HTML5 API 演

Google Maps API 演




pre-PBL


GOAL 12




Wikipediaより











)ltscriptgt

ltbodygt

余







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




HTML5 API 演

Google Maps API 演




pre-PBL


GOAL 12




Wikipediaより











)ltscriptgt

ltbodygt

余







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他


GOAL 12




Wikipediaより











)ltscriptgt

ltbodygt

余







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他



Wikipediaより











)ltscriptgt

ltbodygt

余







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







)ltscriptgt

ltbodygt

余







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







)ltscriptgt


余








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他








Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他



Wikipediaより



Ajaxまとめ余







HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




HTML5 API 演

Google Maps API 演




pre-PBL




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




bull SSH接続




bull ビルド


bull Tomcat起動






bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




bull SSH接続




bull ビルド


bull Tomcat起動







bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




bull SSH接続




bull ビルド


bull Tomcat起動







































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他





































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他


































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他































DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




























DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他

























DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他






















DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他



















DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他
















DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他













DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他










DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




DNS名をメモ







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







合宿後追記



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他



SSH接続











bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他










bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




bull SSH接続




bull ビルド


bull Tomcat起動





















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他



















bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他














bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他








bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




bull SSH接続




bull ビルド


bull Tomcat起動








DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他






DragampDrop









合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他








合宿後追記




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




HTML5 API 演

Google Maps API 演




pre-PBL






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他






JavaJSjQuery


RESTAPI








ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







ダウ

ｗｗｗ




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




API API APIhttpd

HTML JS


httpdauwwwcom

1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

5HTML更新






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他






1投稿の取得

2ｗカウント

3ダウの取得

4グラフの生成

6HTML設置

5HTML生成

httpdauwwwcom






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他






1投稿の取得

2ｗカウント

3ダウの取得

5グラフの生成

httpdauwwwcom

JS

6HTML更新

API


HTML

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他

























GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他













GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他


GOAL 12

（再掲）








RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他







RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




RESTAPI

独自API

HTML5API

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他

Webの世界



GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他


GOAL 22

Webの世界





Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




Geolocation API 演

Google Maps API 演




pre-PBL



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他



後期PBLの概要




PBL2 Webアプリ

PBL3 ビジネス




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他




103

1017

1031

1114

125

PBL1開始




PBL3発表会

2weeks

4weeks

3weeks









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他









PBL2の設定

設定








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他








最終審査


設定









最終審査


真意










最終審査


真意











BLACK






























その他









最終審査


真意










最終審査


真意











BLACK






























その他










最終審査


真意











BLACK






























その他











BLACK






























その他






























その他




















その他










その他

Education

CloudSpiral 2014年度 Webアプリ講義（2日目）