1. 1
⾃自分のサーバーで動かす
ここからは⾃自分のサービスとしてリリースするために、
⾃自分でサーバーを⽤用意し、⾃自分のサーバーでプログラムを
動かしてみましょう。
Copyright (c) 株式会社HEART QUAKE All rights reserved .

2. 2
WEBサービスについて
l WEBサービスの仕組み
- WEBサービスと⼀一⾔言で表しても、実際には
- サーバー、データベース、プログラム、ネットワーク
- などが組み合わさって実現されています。
ネットワークネットワーク
PCサーバー
ハードウェア
株式会社 HEART QUAKE,All,Right,Reserved
Copyright (c) 株式会社HEART QUAKE All rights reserved .
企業データベース
ソフトウェア
転職希望者
データベース
転職サービス
ソフトウェア
データベース ネットワーク

3. 3
WEBサービスについて
l クライアントとサーバー
- データの⼊入⼒力力などの要求（リクエスト）を送る
- コンピューターをクライアントと呼びます。
- 処理理を実⾏行行し、応答（レスポンス）を返す
- コンピューターをサーバーと呼びます。
クライアントサーバー
Copyright (c) 株式会社HEART QUAKE All rights reserved .
リクエスト
レスポンス

4. l レンタルサーバーを借りよう！
- サーバーは⾃自分で⾃自分で⽤用意することもできますが
- 今回はレンタルサーバーと呼ばれるサービスを利利⽤用します。
4
Copyright (c) 株式会社HEART QUAKE All rights reserved .
レンタルサーバー

5. 5
l STEP1. ロリポップへアクセスして申し込み
- 今回はロリポップというレンタルサーバーを⽤用います。
- http://lolipop.jp/
- ロリポプラン(⽉月額250円以上)でないと
データベースが使えません
- ロリポップへの申し込みは各⾃自で⾏行行ってください。
Copyright (c) 株式会社HEART QUAKE All rights reserved .
レンタルサーバー

6. 6
レンタルサーバーにアップロード(1/4)
l STEP2. アカウント情報からサーバー情報を調べる
Copyright (c) 株式会社HEART QUAKE All rights reserved .

7. 7
レンタルサーバーにアップロード(2/4)
l STEP3. Filezillaでサーバーと接続する
- Filezillaの File Site Manager New Site から右側を設定
- Host に FTPサーバー を⼊入⼒力力
- Logon Type を Normal(通常) に変更更
- User に FTP・WebDAVアカウント を⼊入⼒力力
- Password に FTP・WebDAVパスワード を⼊入⼒力力
- Connect(接続)を押してサーバーに接続されればOK
Copyright (c) 株式会社HEART QUAKE All rights reserved .

8. 8
レンタルサーバーにアップロード(3/4)
l STEP4. Filezillaでファイルをアップロードする
- これまでの課題同様、Filezillaを使って
- 作成したHTMLファイルをアップロードしてみましょう。
Copyright (c) 株式会社HEART QUAKE All rights reserved .

9. 9
レンタルサーバーにアップロード(4/4)
l STEP5. WEBサービスの完成
Copyright (c) 株式会社HEART QUAKE All rights reserved .
URLをクリックすると
⾃自分のサーバーから
アプリケーションを
実⾏行行できる

10. 10
l ⾃自分のサ−バーにテーブルを作成
- WEBツール データベース を選択
Copyright (c) 株式会社HEART QUAKE All rights reserved .
テーブルの作成(1/2)
phpMyAdminを開くと
これまでの課題同様
データベース接続ソフトが
起動します。
ユーザー名、パスワードは
このページに記載されています

11. 11
l ⾃自分のサ−バーにテーブルを作成
- b1_satoを選んでいた左側のサイドバーは
- 前のページのデータベース名をクリックします。
- ここからのテーブルの作成は以前の課題を
- 参考にしてください。
Copyright (c) 株式会社HEART QUAKE All rights reserved .
テーブルの作成(2/2)

12. 12
Copyright (c) 株式会社HEART QUAKE All rights reserved .
プログラムの変更更
?php
$connect = mysql_connect(”サーバー名” ,
”ユーザー名” , ”パスワード” );
mysql_query(”SET NAMES utf8”,$connect);
mysql_db_query( ”データベース名” , ”insert product_tbl(product_name,
price) values(’バスオイル’ , 12000)” );
mysql_close($connect);
?
４箇所をデータベースの
ページに記載された情報に
書き換えてください。

13. 13
Copyright (c) 株式会社HEART QUAKE All rights reserved .
お疲れ様でした！！