Download - マルチパブリッシング プラットフォームとしてのWordPress
![Page 1: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/1.jpg)
1 © Takahashi Fumiki
マルチパブリッシング プラットフォームとしての
WordPress ~ ePubジェネレータとしての活用例紹介 ~
![Page 2: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/2.jpg)
2 © Takahashi Fumiki
The WordPress Foundation is a charitable organization founded by Matt Mullenweg to
further the mission of the WordPress open source project: to democratize publishing through Open
Source, GPL software.
https://codex.wordpress.org/WordPress_Policies
WordPressの使命は パブリッシングを民主化すること
![Page 3: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/3.jpg)
3 © Takahashi Fumiki
パブリッシングとは? ↓
公(public)にする
![Page 4: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/4.jpg)
4 © Takahashi Fumiki
publishの民主化とは具体的に?
• DTP(Desk Top Publishing) 革命 パソコン, インクジェットプリンタ、InDesign
• Web2.0 誰でも簡単にWebサイトを作って公開(publish)できる
• 電子出版 NEW! オープンな仕組みで電子書籍を出版(publish)できる
![Page 5: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/5.jpg)
5 © Takahashi Fumiki
WordPressを ePubジェネレーターとして
利用する例についてお話します
今日の話題
![Page 6: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/6.jpg)
6 © Takahashi Fumiki
ところでお前だれ?
• 2001年、幻冬舎より『途中下車』にて小説家デビュー→その後、干される(1/600)
• 2007年、新潮社より新潮新人賞を受賞→その後、干される(1/2000)
• 闇堕ち。電子書籍面(ダークサイド)へ。
![Page 7: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/7.jpg)
7 © Takahashi Fumiki
破滅派というWeb文芸誌を作ろう(現在7年経過)
• WordPressでできたサイト
• 誰でも登録し、公開できる→まさに情報公開の民主化やで
• 内容の制限はしない→ Adsenseも外す。個人攻撃などは別
• クオリティにも口出ししない → 結果はすべて著者自身が受け止める
![Page 8: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/8.jpg)
8 © Takahashi Fumiki
編集方針(緩やかな方向付け)
• PVベースの争いは厳しい
• 一次創作、独自コンテンツを尊重したい
• 投稿者全員に言って聞かせるのは無理なので、UI・デザインの変更などで対応
![Page 9: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/9.jpg)
9 © Takahashi Fumiki
利用しているプラグイン
• Theme My Login(ログイン画面)
• Gianism(SNSログイン)
• AOL Easy Mail(メルマガ)
あとはほとんど自力で作成
![Page 10: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/10.jpg)
10 © Takahashi Fumiki
主要フレームワーク:WPametu
• 若干MVCでPHP5.5準拠(packagist.orgに登録済み)
• クエリビルダーORマッパーは作れず……
• その他たくさんの便利な関数・クラス
![Page 11: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/11.jpg)
11 © Takahashi Fumiki
WPametuの機能: クエリハイジャック
namespaceHametuha\QueryHighJack;useWPametu\API\QueryHighJack;/***ClassCommentsQuery**@packageHametuha\QueryHighJack*/classCommentsQueryextendsQueryHighJack{
WordPressの標準APIではまかないきれない特殊なループを生成
• コメントのループ
• 著者のループ
• レビューのループ
これらすべてを普通のクエリであるかのように扱え、リライトルールも登録できる
![Page 12: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/12.jpg)
12 © Takahashi Fumiki
WPametuの機能: テーブルビルダー
<?php/***ユーザーとタグを紐づけるテーブル*/useWPametu\DB\Column;$table=['name'=>'compiled_files','version'=>'1.0.1','columns'=>[ 'file_id'=>[ 'type'=>Column::BIGINT, 'primary'=>true, 'auto_increment'=>true, ],'type'=>['type'=>Column::VARCHAR,'length'=>20,],
テーマフォルダのconfig/dbにファイルを置いておくと、自動でテーブルを作ってくれる
![Page 13: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/13.jpg)
13 © Takahashi Fumiki
WPametuの機能: クエリビルダー
/***投稿に付与された評価の件数を返す **@param\WP_Post$post*@returnint*/publicfunctionget_post_rating_count(\WP_Post$post){$this->select("COUNT({$this->table}.ID)")->where("{$this->table}.rel_type=%s",$this->type);if($this->is_series($post)){$this->where("{$this->posts}.post_parent=%d",$post->ID);}else{$this->where("{$this->table}.object_id=%d",$post->ID);}return(int)$this->get_var();}
ソースコードにSQL文を書くのが辛すぎたため作成。CodeIgniterの真似。
![Page 14: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/14.jpg)
14 © Takahashi Fumiki
未来が見えない……
できるにはできたのだが……
![Page 15: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/15.jpg)
15 © Takahashi Fumiki
立ちはだかるマネタイズの壁
• 広告モデルが成り立つほどのPVを無名の著者によるオリジナル作品だけで賄うのは厳しい
• 印刷したところで、今度は出版社としての壁にぶち当たる(取次、返本率、在庫、etc.)
• 自前の電子書籍ストアを作ってみたが、労力のわりに全然売れなかった
![Page 17: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/17.jpg)
17 © Takahashi Fumiki
2012年10月 Amazon Kindleスタート
• 電子書籍界の黒船が来襲
• KDPというサービスで、誰でも出版できる
• ファイル形式はePubにも対応
© Steve Jurvetson CC BY 2.0
やったじゃん
![Page 18: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/18.jpg)
18 © Takahashi Fumiki
ePub?
![Page 19: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/19.jpg)
19 © Takahashi Fumiki
ePubはこういうやつ
![Page 20: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/20.jpg)
20 © Takahashi Fumiki
実際はこんな感じ
![Page 21: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/21.jpg)
21 © Takahashi Fumiki
Amazonではこんな感じ
![Page 22: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/22.jpg)
22 © Takahashi Fumiki
いいじゃん。
![Page 23: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/23.jpg)
23 © Takahashi Fumiki
マルチチャネルパブリシング構想爆誕
!
"" #
$
%ウェブ=開かれた世界
破滅派ユーザー 破滅派ユーザー
ファンになる
& &
'
&ePubパブリッシュ
報酬
破滅派を知らない人
kindleという 閉じた暗黒世界
![Page 24: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/24.jpg)
ステップ1
© Takahashi Fumiki24
![Page 25: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/25.jpg)
25 © Takahashi Fumiki
1. ePubについて具体的に
• HTMLやCSSをzipに固めたもの(ただし無圧縮で!)
• JSはあんまり動かない(DOMいじると死ぬ) →動的に動かすことは避けるのが無難
• 外部リソースは読み込めない→ Youtube, twitter, Gravatar…
• なんか面倒くさいXMLを書く→ 仕様がわりと散らばっているので辛い
![Page 26: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/26.jpg)
26 © Takahashi Fumiki
2. 歴史は繰り返す
• iBooks(Mac, iPhone)
• Kindle(E Ink)/ Kindle Fire(タブレット)
• Kindle for iOS(アプリ)←こいつ……
あたりまえだが、仕様と実装には乖離があり、独自実装がある
タイトル ブラックジャックによろしく著作者名 佐藤秀峰
サイト名 漫画 on web
![Page 27: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/27.jpg)
27 © Takahashi Fumiki
3. いざ実装!
• HamePubというライブラリを作った(packagistにある)
• 特定の投稿タイプ(seriesというカスタム投稿タイプ)を親に持つ投稿をePubにパッケージング
• seriesは完結したら、投稿者自身が販売申請を行う • 販売申請の通知が来たら、編集者が内容をチェック • ファイルをKDPに登録する
![Page 28: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/28.jpg)
28 © Takahashi Fumiki
デモ
![Page 29: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/29.jpg)
ステップ2
© Takahashi Fumiki29
![Page 30: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/30.jpg)
30 © Takahashi Fumiki
作って終わりじゃない……!?
• Web上のコンテンツは販売開始したら読めなくする→ チャネルごとの差別化
• WebからKindleへ導線を貼る機能→ ほっといても売れない
• 売上を管理する機能→ 著者自らが売れ行きを意識する
![Page 31: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/31.jpg)
© Takahashi Fumiki31
n話以降は 読めなくなる
読めなくなる機能
Kindleへの導線
![Page 32: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/32.jpg)
32 © Takahashi Fumiki
ランディングページ的なもの
![Page 33: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/33.jpg)
33 © Takahashi Fumiki
![Page 34: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/34.jpg)
ステップ3
© Takahashi Fumiki34
![Page 35: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/35.jpg)
35 © Takahashi Fumiki
他にWebからは 閉じているチャンネルは
ないだろうか?
![Page 36: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/36.jpg)
36 © Takahashi Fumiki
たとえば、LINE
Web上に発表した作品に対して、LINEで届く感想
なぜ破滅派 に書かない?
この人たちはオープンな場所でコミュニケーションをとりたいと思っていないのでは?
![Page 37: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/37.jpg)
37 © Takahashi Fumiki
たとえば、印刷物
かたくなに印刷物で読みたがる人。 マイナーなものほど印刷する余力 がないというのに?
この人たちが電子書籍を読むようになることは死ぬまでないのでは?
![Page 38: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/38.jpg)
38 © Takahashi Fumiki
!
"
( $
%ウェブ=開かれた世界
破滅派ユーザー
コンテンツ情熱 &
)*
ePub
キラキラした
ナニか
kindleという 閉じた暗黒世界
+
-
印刷物という 閉じた暗黒世界
アプリという 閉じた暗黒世界
.POD
/アプリ
![Page 39: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/39.jpg)
39 © Takahashi Fumiki
REST API デモ
![Page 40: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/40.jpg)
40 © Takahashi Fumiki
まとめ
• 現在はWeb以外のチャネルがいっぱいある
• コンテンツが輝けるチャネルは一つじゃない
• WordPressはその入り口として使える
• WordPress以外を使おうと、楽ではない
![Page 41: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/41.jpg)
41 © Takahashi Fumiki
ミシェル・ウエルベック ‒ ある島の可能性
![Page 42: マルチパブリッシング プラットフォームとしてのWordPress](https://reader030.vdocuments.net/reader030/viewer/2022021502/587155e91a28ab8e5b8b5271/html5/thumbnails/42.jpg)
42 © Takahashi Fumiki
ご静聴ありがとうございました 懇親会などで気軽に質問してください