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

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

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

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

���1

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

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

この勉強会について

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

Facebook group

���2

第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

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

目次!

　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

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

���6

検索　azure

���7

CLICK

���8

アカウント作成

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

���9

���10

登録

メールをチェック

���11

メール

CLICK

���12

Windows Azureサイトへ

���13

CLICK

ポータル

���14

サインイン

���15

カスタム作成

新しいMySQLデータベース

:

チェック

CLICK

���20

���21

ダッシュボード

下へ���22

CLICK

���23

デフォルト

���24

WordPressをAzureで表示する手順

���25

WordPressを検索

���26

WordPressのサイト

ここ ���27

DL→解凍

���28

���29

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

ftp://を除いた部分

1.

2.

���31

FTPクライアントソフト

起動���32

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

1.

2.

2. mima-v\mima_ftp

:

���33

接続後の中身

wwwroot

���34

WordPress

Ｄ＆Ｄで サーバーへ Ｄ＆Ｄで サーバーへ

中身

���35

WordPressの設定

���36

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

���37

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

CLICK���38

さあ、始めよう

���39

？

���40

ここで確認

���41

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

���42

:

Database=

User Id=

Password=

Data Source=

���43

CLICK

���44

ご自由に。

���45

チェックを外す ���46

:

ログイン ���47

ログイン

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

���48

WORDPRESSの管理画面

���49

デフォルトのテーマ

���50

さいごに

���51

���52

みま（末永 まり絵）

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

!スキル

Photoshop・Illustrator・jQuery・HTMLあたり。

!プライベート

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

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

自己紹介

���53

Web API ハッカソン１回目～３回目　共催

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

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

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

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

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

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

自己紹介

���54

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

自己紹介

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

���55