こんにちは、Webアプリケーションエンジニアの 
id:KGA です。
Hatena Engineer Seminar #14 〜魔法のiらんど編〜を、7月15日(水)にオンラインで開催します！
今回は「魔法のiらんど編」と題しまして、はてなで開発・運用の支援をさせていただいている魔法のiらんどで先日行われたリニューアルの裏側を垣間見ることのできるトークをご用意いたしました。企画視点での話や、バックエンド/フロントエンド周りの開発の話、データ移行の話、デザインコンセプトの話、プロジェクト管理の話など、盛り沢山となっています。
また、今回は昨今の事情を鑑みて初のオンライン開催となります。みなさまのご参加をお待ちしております!
Hatena Engineer Seminar とは
Hatena Engineer Seminar は、はてなのサービスを開発する上で、エンジニアがどのような事を考えているのか、どのような働き方をしているのかを語るイベントです。過去にも様々な技術レイヤーやサービスを軸としたテーマなどで開催してきました。
イベント概要
- 日時: 7月15日(水) 19:30-21:35（予定）
- 参加費: 無料
- 開催形式: オンライン配信（YouTube Live を予定しています）
- 開催当日に connpass に登録されているメールアドレスや Twitter の @hatenatech アカウントにて配信 URL を共有いたします
- お申し込みURL: https://hatena.connpass.com/event/181668/
- ハッシュタグ:
#hatenatech- ブログを書く際や Tweet 時にぜひお使いください
発表内容詳細
id:nmy 企画編 〜なぜはてなが魔法のiらんどをリニューアルしたのか〜
2020年4月1日、サービス開始から20周年を迎える老舗サービス「魔法のiらんど」のリニューアルを行いました。そもそもなぜはてなが開発を担当したのか。ユーザー投稿サービスを他社さんと一緒に開発し続ける理由やその意義をお話しします。また、これまでとは全く異なるユーザー層をターゲットとしていることや、歴史あるシステムのリプレイスであること、期日の決まった大型のプロジェクトであることなど、複数の制約条件下でどんな工夫をしながら企画を進めたのかをご紹介します。
id:yigarashi GraphQL編 〜ユーザーも開発者も快適なサービスであるために〜
魔法のiらんどでは、クライアント・サーバー間のインターフェースとしてGraphQLを採用しました。この技術選択は、はてなの技術スタックのモダン化を進め、ユーザーと開発に携わるエンジニア双方の体験が快適であることを目指したものです。この発表では、魔法のiらんどリニューアルを成功に導いたGraphQLの強みと、月間3億PVをさばくためのパフォーマンス面の検討について紹介します。
id:mfzy フロントエンド Next.js 編 〜ユーザーとクローラーを共にもてなす技術〜
人々の手にスマートフォンがすっかり馴染んだ現代。フィーチャーフォン時代から続くサービスのリニューアルには、必然的に技術の進歩に見合うユーザー体験の革新が求められました。そんなリニューアルになぜ Next.js が適していたのか、そして魔法のiらんどならではの工夫についてお話しします。
id:tkzwtks データ移行編 〜新旧システム間のデータマイグレーション時に我々が考えること〜
システムのリニューアルに伴い、旧システムから新システムへ既存のデータを移すことも考える必要があります。この発表では魔法のiらんどを中心にしたいくつかのデータ移行事例と、データ移行案件において押さえるべきポイントについて紹介します。
id:murata_s デザイン編 〜女性向けモバイルWebアプリのデザイン〜
サービスのリニューアルをするとき、デザインには、これまで築き上げてきたコミュニティやユーザーの価値観を踏まえた上で、新鮮味のあるポジティブな変化が求められます。新しい魔法のiらんどにはどのようなデザインがふさわしいのか。デザインの着想とその考えを紹介しながら、思考のよりどころとなるデザインのコンセプトをお話しします。
id:km1983 プロジェクトマネジメント編 〜タイトスケジュールでのプロジェクト管理〜
「認識齟齬」「タスクの抜け漏れ」「手戻り」を防ぎ、迅速に意思決定をしていくことが求められるプロジェクトにおいて、日頃の情報共有やコミュニケーションをどのように行っていたかをお話します。
タイムテーブル
| 時刻 | id | タイトル | 時間 |
|---|---|---|---|
| 19:30 |  id:motemen |
開会の挨拶 | 5分 |
| 19:35 | id:nmy |
企画編 〜なぜはてなが魔法のiらんどをリニューアルしたのか〜 | 10分 |
| 19:45 | id:yigarashi |
GraphQL編 〜ユーザーも開発者も快適なサービスであるために〜 | 20分 |
| 20:05 | - | 質問タイム | 5分 |
| 20:10 | id:mfzy |
フロントエンド Next.js 編 〜ユーザーとクローラーを共にもてなす技術〜 | 20分 |
| 20:30 | - | 質問タイム | 5分 |
| 20:35 | id:tkzwtks |
データ移行編 〜新旧システム間のデータマイグレーション時に我々が考えること〜 | 30分 |
| 21:05 | - | 質問タイム | 5分 |
| 21:10 | id:murata_s |
デザイン編 〜女性向けモバイルWebアプリのデザイン〜 | 10分 |
| 21:20 | - | 質問タイム | 5分 |
| 21:25 | id:km1983 |
プロジェクトマネジメント編 〜タイトスケジュールでのプロジェクト管理〜 | 10分 |
| 21:35 | - | 質問タイム | 5分 |
| 21:40 | id:KGA |
閉会の挨拶 | 5分 |
お申し込み方法
諸注意
- 事情により内容や形式を変更する場合があります
- お申し込み時やアンケートなどでいただいた個人情報は、はてなプライバシーポリシー - Hatena Policies に準じ、セミナーの管理・品質改善・調査・採用のご案内目的に利用いたします。
みなさまのご参加をお待ちしております！
