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
83
20200704_twiliojp-ug_okayama_#4
takeshifurusato
0
31
20200627_IoT_Studying_in_Okayama_Vol5
takeshifurusato
0
49
Other Decks in Technology
See All in Technology
最速最小からはじめるデータプロダクト / Data Product MVP
amaotone
5
710
【LT】ソフトウェア産業は進化しているのか? -Javaの想い出とともに- #jjug_ccc
takabow
0
160
Apple/Google/Amazonの決済システムの違いを踏まえた定期購読課金システムの構築 / abema-billing-system
cyberagentdevelopers
PRO
1
210
クライアントサイドでよく使われる Debounce処理 をサーバサイドで3回実装した話
yoshiori
1
140
[AWS JAPAN 生成AIハッカソン] Dialog の紹介
yoshimi0227
0
140
Product Engineer Night #6プロダクトエンジニアを育む仕組み・施策
hacomono
PRO
1
400
Automated Promptingを目指すその前に / Before we can aim for Automated Prompting
rkaga
0
100
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
19
3.2k
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
150
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
140
CI/CDやテスト自動化の開発プロジェクトへの適用
megascus
3
720
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
We Have a Design System, Now What?
morganepeng
50
7.2k
Building an army of robots
kneath
302
42k
Thoughts on Productivity
jonyablonski
67
4.3k
Docker and Python
trallard
40
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Being A Developer After 40
akosma
86
590k
Automating Front-end Workflow
addyosmani
1365
200k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
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