Hatena Engineer Seminar #32 はてなブログ新機能基盤の開発編

2025/02/25(火)13:00 〜 14:00 開催
ブックマーク

イベント内容

Hatena Engineer Seminar #32 では、はてなブログチームのエンジニア3名が登壇し、2025年2月3日にリリースされた「はてなCMS」の開発について発表します。

はてなCMS」では、はてながこれまで提供してきたオウンドメディアCMS「はてなブログMedia」の各種機能に加え、ノーコードで手軽にWebサイトを制作できる機能を新たに実装し提供しています。

参考:はてな、Webサイト制作のための「はてなCMS」をリリース - プレスリリース - 株式会社はてな

「はてなCMS」の開発にあたっては、これまでのブログ基盤にそのまま機能を追加するのではなく、Next.js App Routerを採用した新基盤に機能を実装していく意思決定を行いました。

どうしてそのような判断を行ったのか、新基盤を既存システムと共存させるにはどうしたら良いか、App RouterやReact Server Componentといった新しい技術をどのように活用していくか、開発を通じて様々な経験と知見を獲得することができました。本イベントではその中でも選りすぐりの話題をご紹介します。

開催はオンラインです。みなさまのご参加をお待ちしております。

Hatena Engineer Seminar とは

Hatena Engineer Seminar は、はてなのサービスを開発する上で、エンジニアがどのような事を考えているのか、どのような働き方をしているのかを語るイベントです。過去にも様々な技術レイヤーやサービスを軸としたテーマなどで開催してきました。

イベント概要

  • 日時: 2025年2月25日(火) 13:00-14:00(予定)
  • 参加費: 無料
  • 開催形式: オンライン配信 YouTube Live 『HatenaTech チャンネル
    • 開催当日に connpass に登録されているメールアドレスや X の @hatenatech アカウントにて配信 URL を共有いたします
    • 配信URL: (当日にご案内します)
  • ハッシュタグ: #hatenatech
    • ブログを書く際や SNS投稿の際に ぜひお使いください

発表内容詳細

はてなCMSのアーキテクチャ; 巨大な既存システムと共存して最新技術を取り入れる

id:nanimono_demonai / https://x.com/NanimonoDaemon

はてなCMSは、はてなブログと共存しています。複雑かつ歴史のあるプロダクトのはてなブログを壊さずに、最新技術を取り入れてはてなCMSを開発した方法とそのアーキテクチャを紹介します。Perlで作られたページからNext.jsで作られたページへのシームレスな以降、既存のプロダクトと認証認可を連携させる方法について、なぜこの選択をしたのか、どのように開発したのかをお話しします。

【詳説】コンテンツ配信システムの複数機能基盤への拡張

id:nano_vi / https://nanto.asablo.jp/blog/

はてなCMSで新規に作ったページでも、配信は従来のはてなブログMediaと同じドメインから行われます。従来のアプリケーション基盤を通して配信するのはなぜなのか、どういうデータフローで配信を実現させたのか、ページ編集中のプレビューやページの公開後といった状況による違いも踏まえて解説します。

React Server Componentで生のHTMLを扱う技術

id:nakataki / https://nakataki.hatenablog.com/

はてな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 閉会のご挨拶

諸注意

みなさまのご参加をお待ちしております

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。
情報提供元ページ(connpass)へ

新規会員登録

このイベントに申し込むには会員登録が必要です。
アカウント登録済みの方はログインしてください。



※ ソーシャルアカウントで登録するとログインが簡単に行えます。

※ 連携したソーシャルアカウントは、会員登録完了後にいつでも変更できます。

関連するイベント