こんにちは。EM の 
id:yigarashi です。
2025年2月25日（火）に Hatena Engineer Seminar #32 「はてなブログ新機能基盤の開発編」を開催しますので、お知らせします。
Hatena Engineer Seminar #32 では、はてなブログチームのエンジニア3名が登壇し、2025年2月3日にリリースされた「はてなCMS」の開発について発表します。
「はてなCMS」では、はてながこれまで提供してきたオウンドメディアCMS「はてなブログMedia」の各種機能に加え、ノーコードで手軽にWebサイトを制作できる機能を新たに実装し提供しています。
- 参考：2025-02-03 はてなプレスリリース
「はてなCMS」の開発にあたっては、これまでのブログ基盤にそのまま機能を追加するのではなく、Next.js App Routerを採用した新基盤に機能を実装していく意思決定を行いました。
どうしてそのような判断を行ったのか、新基盤を既存システムと共存させるにはどうしたら良いか、App RouterやReact Server Componentといった新しい技術をどのように活用していくか、開発を通じて様々な経験と知見を獲得することができました。本イベントではその中でも選りすぐりの話題をご紹介します。
開催はオンラインです。（詳しくはconnpassのイベントページをご確認ください）。皆様のご参加をお待ちしております！
イベント概要
- 日時: 2025年2月25日(火) 13:00-14:00（予定）
- 参加費: 無料
- 開催形式: オンライン配信 YouTube Live
- YouTube Live HatenaTech チャンネルにて https://www.youtube.com/channel/UCwqsFJGxzAZQdcT1xYZhhbw
- 開催当日に connpass に登録されているメールアドレスや X の @hatenatech アカウントにて配信 URL を共有いたします
- お申し込みURL: https://hatena.connpass.com/event/344958/
- ハッシュタグ:
#hatenatech- ブログを書く際や SNS投稿の際にぜひお使いください
Hatena Engineer Seminar は、はてなのサービスを開発する上で、エンジニアがどのような事を考えているのか、どのような働き方をしているのかを語るイベントです。過去にも様々な技術レイヤーやサービスを軸としたテーマなどで開催してきました。
発表内容詳細
（※ 内容は変更になる可能性がございます）
はてなCMSのアーキテクチャ; 巨大な既存システムと共存して最新技術を取り入れる
（
id:nanimono_demonai）
はてなCMSは、はてなブログと共存しています。複雑かつ歴史のあるプロダクトのはてなブログを壊さずに、最新技術を取り入れてはてなCMSを開発した方法とそのアーキテクチャを紹介します。Perlで作られたページからNext.jsで作られたページへのシームレスな移行、既存のプロダクトと認証認可を連携させる方法について、なぜこの選択をしたのか、どのように開発したのかをお話しします。
【詳説】コンテンツ配信システムの複数機能基盤への拡張
（
id:nanto_vi）
はてなCMSで新規に作ったページでも、配信は従来のはてなブログMediaと同じドメインから行われます。従来のアプリケーション基盤を通して配信するのはなぜなのか、どういうデータフローで配信を実現させたのか、ページ編集中のプレビューやページの公開後といった状況による違いも踏まえて解説します。
React Server Componentで生のHTMLを扱う技術
（
id:nakataki）
はてなCMSはノーコードエディタが出力するHTML・CSSをReact Server Componentsでレンダリングしています。また、ユーザーが自由にHTML・CSSを記述する機能も備えています。Next.js App Router上において、ノーコードで作ったコンテンツをServer-Side Renderingしてパフォーマンスを確保することと、ユーザがHTMLやscriptタグを自由度高く埋め込めることを両立するために、どのような工夫を行ったのか解説します。
タイムテーブル
| 時刻 | id | タイトル |
| 13:00 | id:yigarashi |
開会の挨拶 |
| 13:05 | id:nanimono_demonai |
はてなCMSのアーキテクチャ; 巨大な既存システムと共存して最新技術を取り入れる |
| 13:25 | id:nanto_vi |
【詳説】コンテンツ配信システムの複数機能基盤への拡張 |
| 13:40 | id:nakataki |
React Server Componentで生のHTMLを扱う技術 |
| 13:55 | id:yigarashi |
閉会のご挨拶 |
お申し込み方法
諸注意
- 発表内容や時間は場合により変更となる可能性がございます。ご了承ください。
- お申し込み時やアンケートなどでいただいた個人情報は、個人情報の取り扱いについて - 採用情報 - 株式会社はてなに準じ、セミナーの管理・品質改善・調査・採用のご案内目的に利用いたします。
みなさまのご参加をお待ちしております！
