執筆: id:chaya2z この記事は SRE 連載の 3 月号です。 2 月の記事は id:koudenpa さんの Amazon AuroraのCPU世代を上げるとどうなる？ でした。 はじめに 技術的な課題 アーキテクチャ サイロモデル: CDN プールモデル: ロードバランサー・リバースプロキシ サイロとプールの境界 配信基盤の移行戦略 サイロとプールの橋渡し オリジンの保護 ふりかえり はじめに GigaViewer は、はてなが提供するマンガビューワーです。 2017 年のリリースから 2026 年 3 月現在で 20 以上のサービスに導入されています。 各サービスには専属のデザイナーや独自のマーケティング戦略があり、配信基盤がサービス固有の要件を制約しないことが求められます。 加えて、作品の更新タイミングでトラフィックが急増し、そのスケジュールもサービスごとに異なります。

こんにちは、取締役の id:onishi です。 Hatena Developer Blogの連載企画「卒業生訪問インタビュー」では、創業からはてなの開発に関わってきた取締役の id:onishi、CTOの id:motemen、エンジニアリングマネージャーの id:onk、技術グループ長の id:daiksyが、いま会いたい元はてなスタッフを訪問してお話を伺っていきます。 id:onishi が担当する第20回のゲストは、株式会社くふうカンパニーホールディングスの専門役員であり、ご自身で立ち上げたデザインアンドライフ株式会社、株式会社CLANの代表取締役を務める id:tikedaさんこと、デザイナーの池田拓司さんです。 tikedaさんは、2005年にはてな入社後、「はてなダイアリー」などの自社サービスや複数の新サービスを始め、任天堂さんとの「うごメモはてな」 、はてなロゴやオフィスデ

こんにちは、取締役の id:onishi です。 Hatena Developer Blogの連載企画「卒業生訪問インタビュー」では、創業からはてなの開発に関わってきた取締役の id:onishi、CTOの id:motemen、エンジニアリングマネージャーの id:onkが、いま会いたい元はてなスタッフを訪問してお話を伺っていきます。 id:onishi が担当する第16回のゲストは、GMOペパボ株式会社 取締役CTO 兼 CTO室室長 兼 事業開発部部長のid:antipop・あんちぽさんこと、栗林健太郎さんです。 antipopさんは大学卒業後、ご出身地である鹿児島県奄美市の市役所勤務を経て、2008年にはてなにエンジニアとしてご入社いただきました。その後、卒業するまでの４年間は、はてなダイアリーやはてなスターなどのサービスで幅広くご活躍いただきました。2012年に株式会社paper

こんにちは、Androidエンジニアのid:r4wxiiです。『Inside GigaViewer for Apps』連載5回目は、メディア共通機能の1つであるイベント送信機能を、GigaViewer for Apps(以下、GigaApps)の標準機能として実現するための設計について紹介します。 イベント送信機能とは GigaAppsのイベント送信機能が複雑となってしまう理由 メディアによって異なる計測プラットフォーム メディアによって異なるイベント GigaAppsにおけるイベント送信機能を噛み砕いた設計 メディアによって異なる計測プラットフォーム メディアによって異なるパラメータ イベントを適切に振り分けて送信する 実装 イベントを送信する メディアによって異なる計測プラットフォームを扱う メディアによって異なるパラメータを扱う イベントを適切に振り分けて送信する 終わりに イベント

こんにちは、はてなで GigaViewer for Web とバックエンドを開発している id:cateiru です。 この記事は『Inside GigaViewer for Apps』連載の第4回目です。ここまではアプリを中心に連載していましたが、今回は Web とアプリの両方で使用しているバックエンドについて、複数サービスとアプリを支えるしくみを紹介していきます。 GigaViewer のバックエンド構成 マルチテナントにする理由とメリット課題 アクセス数のピークはサービスによって分散する 機能を横展開しやすい システム障害が発生すると全サービスに影響しうるという課題 サービスごとにある固有機能と出し分け Feature を使用して機能を出し分けるさまざまな方法 開発環境でのみ Feature を有効化する WIP Feature 終わりに GigaViewer のバックエンド構成 G

こんにちは、Android アプリエンジニアの id:mangano-ito です。『Inside GigaViewer for Apps』連載3回目は、iOS/Android エンジニアの id:kouki_dan と一緒に出版社向けマンガビューワのアプリ版である「GigaViewer for Apps」（以下 GigaApps）のAndroidアプリを実現するしくみについて紹介します。 GigaAppsとは アーキテクチャ GigaAppsでマルチテナントを実現する方法 モジュールのconfig リソースの差し替え UIプラグイン その他 実例紹介 実例1: ポイントのアイコン・文言 実例2: マイページヘッダー 実例3: 作品詳細ヘッダー 実例4: 購入ダイアログの上部 終わりに GigaAppsとは 前回の記事でも紹介したように、GigaAppsはビューワだけでなく、作品詳細やマイ

こんにちは。iOS アプリエンジニアの id:gurrium です。『Inside GigaViewer for Apps』連載2回目は、同じく iOS エンジニアの id:fxwx23 と一緒に出版社向けマンガビューワのアプリ版である「GigaViewer for Apps」（以下 GigaApps）の iOS アプリを実現するしくみについて紹介します。 GigaApps とは アーキテクチャ (id:fxwx23) マルチモジュール 画面構築と遷移 アプリに合わせたカスタマイズ (id:gurrium) ローカライズインジェクション アセットインジェクション パラメータでの DI Needle での DI 終わりに ※ 見出しの ID は執筆担当 GigaApps とは 前回の記事でも紹介しましたが、GigaApps はビューワだけでなく、作品詳細やマイページなどのマンガアプリの基本的

こんにちは、はてなチーフアプリケーションエンジニアの id:motemen です。今日ははてなエンジニアアドベントカレンダー2014 の 22 日目として、はてなブログのエントリをローカルと同期するツール blogsync を紹介します。昨日は id:tarao による gulpで依存関係を考慮した自動コンパイル でした。 はてなブログは CMS としても非常に便利に使えるウェブサービスで、実際Mackerel のヘルプもはてなブログで運用しています。ドキュメントのようなコンテンツはいろいろな人が触り、頻繁に書き換えるので変更履歴を残したいところ、また慣れたエディタで編集したいものですが、はてなブログ単体にそういう機能は当然ありません。そこで個人的に はてなブログ AtomPub を用いて、はてなブログのエントリをローカルのファイルシステムに保存するツールを Go で書いて、使ってみていま

このブログはGitHubで書いています。流れとしては、下書きをGitHub Actionsで生成し、下書き更新ではてなブログのプレビューを更新、PRマージではてなブログへ投稿されます。 今回はGitHubと連動したはてなブログ投稿の仕組みを書きます。 おすすめ なぜGitHubとはてなブログを連動させるのか はてなブログとGitHubの連動方法の変遷 push-to-hatenablogをテンプレートに採用(2022年～) HatenaBlog Workflows Boilerplateをテンプレートに採用(2025年～) textlintを使った記事校正の調整 GitHubで書くメリット GitHubで書くデメリット まとめ おすすめ 2023/09/21、はてなブログ公式から次の記事とGitHubテンプレートが公開されました。 組織でのはてなブログ運営をGitHub上で行うためのテンプ

2024年10月15日（火）に、 Hatena Engineer Seminar #31 をオンライン開催しました。ご参加いただいたみなさま、ありがとうございました。 このエントリーでは、当日のアーカイブ動画や公開資料をご紹介します。 お詫び 当日のライブ配信では、トラブルにより一部映像が止まる・音声が聞き取りづらいなどの問題が発生し、配信を一時中断させていただきました。快適にウェビナーをご視聴いただくことができず、大変申し訳ございませんでした。スライドと音声がズレてしまっている箇所がございますので、アーカイブ動画をご視聴いただく際は、公開しているスライドとともに内容をご確認いただけますと幸いです。 お詫び Hatena Engineer Seminar #31 について 発表概要と資料 マルチテナントのサービスインフラに大きなテナントを受け入れるまで / id:koudenpa 10年続

サービスプラットフォームチームで SRE を担当している id:masayosu です。 先月からですが Hatena Developer Blog にて SRE 連載を始めました。先月の記事は はてなブログの DB を RDS for MySQL 8.0 にアップグレードした話 - Hatena Developer Blog です。 毎月はてなの SRE が交代でブログ記事を書きますのでお楽しみに。 この記事は2024年2月の SRE 連載の記事です。 はてなの EKS 利用について 私が所属するサービスプラットフォームチームでは EKS の運用を続けており、先日 Kubernetes 1.23 から 1.28 へのアップグレードを完了しました。 私のチームは少人数で形成されているのですが、担当しているサービスは大小様々あり EKS クラスター上では数十個のサービスが稼働しています。 少

こんにちは、CTOの id:motemenです。 Hatena Developer Blogの連載企画「卒業生訪問インタビュー」では、創業からはてなの開発に関わってきた取締役の id:onishi、CTOの id:motemen、エンジニアリングマネージャーの id:onkが、いま会いたい元はてなスタッフを訪問してお話を伺っていきます。 id:motemenが担当する第5回のゲストは、2021年6月に二宮企画株式会社、2022年11月にHearable株式会社を設立し、Webサービス開発に関する企画やコンサルティングを営む id:nmyさんこと、二宮鉄平さんです。 株式会社プロハウスでチーフデザイナーとして活躍後、ヤフー株式会社に転職。ディレクターとしての経験を積み、2007年5月にはてな初のディレクター職として入社。2008年には任天堂株式会社とのプロジェクトである「うごメモシアター」「

こんにちは、シニアアプリケーションエンジニアのid:taraoです。この記事ははてなデベロッパーアドベントカレンダー2015の10日目です。昨日はid:tapir320によるはてなの組織開発についてでした。 先月開催されたWebDB Forum 2015で、「はてなブックマークにおけるアクセス制御: 半環構造に基づくモデル化」というタイトルの発表をしました。 はてなブックマークにおけるアクセス制御 - 半環構造に基づくモデル化 from Lintaro Ina 発表資料には多くの方に興味をもっていただけたようですが、わかりにくい点も多かったのではないでしょうか。スポンサー企業としての技術報告セッションとはいえ学術会議での発表なので理論面と独自の工夫点にフォーカスした内容であったり、口頭での発表のしかたに大きく依存したスライドの遷移方法になっているので、この資料だけで細かいところまで理解しよ

こんにちは、エンジニアリングマネージャーの id:onkです。 Hatena Developer Blogの新たな連載企画「卒業生訪問インタビュー」では、創業からはてなの開発に関わってきた取締役の id:onishi、CTOの id:motemen、エンジニアリングマネージャーの id:onkが、いま会いたい元はてなスタッフを訪問してお話を伺っていきます。 id:onkが担当する第3回のゲストは、クラウド型電子カルテ・レセコンシステム「Henry」を主力として医療DXに取り組んでいる株式会社ヘンリーで、チーフエンジニアとして新たな挑戦を始めたid:Songmuさんこと、松木雅幸さんです。 株式会社カヤックでリードエンジニアとして活躍後、2014年9月にはてなに入社。チーフエンジニア及び「Mackerel」のプロダクトマネージャーとして、2019年5月まで「Mackerel」の開発をはじめ、

こんにちは、CTOの id:motemenです。 Hatena Developer Blogの新たな連載企画「卒業生訪問インタビュー」では、創業からはてなの開発に関わってきた取締役の id:onishi、CTOの id:motemen、エンジニアリングマネージャーの id:onkが、いま会いたい元はてなスタッフを訪問してお話を伺っていきます。 連載第1回では、id:onishiが シリコンバレーのスタートアップ企業Launchableでアプリケーションエンジニアをしている id:ninjinkun（敬称略）こと、浅野慧さんにご協力いただきました。 第2回である今回は、CTOのid:motemenが担当します。 ゲストは、建築・建設業界のDXを推進、シェアNo1※の建設プロジェクト管理サービスを提供している株式会社アンドパッドでシニアソフトウェアエンジニアを務める id:shiba_yu36

こんにちは、取締役の id:onishiです。 Hatena Developer Blogでは、新しい連載企画として、卒業生訪問インタビューをはじめます。創業からはてなの開発に関わってきた私 id:onishiと、CTOの id:motemen、チーフエンジニアの id:onkが、いま会いたい元はてなスタッフを訪問してお話を伺っていきます。不定期更新で続けていければと思いますので、ぜひお付き合いください。 初回にお迎えしたゲストは、現在シリコンバレーのスタートアップ企業Launchableでアプリケーションエンジニアをしている id:ninjinkun（敬称略）こと、浅野慧さんです。はてなブログで近況を定期的に発信してくれているので、身近に感じていましたが、しばらく直接お話できていないので、この機会にお話を聞きたいと思ってお願いしてみました。id:ninjinkunとの出会いは2008年の

こんにちは, Mackerel 開発チーム アプリケーションエンジニアの id:susisu です. 現在 Mackerel では, Web コンソール画面の開発に使用しているフレームワークを, これまで使用してきた AngularJS から React へ移行することを中心とした, フロントエンド開発の刷新プロジェクトを行っています. このプロジェクトの立ち上げについては以前 Hatena Engineer Seminar で発表しましたが, そこでは時間の都合もあり, 技術的側面についてはあまり深く掘り下げることは出来ませんでした. ということでこの記事では, より技術的な面にフォーカスしてプロジェクトの内容をご紹介できればと思います. "React化" プロジェクトについて Mackerel の開発は 2014 年ごろから始まりましたが, フロントエンドのフレームワークとしては当初か

10年モノのサービスをアーキテクチャから再設計─はてなブックマークがScalaとDDDを使う理由 10年以上運用されているサービスには、さまざまな技術的な負債が発生しています。今後の継続的な改善のため、いったん新規開発を止めて4年かけて全面的なリニューアルを実施した「はてなブックマーク」の開発者に、プロジェクトの課題や解決する手法などを聞きました。 改善1つに数カ月かかるなら全てを書き換えられないか 2000年代にトレンドだった開発手法の負債 過去の開発意図を探る考古学的手法 データセンター移行も見据えて刷新しよう ドメインモデル設計とScalaとマイクロサービス化 コアロジックにはScalaを採用 きちんとしたドメインモデルによる設計と実装を継続したい 段階的なリリースとデータの移行という2つの大きな課題 求められる機能に沿ったデータベーススキーマに再構築 新旧の2システムを維持しながら

ScalaMatsuri 2019 http://2019.scalamatsuri.org/index_en.html