Slide 1
Slide 1 text
“ ありもの ” で始めてみよう、
新型コロナ対策
～私でもできる？ WordPress 初心者の挑戦～
WP ZoomUP #40
WordPress で社会貢献 〜発案から実装まで、舞台裏を見てみよう〜
Slide 2
Slide 2 text
自 己 紹 介
日 下 智 之
徳島県藍住町在住のフリーランス DTP デザイナー。
2018 年 9 月開業
（WP ZoomUP と同じ！）
。
Web とアニメーション動画もはじめました。
好きなものは猫と日本酒。
Slide 3
Slide 3 text
自 己 紹 介
日 下 有 紀
広島県出身。
レザークラフト作家
「るりびたき舎」としてデビュー！
好きなものは猫とビール。
Slide 4
Slide 4 text
W o r d P r e s s 歴
● １年ちょっと
● 昨年までほとんど触ったことがなかった
● 初めた作ったサイトは kawasemi-design.com
● WP ZoomUP 等々で学習させていただきました
● Nishiki Pro でリニューアル
ありがとう WP ZoomUP !
▲
公式サイトに載せてもらえた！
▲
コードはほとんど書けません！
▲
なんか素人感…
▲
Slide 5
Slide 5 text
W o r d P r e s s 歴
● 簡単な CSS しか書けません！
コードが 書けない WordPress 初心者が
初心者なりにやってみた！ というお話です。
▲
生暖かい目で見守ってください…
Slide 6
Slide 6 text
「 # 徳 島 グ ル メ 」 と は
● 2020/4/16 公開
● ツイッター連動、誰でも簡単に投稿できる情報サイト
● Twitter で
「# 徳島グルメ」と入れてツイート
● 食に関する情報なら何でも OK
● 誰でも OK
● ハッシュタグ
WordPress に投稿されます
▲
お持ち帰り・開店情報とか
▲
「お友達のお店を紹介したい」も OK
▲
Instagram はあるけど、Twitter は無い
▲
Slide 7
Slide 7 text
発 案
● このままでは飲食業が危ない！なんとかしなくては！
という熱い思いからでは無く
全く関係ないところから生まれたアイデアです
▲
そんな人間力高くないです…
▲
▲
Slide 8
Slide 8 text
発 案
● 3 月のある日、デザイナー仲間との LINE で
自分たちでお仕事 呼び 込めるクリエイター
ファーストなサイト作りたいなあ。
Twitter で固定のタグ、たとえば
「 ＃徳 島 クリエイター の 実 績 」 とかつけ たら、
それを自動で収 集してくれるまとめサイト的な
の作れないんかな？
インスタだと、タグ検索だけでも勝手に収集し
てくれるんだけど、Twitter は人力でやるしか
ないんかなー
カワセミ
ウサさん
オオウラ
シオリ
Slide 9
Slide 9 text
発 案
● 3 月のある日、デザイナー仲間との LINE で
ミクロな動機からでした
できるかもしれない。調べてみる！
カワセミ
ウサさん
オオウラ
シオリ
Slide 10
Slide 10 text
発 案
● 新型コロナ拡大に伴い、被害が顕著になる
イベント中止ばっかりで困っている人多そう
これ使って何とかできんかな…
飲食店向けにやってみる
イベント自粛・飲食店売上減…
オオウラ
シオリ
いいねえ
ウサさん
Slide 11
Slide 11 text
試 行 錯 誤
要件１ Twitter の特定のハッシュタグを検索
要件２ 結果を WordPress に投稿
●
プラグインで何か無いかな…
▲
▲
WordPress に投稿したい
●
無料だと 6 件までしか表示できない
●
ログが残らない
「Feed Them Social」 で
一覧表示することはできる
Slide 12
Slide 12 text
試 行 錯 誤
●
手詰まり感…
▲
気晴らしに娘と遊ぶ
▲
プラグインじゃなく、外部サービスで何か無いかな…
▲
降りてきた
▲
疲れて昼寝
▲
ぼんやり…
Slide 13
Slide 13 text
試 行 錯 誤
Slide 14
Slide 14 text
試 行 錯 誤
●
何かと何かを連携させる Web サービス
例えば、WordPress に投稿
▲
SNS に投稿 とか
▲
逆もできるんじゃない？
Slide 15
Slide 15 text
試 行 錯 誤
検索結果をトリガーにして
Slide 16
Slide 16 text
試 行 錯 誤
WordPress に
投稿！
昼寝大事！
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
試 行 錯 誤
WordPress に投稿できた！
▲
おっ
ひろえてる！
Slide 19
Slide 19 text
試 行 錯 誤
全文表示できるテーマが無い！
Twenty Twenty くらい？
▲
●
アーカイブページで抜粋表示
折り畳まれてない方が
読みやすいかな。
Slide 20
Slide 20 text
試 行 錯 誤
Lightning の
ウィジェットで
できるみたい！
●
ひたすらググる
▲
Slide 21
Slide 21 text
公 開
手直ししたい
ところもあるけど
公開 !
●
できた！
▲
Slide 22
Slide 22 text
ま と め
かも
アイデアを実現できる！
●
WordPress は単に Web サイトを作るだけじゃないよ
●
ミクロな動機でも OK ！
（できることをとりあえずやってみる）
●
アンテナを張っておく
（ヒントはどこかにある）
▲
オンラインコミュニティに所属してみる
▲
リアルフレンドは大事（価値観が近い人とのブレスト）
▲
「できる？」から
「できた！」へ
Slide 23
Slide 23 text
ま と め
●
誰もが 簡単に Web の世界へ足を踏み入れることができる
▲
ベストではないかもしないけど、ベターなものはできるかも
●
公開することで、さらに改良できるかも
▲
DTP の世界では無かった価値観
▲
オープンソースの醍醐味 !
Slide 24
Slide 24 text
小売店・雑貨店などのまとめサイト
「# 徳島ショッピング」
も、やります！
クリエイターまとめサイト
「タイトル未定」
最 後 に
Slide 25
Slide 25 text
ご清聴、ありがとうございました。
SPECIAL THANKS
ウサさん
@usayoco
オオウラシオリ
@progrow