スライドをシェアできるサービスを作る

スライドをシェアできる

サービスを作る

Build your own slide deck

pixiv Inc.

USAMI Kenta

2025-08-27 #phpstudy

第178回PHP勉強会@東京

お前誰よ

• うさみけんた (@tadsan) / Zonu.EXE / にゃんだーすわん
• ピクシブ株式会社 Platform Div > WebTechnology Team PHPer
• 2012年末から現職、APIとかCIとかいろいろなところを見つめてきました
• 最近チームが再編されてインフラっぽい仕事もしてます
• Emacs PHP Modeを開発しています (2017年-)
• プログラミング言語にちょっとこだわりのある素人 (spcamp2010)

私事ですがわりと発表しています

みなさんは発表したスライドをどうしていますか？

スライド投稿サイトにアップロード？

私も以前はそうしていました…

2010～2016年頃 (24スライド)

2014年頃 (2スライド)

2015年に新サービスが登場

手触りもいいし最高のサービスでは？

2015～2019年頃 (35スライド)

2019年2月 (リニューアル)

2019年3月 (サ終のお知らせ)

2019年3月 (サ終のお知らせ)

もう誰も信じない…

自社サービス始まったしドッグフーディングしよ

サービス終ったら怒りの矛先は自社に向ければいいからね

2019年～現在 (たぶん60回超)

スライド投稿サービスの問題点

• 収益性・持続可能性が低い
• スライドを読むコストは誰が支払うべきか
• 読者
• 広告モデル (うまく出さないと採算がとれない) モラルが低い
• 投稿者
• プレミアムモデル (投稿に量や時間の制限をつける)

スライド投稿サービス各社の動向

• SlideShare
• 2020年にScribd社に買収された
• 電子書籍・オーディオブックのサブスク
• SpeakerDeck
• 2011年にGitHubが買収→停滞→2018年にスピンアウト

スライド投稿サービス各社の動向

• ニコナレ (niconare)
• サービスとしての手触りはよかったが… 2019年終了
• ドクセル (Docswell)
• がんばってるらしい (サ終の恐怖で触っていない)
• pixivFANBOX
• スライド投稿サービスではない… (PDFのアップロードが可能)

まあこれでいいかという停滞の気持ち

PDFを直接配る方式

それではいけないという気持ちもくすぶっていた

2019年4月

PDFを表示するための技術スタック

• mozilla/pdf.js
• FirefoxでPDFを表示するのに使われている
• azu/slide-pdf.js
• スライドっぽく表示するためのHTML+JSで構築されたアプリケーション
• クエリパラメータでPDFをURLで指定

iframeで表示すれば自分専用のスライドをホストできる

いつかやるぞと誓って幾星霜

Twilogの事故が契機

やった

どうやって実現するか

• あくまで静的サイトで実現したい
• ファイルがあれば最悪いつでも移動できる
• ローカルでも実現できるがGitHub Actionsで楽をしたい
• せっかくなのでHonoとか使ったことない技術スタックでやってみたい
• Honoxとか使えば静的サイトジェネレータできるらしい？？？

できた

作業の流れ

• だいたいCursorのエージェントモードにやらせた
• HTML/JavaScript/CSS だいたい要求通りに作ってくれる
• 要求さえまとめれば全部やってくれる
• Honoxとして載せるのはうまくいかなかった
• 当てずっぽうで問題解決しようとしてくる ← LLMの限界

感想

• 意思を持って「こう作ってくれ」と具体的にオーダーするのが必要
• エージェントが雑に作ってくるものに流されてはいけない
• AIごときより自分の方がアイディアがあると確信する

実装した機能

• スライド一覧
• メタデータはYAMLに自分で書いておくことにする
• スライド画面
• <iframe>でPDFを埋め込み表示 (slide-pdf.jsをカスタマイズ)
• PDFファイルダウンロード、拡大表示、Full screen API
• 表示中のスライド画像のダウンロードとクリップボードへのコピペ