講師ɿ吉川圭太
（DERA-DESIGN）
第 4 回 北陸合同 WordPress Meetup @ 石川県金沢市
「カスタム投稿を使ってYouTubeの
配信画面を作った話」
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 2
Slide 2 text
WordPressは
Webサイト
（ブログ）
を
作るためのもの
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 3
Slide 3 text
ですが
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 4
Slide 4 text
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 5
Slide 5 text
事例①
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 6
Slide 6 text
https/
/prokeirin.jp/
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 7
Slide 7 text
OBS Studio
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 8
Slide 8 text
BEFORE
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 9
Slide 9 text
AFTER
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 10
Slide 10 text
事例②
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 11
Slide 11 text
https/
/vpl2023com/
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 12
Slide 12 text
その他の事例
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 13
Slide 13 text
https/
/npm2001com/
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 14
Slide 14 text
WordPressを
使った理由
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 15
Slide 15 text
● ベースになるWebサイトがあった
● どこからでもで配信画面を作ることができる
● 管理画面から簡単に配信画面の変更がしやすい
● 他のサイトにも展開しやすい
WordPressを使った理由
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 16
Slide 16 text
改善点/改良点
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 17
Slide 17 text
● カメラからの映像の背景の切り抜きができない
● 選手登録と連携もできそう
（重くなるかも）
● 雀魂以外でも使えるようにできるといい
● テーマではなくプラグインにするとよさそう
改善点/改良点
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 18
Slide 18 text
今後の展開
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 19
Slide 19 text
麻雀配信用の
プラグインを作ったら
需要があるかな？
D E R A - D E S I G N
W o r d P r e s s M e e t u p
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 20
Slide 20 text
まとめ
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 21
Slide 21 text
WordPressで
Webサイト以外の
ものも作れる
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 22
Slide 22 text
アイデアしだいで
いろんな応用ができる
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 23
Slide 23 text
型にとらわれない
WordPressライフを
楽しもう
！
！
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 24
Slide 24 text
スピーカー
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 25
Slide 25 text
吉川 圭太
（41才）
● DERA-DESIGN 代表
● Webデザイン/グラフ
ィ
ックデザイン
● 愛知県名古屋市 出身
● 砺波市在住
（2020年6月に移住）
● 妻と長男
（5才）
と次男
（3才）
4人暮らし
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 26
Slide 26 text
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 27
Slide 27 text
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 28
Slide 28 text
より良いデザインを
一つでも多く
世の中に送り出す
D E R A - D E S I G N
W o r d P r e s s M e e t u p
Slide 29
Slide 29 text
ご清聴いただき
ありがとう
ございました
D E R A - D E S I G N
W o r d P r e s s M e e t u p