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

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

2. この勉強会について
みま と たま が主催するIT勉強会です。
はじめて触る、もしくは少し触ったことがある人を対象に実際に触って親しむ
きっかけを作るのがこの勉強会の趣旨です。
Facebook
group
https://www.facebook.com/it.ichigo
2

3. 過去開催
第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

4. 目次
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

5. 目次
!
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

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

7. 検索 azure
7

8. アカウント作成
CLICK
8

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

10. 登録
10

11. メールをチェック
11

12. メール
CLICK
12

13. Windows Azureサイトへ
13

14. CLICK
ポータル
14

15. サインイン
15

17. カスタム作成

18. 新しいMySQLデータベース

19. :
チェック

20. CLICK
20

21. 21

22. ダッシュボード
下へ
22

23. CLICK
23

24. デフォルト
24

25. WordPressをAzureで表示する手順
25

26. WordPressを検索
26

27. WordPressのサイト
ここ
27

28. DL→解凍
28

29. 29

30. → FTP設定時に使用
30

31. 1.
ftp://を除いた部分
2.
31

32. FTPクライアントソフト
起動
32

33. 1.
waws-prod-hk1-001.ftp.azurewebsites.windows.net
2.
mima-vmima_ftp
:
1.
2.
33

34. 接続後の中身
wwwroot
34

35. Ｄ＆Ｄで
サーバーへ
WordPress中身
35

36. WordPressの設定
36

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

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

39. さあ、始めよう
39

40. ？
40

41. ここで確認
41

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

43. :
Database=
User Id=
Password=
Data Source=
43

44. CLICK
44

45. ご自由に。
45

46. チェックを外す
46

47. :
ログイン
47

48. ログイン
前ページで表示された
ユーザー名とパスワードを入力。
48

49. WORDPRESSの管理画面
49

50. デフォルトのテーマ
50

51. さいごに
51

52. 自己紹介
みま（末永 まり絵）
ECサイトの運営やWebサイトの更新・特集ページなどを
担当。
!
スキル
Photoshop・Illustrator・jQuery・HTMLあたり。
!
プライベート
勉強会参加・開催・・・Web漬けな日々。
!
テコンドー黒帯所持者で、今はエレガントさを身につける
ためにバレエという名の阿波踊りをやってます。
52

53. 自己紹介
Web API ハッカソン１回目∼３回目 共催
作品一覧
http://webapi-hackathon.info/?page_id=14
はじめてのハッカソン開催決定★
「はじめて」と言っても、Webに対して初心者さんを集めるハッカソンではありません。
ハッカソンに参加するとなると、「色々なスキルがないと参加出来ないのかな」と躊躇される方も少なく
ないかと思います。特にデザイナーさん。
!
コーディングまで出来る必要があるの？
イラストは書けるけどUI/UXデザインは苦手・・・ などなど。
!
「エンジニア・コーダー・デザイナー」が集まって好きなものを作るハッカソンを開きます。
!
詳細はこちら→FB Group https://www.facebook.com/groups/hackathon.beginner/
53

54. 自己紹介
Twitter
@mima_v
!
Facebook http://fb.me/suenagamarie
!
Blog http://suema-r.com/blog/
54

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