Day3 Day4 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Day3 第1回の宿題の発表前回のおさらい CakePHPについて最近のWebアプリケーションの開発方法
Webアプリケーションフレームワーク(以下Webフレームワーク)とは Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

第1回宿題複数のテーブルに対するSQL言語の演習（ものまね）を行ってください
複数のテーブルを使ったＷｅｂアプリケーションをペアで作成してください Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

前回のおさらい WebとWebアプリケーション HTML PHP データベースとSQL
Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

World Wide Webとはブラウザから「http://www.～」と入力することでいろいろなWebページを見せているしくみ。

Webページの表示の仕組み 1 “http://www.yahoo.co.jp/index.html”で指定されるファイルをリクエスト
2 “index.html”ファイルをレスポンスとして返す 3 “index.html”ファイルを整形（レンダリング）して表示 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

HTML Webページを作成するためのマークアップ言語。 index.htmlはHTMLで書かれたテキストファイル。

Webアプリケーションとは (Webページをただ表示するだけでない)Webの機能や特徴を利用したアプリケーション。例えば、、、
データを登録していつでも参照できるようにできる。 Blog ログイン機能を持たせて会員しか表示しないようにする。 SNS Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Webアプリケーションの処理の仕組み 1 “http://www.yahoo.co.jp/index.php”の
ページ内容をリクエストリクエストを元に処理をする（データの登録、編集、閲覧、削除） Webサーバ 2 処理の結果をindex.phpとしてレスポンスとして返す “index.php”ファイルを整形（レンダリング）して表示 3 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

PHP Webアプリケーションの処理の部分を書くことができるプログラム言語の1つ。

Webアプリケーションを作成するにはリクエストとレンダリングはブラウザが担当します。レスポンスはWebサーバが担当します。
　　リクエストとレンダリングはブラウザが担当します。　　レスポンスはWebサーバが担当します。　　処理をプログラムとして書く必要があります。今回はプログラミング言語としてPHPを選択し、実際にWebアプリケーションを作成しています。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

データベースmydbの中のテーブルbooksの中からカラムisbnが98284795825のデータを取得せよ。
データを保存するにはデータベースサーバと呼ばれるデータを格納することに特化したシステムを使用します。今回はMySQLを使用しています。データベースサーバを管理するデータベース管理システム(DBMS)へ命令するための言語がSQLです。データベースサーバデータベースmydbの中のテーブルbooksの中からカラムisbnがのデータを取得せよ。 DBMS SQL データベース Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

CakePHPとは CakePHPとはPHPで書かれたWebフレームワークです。
CakePHPのようなWebフレームワークを使いこなせると、より高速に、より直感的に、より抽象的に、Webアプリケーションの開発ができます。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

ハンズオン「実際にCakePHPでブログを作成してみましょう」

CakePHPチュートリアル The Cookbookにあるブログチュートリアルをbakeを使用して実際にこなしてみる。

Cakeをダウンロード[10.1.1] あらかじめ各アカウントのディレクトリにファイルは展開してあります。
WinSCPで実際にディレクトリが作成されているか確認してください。以下のURLにアクセスしてみましょう。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

自分のアカウント名でデータベースを作成します。チュートリアルと同じテーブルとデータを作成/登録します。
ブログデータベースの作成[10.1.2] 自分のアカウント名でデータベースを作成します。チュートリアルと同じテーブルとデータを作成/登録します。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Cakeのデータベース設定[10.1.3] チュートリアルにしたがって設定してみましょう。再度ブラウザで見てみましょう。

追加の設定[10.1.4] チュートリアルにしたがって設定してみましょう。再度ブラウザで見てみましょう。
オールグリーンになっていたら成功です。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Bakeでコードを生成する[9.1] ここからチュートリアルから離れて一気に進みます。
PuTTYで接続しcake/console/ディレクトリまで移動してください。 MCVの順でソースコードを生成して行きます。再度ブラウザで見てみましょう。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Coffee Break:プログラマの特性
プログラマは大抵面倒くさがり。開発中、同じコードを何度も書きたくない。 (さらに)開発中、同じようなコードを何度も書きたくない。 (それどころか)同じようなコードは一生書きたくない。面白そうなコードだけ書いて暮らしたい！ Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Coffee Break:プログラマの特性
じゃあどうする？小さな同じ処理は関数化してしまおう。同じ処理は書かない。わかりやすいように、意味的に近い処理をグループ化してしまおう(文字に関する関数(メソッド)群、○○を処理するための関数と変数(プロパティ)群)。ひとくくりにして意味的にもわかりやすく。呼び出しも楽に。同じような処理も大体同じなのだから全体を継承して違う部分だけ上書きしよう。同じようなコードも書かない。構造化プログラミングやオブジェクト指向プログラミングが誕生する理由 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Webアプリケーションの特徴データを登録して(Create) データを参照して(Read) データを編集して(Update)
データを削除して(Delete) どんなアプリケーションも大抵こればかり Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Webアプリケーションの特徴他には、、、データベースに接続して SQLでデータベースを操作して HTMLを生成して画像を表示して
formがあってデータを入力させてどんなアプリケーションも大抵こればかり Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

最近のWebアプリケーション開発「データベースに対するCRUD」の特性に収まりやすいWebアプリケーションの特徴
汎用的な処理はまとめてずっと使いたいコーディングのルールに一定の制約を持たせて連携開発をしやすくしたい Webフレームワークを使用して開発するのが主流 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Webフレームワーク Webアプリケーション開発をサポートするための枠組み(プログラム) データベースの操作汎用的処理のライブラリ
HTMLページのテンプレートセッション管理セキュリティ etc. Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Webフレームワーク PHP Ruby Perl Java CakePHP、Zend Framework、symfony
Ruby on Rails Perl Catalyst、Sledge、Jifty、Mojo Java SAStruts、Seasar、Spring、Grails Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Day4 CakePHPを利用するにあたっての有用な情報源 MVCの概念ブログチュートリアル Webアプリケーションの作成
the cookbookの紹介と日本人翻訳チームの貢献について CakePHP User Forumの紹介 MVCの概念 Webアプリケーションにおけるデータの流れ。(MVC) モデルという考え方とデータベースのテーブル(MC) 処理と表示をわけることの大切さ。楽さ。(VC) ブログチュートリアルソースレビュー bakeだけでWebアプリケーションを作成(演習) リレーションの大切さを理解する debuglibによるデータ構造の理解(演習) Webアプリケーションの作成さらに機能を追加してみる(演習) Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

CakePHPを利用するにあたっての有用な情報源

CakePHPのマニュアルサイト/システム
The Cookbook CakePHPのマニュアルサイト/システムマニュアルサイトであると同時にマニュアル作成システム+多言語翻訳システムでもあります。日本語翻訳チームの貢献が全世界で1位！ Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

CakePHP Users in Japan http://cakephp.jp/modules/newbb/
フォーラムの交流も非常に活発です。検索すれば大抵の問題は解消します。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

MVCの概念 MVCとはModel、View、Controllerの頭文字をとったもの。
CRUDとは別の切り口でWebアプリケーションを表しているデータを操作し(Model) ユーザの入力に応答し、処理をし(Controller) 表示し、ユーザの入力を受け取る(View) Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

MVCの概念 V C M データベースどんな画面を表示するか。受け取った入力からどんな処理をするか。どのようにデータを処理するか。

MVCの概念(例:Blog) V C M データベース

MVCの概念(例:Blog) V C M データベースアクセス

MVCの概念(例:Blog) V C M データベース呼び出し

MVCの概念(例:Blog) V C M データ取得データベース

MVCの概念(例:Blog) V C M データベースデータ渡し

MVCの概念(例:Blog) V C M データベース表示

MVCの概念(例:Blog) V C M データベース入力

MVCの概念(例:Blog) V C M データベース処理

MVCの概念(例:Blog) V C M データベース呼び出し

MVCの概念(例:Blog) V C M 処理データベース

MVCの概念(例:Blog) V C M データ登録/取得データベース

MVCの概念(例:Blog) V C M データベース表示

Modelとデータベーステーブル Modelはひとくくりのデータ群を扱うための処理のくくり。
データベースの1つテーブルは大抵ひとくくりのデータ群。例外もあります。 2つのテーブルでひとくくりのデータ群に扱えるものもあるし、1つのテーブルで複数のデータ群になることもあります。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Modelとデータベーステーブル M M M Postモデル Categoryモデル Userモデル postsテーブル
categoriesテーブル usersテーブル Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

ロジック(処理)とビュー(表示) データの処理は主にPHP、データの表示は主にHTML。
処理のコーディングのときはできるだけ処理のことだけ考えていたいはず。 HTMLタグやCSSのことは頭から離したい。表示のコーディングのときはできるだけ表示のことだけ考えていたいはず。データベースへの接続や操作などは頭から離したい。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

<h1>タイトル</h1>
ロジック(処理)とビュー(表示) HTMLヘッダーデータベース接続 <h1>タイトル</h1> データ取得データ加工データ表示処理 </html> Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

<h1>タイトル</h1>
ロジック(処理)とビュー(表示) HTMLヘッダーデータベース接続 <h1>タイトル</h1> データ取得データ表示処理データ加工 </html> データセット Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

<h1>タイトル</h1>
MVC HTMLヘッダーデータベース接続 <h1>タイトル</h1> Model呼び出しデータ取得データ表示処理データセットデータ加工 </html> V C M Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

ソースレビュー Day3で実際に生成したソースをレビューします。 app/models/post.php
app/controllers/posts_controller.php app/views/posts/*.ctp cake/lib/views/layouts/default.ctp The cookbookとの対応もここで教える(+できればpptも作成) Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

CakePHPのMVC(posts/index)
cake/lib/views /layouts/default.ctp V C M データベース app/views/index.ctp app/controllers /posts_controller.php app/models /post.php Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

bakeを使ってDay3で作成したブログシステムをさらにバージョンアップさせます。投稿エントリーにカテゴリという属性をつけてみましょう。
ブログシステムのバージョンアップ bakeを使ってDay3で作成したブログシステムをさらにバージョンアップさせます。投稿エントリーにカテゴリという属性をつけてみましょう。投稿エントリーに投稿ユーザという属性をつけてみましょう。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Modelとデータベーステーブル M M M Postモデル Categoryモデル Userモデル postsテーブル
categoriesテーブル usersテーブル Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Modelとデータベーステーブル postsテーブル categoriesテーブル usersテーブル id title body
cotegory_id user_id postsテーブル id title id name categoriesテーブル usersテーブル Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

debuglib.phpによるデータ構造の理解

debuglib.php phpの配列構造を分かりやすく表示するためのライブラリ
print_a()という関数が使えるようになる。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

debuglibの設定 debuglib.phpをダウンロードして以下のディレクトリに設置
app/vendors/debuglib.php app/config/bootstrap.phpに以下の設定を追記。 App::import('Vendor','debuglib'); 何でもいいので配列を出力してみましょう。 print_a($array); Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

ハンズオンさらにバージョンアップするための演習今まで作成したBlogをさらにバージョンアップさせてください。
bakeを使ってでもいいですし、直に書き加えても構いません。 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

宿題(案) CakePHPでアプリケーションを作成しましょう。

Day3 Day4 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Similar presentations

Presentation on theme: "Day3 Day4 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd."— Presentation transcript:

Similar presentations

About project

フィードバック

ログインする

Auth with social network:

Day3 Day4 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.

Similar presentations

Presentation on theme: "Day3 Day4 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd."— Presentation transcript:

Similar presentations

About project

フィードバック