ポケてら

レジュメはこちら

1.イントロダクション

• このワークショップの目的は
  • インターネットの仕組みを理解して、
  • サーバーの準備に、致命的なミスがないようにすること
• さらに、サーバーの知識があるからこそわかる、
  • レンタルサーバー、ドメイン、DNSの設定
  • WordPressの設置
• をするための方法を学ぶ

2-1.Good&New

• クッシュボールを使って（準備してください）、良くて新しかったことと、予想外を発表します
• 最初の1週目は「こんにちは _____ から来た ____ です。私の良くて新しかったことは ____ です。」（拍手）とします
• 3min程度、ぐるぐる回します（拍手を忘れずに）

2-2.Good&Newワークの様子

• 楽しく、ワイワイ、Good & New をします

3-1.ブラウザがページに表示されるまで

• ブラウザがWebページを表示する仕組みを紹介する
• 理解を確かめるために、チームで聞いた仕組みを再現をします
• Teach others する意識で聞くと、よりよく学べます

3-2.デモンストレーション

• 今説明した「Webページが表示するまでの仕組み」を、、チームで再現する
• わかっていると思うこと、自信がないこと、興味関心のある質問をリストアップする

3-3.再現しよう

• ワークの様子です
• デモンストレーションで聞いた、Webページが表示する仕組みを再現します

3-4.振り返り

• 振り返りをする
• 「わかっていないところ」「どこに注目して聞くか」を整理する

3-5.振り返り ワークの様子

• ワークの様子
• 振り返りをする
• 「わかっていないところ」「次見るときは、どこに注目して聞くか」をまとめる

3-6.デモンストレーション2回目

• もう一度、Webページが表示する仕組みのデモンストレーションをする

3-7.全体振り返り

「ブザウザに、ページが表示されるまで」ワークの全体を振り返ります

4-1.3つの役者で捉えよう

• 3つの役者 (「ドメイン取得、管理会社」「DNSサーバー」「Webサーバー」) の視点から、ブラウザでWebページが表示される仕組みを見る
• 「聞いて覚える系」はすぐに忘れてしまうので、聞き方を工夫する
• 3つの役者から、説明をする

4-2.説明

• 3つの役者の関係を、「実際に契約する視点」から紹介

4-3.振り返り

• 振り返りをする
  • 学んだこと
  • 学べなかったところ
  • 学び方(聞き方)
• で振り返る

4-4.振り返りワークの様子

• 振り返りをする
  • 理解したこと、発見したことは何か？
  • 不安なところ、疑問は何か？
  • 理解に不安なところは何か？
  • 次に聞く時は、どうやって聞けば良いかのアイデアは何か？
• を発表する

4-5.デモンストレーション2回目

• もう一度、「3つの役者」で説明する

4-6.振り返り

• 振り返りをする
  • 学んだことは何か？
  • 先ほど聞いた時より、改善したことは何か？
  • 学び方(聞き方)で学んだことは何か？

5-1.実際の操作と、仕組みの説明

• 今から、実際にレンタルサーバーとドメインを取得する操作をする
• 先ほど理解した、表示するために必要な仕組みを全て準備する作業
• ブラウザでWebページを表示させるためにはやらなくてはいけないことがある(資料)
• みなさんは、仕組みを知っているので、これらが
  • なぜ必要なのか？
  • どこで行なっているか？
• 理解できるはず
• ぜひ、頭の中でイメージしながら聞いてください。

5-2.ムームードメインの場合

• ムームードメインでドメインを取得する方法

5-3.Xserverでドメイン設定

• Xserver でドメイン設定をする場合のデモンストレーションを行う

5-4.Cloudflre(toieelabの場合)

• 「より早く」「より安全に」Webサイトを表示するために「Cloudflare」というDNSを使う。

5-5.振り返り

• 振り返りをしましょう

6-1.サーバーの中を少しだけ学ぼう

• サーバーの中の仕組みを知る
• 知っておくことで、1つのサーバーで複数ドメインのサイトを作るなど、発展的なことができるようになる

6-2.バーチチャルホスト説明

• バーチャルホストという仕組と、公開フォルダを学ぶ
• 公開フォルダとは？
• 公開フォルダ内のファイル、ディレクトリとURLの関係

6-3.バーチャルホスト 実験の様子

環境がある方は、バーチャルホストを実際に作ってみましょう

6-4.バーチャルホスト ワークの様子

• 環境がある人は、バーチャルホストを実際に作る

6-5.インデックスファイルを知ろう

• インデックスファイルとは特定のサーバーにアクセスした時に、最初に読むこむページのこと
• インデックスファイルを理解するための、デモンストレーションを行う
• デモンストレーションの後に、実際に操作をする

6-6.URLの書き換えを知ろう　ワークの様子

• URLを書き換えてみます

6-7.振り返り

• 学んだこと、面白いと思ったことを発表しましょう

7-1.WordPressの仕組みを知ろう

• 今から、WordPressの仕組みを紹介する
• WordPressの仕組みを理解しておくと、
  • Webサイトの準備に混乱しなくて良くなったり
  • 少し学べばバックアップ、引越しなどもできるようになる
• 今から紹介する仕組みを、他の参加者に説明する
• 「人に教えるつもり」で聞く

7-2.デモンストレーション

• 今説明した「Wordpressの仕組み」を、、チームで再現する
• わかっていると思うこと、自信がないこと、興味関心のある質問をリストアップする

7-3.再現しよう

• ワークの様子です
• デモンストレーションで聞いた、Wordpressの仕組みを再現します

7-4.振り返り

• 振り返りをする
• 学んだこと、これからどう活かすかを発表しましょう

8-1.バックアップ

• Webサイトを運用する時には「バックアップ」をとっておくことが鉄則
• (1) 優良なサーバーの「自動バックアップ機能」に一任する
• (2) Upddraft プラグインを使う
• のどちらかの方法で、バックアップをとる

9-1.引っ越しについて学ぼう

• 新しいドメインに引っ越しをする場合は「Updraft」の有料プランを使います
• 有料プランにすれば、サイト引っ越しに必要な
  • 投稿、固定ページなどのサイトのコンテンツ
  • データベース
• などを、比較的簡単に移動をすることができる

10-1.Local-by-fly-wheel

• WordPressをマスターするためには、いくら失敗しても良い練習環境を作ることが必要
• Local by Fly Wheel というサービスが、一番便利です

11-1.まとめ

• それでは、ワークショップ全体で学んだことの振替りをする
  • 学んだこと
  • 学び方で学んだこと
  • 今後、どう学んでいくか
• を発表する

11-2.まとめ発表

• ワークの様子です
• 発表会をしています

---