第2回 1.5からはじめるit勉強会 「はじめてのwindows...

55
はじめてのWINDOWS AZUREで WORDPRESSサイトを構築する 第2回 1.5からはじめるIT勉強会 第2回 1.5からはじめるIT勉強会 1

Upload: marie-suenaga

Post on 30-Jun-2015

364 views

Category:

Documents


2 download

DESCRIPTION

12/7開催!第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」 のハンズオン用スライドです。

TRANSCRIPT

Page 1: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

はじめてのWINDOWS AZUREでWORDPRESSサイトを構築する

第2回 1.5からはじめるIT勉強会

第2回 1.5からはじめるIT勉強会 

���1

Page 2: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

みま と たま が主催するIT勉強会です。

はじめて触る、もしくは少し触ったことがある人を対象に実際に触って親しむ きっかけを作るのがこの勉強会の趣旨です。

この勉強会について

https://www.facebook.com/it.ichigo

Facebook group

���2

Page 3: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

第0回 0.5からはじめるIT勉強会

スマートフォン対応とレスポンシブWebデザイン

www.slideshare.net/mima_v/it-zerogo-05121209mima-15554320 !!第 1 回 1.5からはじめるIT勉強会 

いまはじめよう Adobe Edge Animate

http://www.slideshare.net/mima_v/15it-adobe-edgeanimate

過去開催

���3

Page 4: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

1. Windows AzureでWebサイトを作る手順

 1-1. Windows Azureに登録【済】

 1-2. Windows Azureにサインイン・・・15

 1-3. Webサイトを作成・・・16

 1-4. データベースを作成・・・18

 1-5. サイトの表示を確認・・・24

2. WordPressをAzureで表示するための手順・・・25

 2-1. WordPressをダウンロード・・・27

 2-2. Windows Azureポータルでデプロイ資格情報を設定・・・29

 2-3. ホスト名・デプロイ/FTPユーザー名を確認・・・31 

目次

���4

Page 5: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

目次!

 2-4. FTPクライアントソフトで接続・・・31 

 2-5. サーバーへDLしたWordPressをアップロード・・・35

 2-6. WordPressの設定・・・36

  2-6-1. 設定ファイルを作成・・・38

  2-6-2. Windows Azure接続文字列・・・41

  2-6-3. Wordpressをインストール・・・44

  2-6-4. 必要情報などを入力・・・45

 2-7. WordPressへログイン・・・48 

    

   ���5

Page 6: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

Windows Azureで Webサイトを作成する手順

���6

Page 7: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

検索 azure

���7

Page 8: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

CLICK

���8

アカウント作成

Page 9: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

Microsoftアカウントでサインイン

���9

Page 10: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���10

登録

Page 11: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

メールをチェック

���11

Page 12: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

メール

CLICK

���12

Page 13: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

Windows Azureサイトへ

���13

Page 14: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

CLICK

ポータル

���14

Page 15: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

サインイン

���15

Page 16: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」
Page 17: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

カスタム作成

Page 18: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

新しいMySQLデータベース

Page 19: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

:

チェック

Page 20: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

CLICK

���20

Page 21: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���21

Page 22: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

ダッシュボード

下へ���22

Page 23: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

CLICK

���23

Page 24: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

デフォルト

���24

Page 25: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

WordPressをAzureで表示する手順

���25

Page 26: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

WordPressを検索

���26

Page 27: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

WordPressのサイト

ここ ���27

Page 28: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

DL→解凍

���28

Page 29: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���29

Page 30: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

→ FTP設定時に使用���30

Page 31: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

ftp://を除いた部分

1.

2.

���31

Page 32: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

FTPクライアントソフト

起動���32

Page 33: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

1. waws-prod-hk1-001.ftp.azurewebsites.windows.net

1.

2.

2. mima-v\mima_ftp

:

���33

Page 34: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

接続後の中身

wwwroot

���34

Page 35: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

WordPress

D&Dで サーバーへ D&Dで サーバーへ

中身

���35

Page 36: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

WordPressの設定

���36

Page 37: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

まずは、サイトへアクセス

���37

Page 38: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

wp-config.phpファイルの作成

CLICK���38

Page 39: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

さあ、始めよう

���39

Page 40: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���40

Page 41: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

ここで確認

���41

Page 42: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

:WordPressデータベース接続時用に エディタへコピペ。

���42

Page 43: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

:

Database=

User Id=

Password=

Data Source=

���43

Page 44: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

CLICK

���44

Page 45: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

ご自由に。

���45

Page 46: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

チェックを外す ���46

Page 47: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

:

ログイン ���47

Page 48: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

ログイン

前ページで表示された ユーザー名とパスワードを入力。

���48

Page 49: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

WORDPRESSの管理画面

���49

Page 50: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

デフォルトのテーマ

���50

Page 51: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

さいごに

���51

Page 52: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���52

みま(末永 まり絵)

ECサイトの運営やWebサイトの更新・特集ページなどを担当。

!スキル

Photoshop・Illustrator・jQuery・HTMLあたり。

!プライベート

勉強会参加・開催・・・Web漬けな日々。

!テコンドー黒帯所持者で、今はエレガントさを身につけるためにバレエという名の阿波踊りをやってます。

自己紹介

Page 53: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���53

Web API ハッカソン1回目~3回目 共催

作品一覧http://webapi-hackathon.info/?page_id=14

はじめてのハッカソン開催決定★ 「はじめて」と言っても、Webに対して初心者さんを集めるハッカソンではありません。ハッカソンに参加するとなると、「色々なスキルがないと参加出来ないのかな」と躊躇される方も少なくないかと思います。特にデザイナーさん。

!コーディングまで出来る必要があるの?

イラストは書けるけどUI/UXデザインは苦手・・・ などなど。

!「エンジニア・コーダー・デザイナー」が集まって好きなものを作るハッカソンを開きます。

!詳細はこちら→FB Group https://www.facebook.com/groups/hackathon.beginner/

自己紹介

Page 54: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

���54

Twitter @mima_v !Facebook  http://fb.me/suenagamarie !Blog  http://suema-r.com/blog/

自己紹介

Page 55: 第2回 1.5からはじめるIT勉強会 「はじめてのWindows AzureでWordPressサイトを構築する」

ありがとうございました。

���55