Cybozu Techに新着ブログ記事の一覧を載せたい（準備編）
こんにちは。サイボウズ株式会社 開発本部 People Experienceチーム コネクト支援チームの貴島(@jnkykn)です。サイボウズのエンジニアのポータルサイトCybozu Techを、開発者の酒井(@sakay_y)さんと一緒に運営管理しています。最近、このCybozu Techを改善したい案件が浮上したので、調査したり実装したりした件について書きます。今回は準備編です。
Cybozu Techで解決できるようにしたい
エンジニアのブログをサッと確認したい
現在、Cybozu Techのトップページには、はてなブログの「Cybozu Inside Out」の新着3件、「Cybozu Vietnam Tech Sharing」の最新記事1件、「Kintone Engineering Blog」の最新記事1件のほか、新着スライド、新着動画、協賛イベントなどを掲載しています。公式ブログは、現在トップページに掲載している「Cybozu Inside Out」、「Cybozu Vietnam Tech Sharing」、「Kintone Engineering Blog」なのですが、この他にも、ZennのPublicationやnoteのマガジンなど、サイボウズのエンジニアの情報発信メディアは多数あります。現状、「サイボウズのエンジニアの新着情報をチェックしたい。」
と思ったら、Xの@CybozuInsideOutの投稿からたどるしかありません。
新着ブログが一覧できたら
現在トップページには、「Cybozu Inside Out」、「Cybozu Vietnam Tech Sharing」、「Kintone Engineering Blog」の各RSSフィードをもとに、記事を掲載するように設定しています。この他のブログの新着も併せて一覧できるブログポータルページがあれば、ここを見ればOK！という状態にできます。
そのためには、様々なブログのRSSフィードをまとめて、そこから新着記事の情報を掲載できれば良さそうです。
調査しました
酒井(@sakay_y)さんから「CYBOZU SUMMER BLOG FES '24の開催期間中に実現したいので、既存サービスが使えないか調査しましょう。」とFeedlyの予算を取ってくださったので、その調査から着手しました。
Feedlyで独自に組み合わせたRSSフィードは取得できるのか？
様々な新着情報を収集するためのサービス、Feedly。FeedlyのPro+プランでは、独自のRSSが作成できそうでした。そこで、Pro+プランに申し込んで、機能調査をしました。使えないとわかったらFreeプランにダウングレードすることができ、契約から5日以内であれば返金されるという親切なプランです。これは、返金可能な期間に確認できると良さそうだと思い、Pro+プランで独自RSSの登録を試してみました。独自RSSというのは、対象ページを表示して、選択可能な項目を選んで新着情報の取得ができるというものです。ちょっと予想していたものとは違って、例えばnoteのマガジンの場合だと、記事、月間、ハッシュタグを選択することができて、それぞれの単位のRSSフィードが作れます。
試しに、CYBOZU SUMMER BLOG FES '24の「Now Playing」を選択してRSSを作成してみると、確かに新着記事が取得できました。しかし、このRSSを他のRSSと組み合わせるためには「BOARD」に登録する必要があります。このBOARDを公開して共有することができるのですが、Feedlyに登録していないユーザーはフォローできないのです。Cybozu Techに埋め込むこともできないので、Feedlyを使う方法は断念しました。
生産性向上チームに相談してみました
やはり、RSSまとめを独自に配信する必要がありそうです。酒井(@sakay_y)さんが見つけてくださった記事「【Go】複数のRSSフィードを一つに統合して配信する」を参考に、RSSを公開する方向で検討を始めました。公開する方法については、生産性向上チームの谷さんと平木場(@Shitimi_613)さんが相談に乗ってくださいました。ありがとうございます🙏生産性向上チームの皆さんにご相談している最中に、ふと、「あれ？テックブログ一気読み選手権や、社内のテックブログを見る会でお世話になっている、@yamadashyさんが開発された「企業テックブログRSS」が、スバリそのものでは！？と気がつきました。平木場(@Shitimi_613)さんも、「GitHub Pagesには、帯域幅の制限などがあるんですが、アクセス数がそれほど多くなければ、GitHub Pagesで問題なさそう。」と助言をくださいました。やった！
技術ブログRSSがカスタマイズできるのでは？
さて、@yamadashyさんが開発された「企業テックブログRSS」は、MITライセンスです。どこを修正すれば、カスタマイズできるか？もREADMEにバッチリ書かれていました。GitHub Actionsで定期更新、GitHub pagesで公開されるという仕組みです。というわけで、途中は省略しますが、Cybozu用にforkしたあと私がカスタマイズして、酒井(@sakay_y)さんがシュッとページ公開の設定をしてくださったので、サイボウズのTech系ブログRSSができました！
昨日、OGPを差し替えたりしたので、できたてのホヤホヤです。
明日のCybozu Techをチェックしてね！
ここまで作って、満足しかけたのですが、酒井(@sakay_y)さんの「それでも、良いんですが、やはりCybozu Techに新着ブログ一覧が欲しいですね。」の一言で、当初の目的を思い出しました。そうだ、それだ！昨日、Cybozu Techにも新着ブログ一覧ページを追加する修正をして、PRを出しました。現在、酒井(@sakay_y)さんのレビュー待ちです。やったー🎉
と、これを書いているときに、text lintでコケた通知に気が付きました。修正してコミットしたので、明日、マージされる見込みです。わくわく。次回は、Cybozu Techに新着記事一覧を追加した件について、書く予定です。