Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20200906WordCampOgijima2020 make_WordPress_by_L...
Search
Takeshi FURUSATO
September 06, 2020
Technology
0
230
20200906WordCampOgijima2020 make_WordPress_by_Local
2020/09/06 WordCamp男木島2020
「自分のPCに自分だけのWordPressテスト環境を作ってみよう!」
登壇資料です。
Takeshi FURUSATO
September 06, 2020
Tweet
Share
More Decks by Takeshi FURUSATO
See All by Takeshi FURUSATO
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
280
kintone Café 岡山 vol.7 × SORACOM UG Okayama vol.4 オープニング
takeshifurusato
0
44
kintoneでIoTデータを収集してみた
takeshifurusato
0
120
20210525 TwilioJP-UG Online TwilioSync
takeshifurusato
0
230
FAXによる二要素認証
takeshifurusato
0
330
20201205_OkayamaWordPressMeetup#6_relocate_wordpress
takeshifurusato
0
310
20200806 JBUG東京#17 LT WordCamp男木島とBacklog
takeshifurusato
0
84
20200704_twiliojp-ug_okayama_#4
takeshifurusato
0
31
20200627_IoT_Studying_in_Okayama_Vol5
takeshifurusato
0
50
Other Decks in Technology
See All in Technology
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.6k
話題のGraphRAG、その可能性と課題を理解する
hide212131
4
1.4k
20241031_AWS_生成AIハッカソン_GenMuck
tsumita
0
100
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
プロダクト成長に対応するプラットフォーム戦略:Authleteによる共通認証基盤の移行事例 / Building an authentication platform using Authlete and AWS
kakehashi
1
150
VPC間の接続方法を整理してみた #自治体クラウド勉強会
non97
1
570
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
170
小規模に始めるデータメッシュとデータガバナンスの実践
kimujun
3
550
来年もre:Invent2024 に行きたいあなたへ - “集中”と“つながり”で楽しむ -
ny7760
0
430
omakaseしないための.rubocop.yml のつくりかた / How to Build Your .rubocop.yml to Avoid Omakase #kaigionrails
linkers_tech
3
680
Amazon_CloudWatch_ログ異常検出_導入ガイド
tsujiba
4
1.4k
MAMを軸とした動画ハンドリングにおけるAI活用前提の整備と次世代ビジョン / abema-ai-mam
cyberagentdevelopers
PRO
1
110
Featured
See All Featured
Navigating Team Friction
lara
183
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Music & Morning Musume
bryan
46
6.1k
Done Done
chrislema
181
16k
How GitHub (no longer) Works
holman
311
140k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Transcript
None
ワークショップについて ⾃分のPCに⾃分だけの WordPressテスト環境を作ってみよう! インターネットに公開しない⾃分だけの WordPress環境を作ってみる50分です。 #wcogijima
ワークショップの進め⽅ ⼿順を共有します。 私の⽅でもスライドで説明します。 わからないことがあったら マイクorチャットで「困ってます!」 zoomのビデオはON!マイクのON!でOK #wcogijima
株式会社DIGITALJETプログラマ JAWS-UGOkayamaコアメンバー JP_StripesOkayamaコアメンバー TwilioJP-UGOkayamaコアメンバー OkayamaWordPressMeetupオーガナイザー SORACOMUGOkayamaコアメンバー ⾃称めんツナかんかんエバンジェリスト 古⾥武⼠ TakeshiFurusato #wcogijima
⾃⼰紹介 声出しOKの⼈はぜひ。 1⼈:30秒 どこから参加? WordPress歴は? ※私の⽅で順番に指名します。 ※メンターさん、グラレポさんから #wcogijima
ワークショップのお品書き 1).Localとは? 2).Localダウンロード 3).Localインストール&起動 4).WordPress管理画⾯にアクセス 5).WordPressサイトにアクセス 6).Localの起動と終了 7).⼀時的に公開する←ここまではやりたい 8).セキュリティーのこと #wcogijima
Localとは? #wcogijima
Localダウンロード https://localwp.com/にアクセスします。 DOWNLOADを クリック #wcogijima
Localダウンロード Pleasechooseyourplatformをクリック #wcogijima
Localダウンロード 環境に合わせて選択をします。 #wcogijima
Localダウンロード 以下の情報を⼊⼒します。 FirstName:名 LastName:姓 WorkEmail:メールアドレス PhoneNumber:電話番号 ※WorkEmailのみ必須 ※いずれもアルファベット ⼊⼒後「GETITNOW!」を クリックします。
#wcogijima
Localダウンロード ファイルがダウンロードされるまで お待ち下さい。 #wcogijima
Localインストール&起動(mac) ダウンロードしたプログラムを起動する ダブルクリック ドラック&ドロップ #wcogijima
Localインストール&起動(mac) 完了までしばらくお待ち下さい。 #wcogijima
Localインストール&起動(mac) LunchpadなどからLocalをダブルクリック 警告がでたら「開く」を クリック #wcogijima
Localインストール&起動(win) セットアッププログラムを 開きます。 #wcogijima
利⽤するユーザーを選択 し、[次へ]をクリックしま す。 [このコンピュータ…] このPCを利⽤するすべてのユーザで 利⽤可能とします。 [現在のユーザーのみに…] 他のユーザーは利⽤不可 となります。 Localインストール&起動(win)
#wcogijima
Localインストール&起動(win) 特に変更の必要はあり ません。[インストー ル]をクリックします。 #wcogijima
Localインストール&起動(win) インストールが完了で す。 #wcogijima
起動できましたか? #wcogijima
WordPressを作ってみる 起動画⾯→新しくWordPressを作る 左下の「+」か 「CREATEANEW SITE」をクリック #wcogijima
WordPressを作ってみる サイト名を⼊⼒ CONTINUEをクリック します。 #wcogijima
WordPressを作ってみる ちなみに詳細設定もできます。 「ADVANCEDOPTIONS」を クリック。詳細設定が表 ⺬されます。 Localsitedomain Localsitepath Createsitefrom #wcogijima
WordPressを作ってみる 「Preferred」を選択 CONTINUEをクリック ※最新のPHP・MySQL Webサーバーはnginxが ⾃動的に設定される。 #wcogijima
WordPressを作ってみる ちなみに詳細設定もできます。 以下が選択できます。 PHPバージョン Webサーバー種類 (nginxorApache) MySQLのバージョン #wcogijima
WordPressを作ってみる WordPressの設定を⼊⼒ WordPressUsername →ユーザー名 WordPressPassword →パスワード WordPressEmail →メアド ※変更しないで。 #wcogijima
WordPressを作ってみる WordPressの設定を⼊⼒ 「ADDSITE」をクリック WordPressUsername →ユーザー名 WordPressPassword →パスワード WordPressEmail →メアド ※変更しないで。
#wcogijima
WordPressを作ってみる セットアップ中 #wcogijima
WordPressを作ってみる セットアップ完了 左側の⼀覧をクリックす ると選択したサイトの詳 細情報が表⺬されます。 #wcogijima
設定できましたか? #wcogijima
WordPress管理画⾯にアクセス 作成したWordPressで、 「ADMIN」をクリック #wcogijima
WordPress管理画⾯にアクセス WordPress管理画⾯にログイン WordPressの管理画⾯が表⺬ されます。 ユーザー名とパスワードを ⼊⼒「Login」をクリック #wcogijima
WordPress管理画⾯にアクセス ダッシュボードが表⺬され ます。 #wcogijima
WordPress管理画⾯にアクセス ⽇本語版への切り替え [Settings]→[General]を クリックします。 #wcogijima
WordPress管理画⾯にアクセス ⽇本語版への切り替え [SiteLanguage]項⽬にて [⽇本語]を選択します。 #wcogijima
WordPress管理画⾯にアクセス ⽇本時間に切り替え [Timezone]にて [UTC+9]を選択します。 #wcogijima
WordPress管理画⾯にアクセス 画⾯の⼀番下にある [SaveChanges]を クリックします。 #wcogijima
WordPress管理画⾯にアクセス ⽇本語版への切り替えできました。
WordPressサイトにアクセス [ViewSite]を クリックします。 #wcogijima
WordPressサイトにアクセス 作成したサイトが表⺬ されている。 #wcogijima
Localの起動と停⽌ 起動中の画⾯ 左メニューが緑 右上に⾚[STOPSITE] クリックするとサイトを 停⽌できます。 #wcogijima
Localの起動と停⽌ 停⽌状態の画⾯ 左メニューがグレー 右上に緑[STARTSITE] クリックするとサイトを 停⽌できます。 #wcogijima
⼀時的に公開する 画⾯下の[LiveLink]の 横にある[Enable]を クリック。 ⼀時的に世界中に 公開されます #wcogijima
⼀時的に公開する [COPY]をクリックすると 公開されたURLを取得で きます。 ********.ngrok.io #wcogijima
ここまで、できました?#wcogijima
セキュリティーのはなし ・WordPressの脆弱性や脅威 ・WordPressは狙われやすいの? ・最低限やっておきたい対策 #wcogijima
WordPressの脆弱性や脅威 ・不正ログイン、サイト改ざん・乗っ取り ・WordPressの脆弱性を狙った攻撃 etc... (例) 2017年2⽉にサイト改ざんの脆弱性を狙った攻撃 世界中で150万のサイトが改ざん被害 #wcogijima
WordPressは狙われやすいの? ・世界中のWebサイトの35%はWordPress ・管理画⾯のURLも決まってる。わかりやすい ・脆弱性が発⾒されやすい(オープンソース) ・たくさんのユーザーがいるので知⾒が豊富 ・継続的なプログラムのメンテナンス ・短期間での脆弱性の対応 #wcogijima
最低限やっておきたいこと 管理画⾯のユーザー/パスワードを複雑に WordPress本体・プラグインは最新に 使⽤しないプラグインは削除 セキュリティ強化のプラグインを導⼊ 1. 2. 3. 4. #wcogijima
最新は最⾼!(本体) WordPress本体のセキュリテイ更新は デフォルトで⾃動適⽤ #wcogijima
最新は最⾼!(プラグイン) プラグインの⾃動更新は管理画⾯から設定 ※5.5以降で 「⾃動更新を有効化」をクリックするだけ! #wcogijima
テーマの⾃動更新は管理画⾯から設定 ※5.5以降で 最新は最⾼!(テーマ) 「⾃動更新を有効化」を クリックするだけ! #wcogijima
セキュリティ対策プラグイン AllInOneWPSecurity&Firewall SiteGuardWPPlugin WordPressの総合的なセキュリティ対策 簡易的なファイアーウォールも同梱 主に管理画⾯を保護。⼀定回数ログイン失敗無効化 画像認証(リキャプチャ)、更新通知、ログイン通知 ※⽇本語なので、わかりやすい。 #wcogijima
まとめ ・制作やテストは公開しない環境で! ・セキュリティ対策はしっかりと! ・ID/Passは複雑に ・最新は最⾼! #wcogijima