Yahoo!ニュース トピックスはどうやって作られるのか？　入稿ツールの開発・発展の舞台裏

しかし、「TOMATO」開発のプロセスにはさまざまな苦労も。例えば、Yahoo! JAPANの全ページに掲出される緊急表示枠は、人命にかかわる重大なニュースを扱うことも多く、極めて重要な機能です。

そのため、チーム内だけでなく、関係部署との綿密なコミュニケーションを心掛け、アクセスの少ない深夜に本番試験運用のテストも行いました。

それ以外にも、技術面においても多くの障壁がありました。

「旧ツールは、長年にわたって仕様を継ぎ足しながら運用していました。処理が複雑に絡みあっており、現在は使われていない処理が残っていたり、全容が分かるドキュメントが存在しないといった課題があったんです。そのため、旧ツールの全ての処理を把握し、今後も必要な機能を精査する作業が必要でした。エンジニアチームで分担して大量のソースコードをひととおり読み、その後４日かけて仕様を整理して新ツールの骨子を設計しました。手間取りましたが、振り返ってみると、とても大事なフェーズだったと思います」（児玉さん）

さらに「TOMATO」開発にあたっては、プログラミング言語を始め、新しい技術を採用しています。これもエンジニアチームにとっては大きな挑戦でした。

「今回、プログラミング言語としては『TypeScript』を採用し、サーバーサイドに『Node.js』、ツールの見た目部分には『React』を使用しています。これらの技術はYahoo!ニュースの中でも採用が増えている技術ですが、プロジェクトがスタートした時点では『TOMATO』のエンジニアチームには扱える人材がいませんでした。ヤフーにはプログラミング言語ごとに開発をサポートしてくれるチームが存在します。今回はNode.jsのサポートチームに協力を仰ぎ、学習しながら開発を進めていきました。これは私たちとしても新鮮な経験でしたね。また、Yahoo!ニュース全体で使用言語をできる限りそろえていくと、部署内で人材異動があってもすぐに適応しやすくなります。今後の改修しやすさを担保するためにも、新たな言語を学ぶことには意味があったと思います」（児玉さん）

他方、細かな機能や仕様の決定については、メインユーザーである編集者の視点が欠かせません。そこでプロジェクトチームでは、編集者に対する詳細なヒアリングが行われました。

「旧ツールから大幅に使用感が変わってしまうと、慣れるのに時間がかかります。そこでなるべく従来のインターフェースを踏襲するようリクエストし、機能面でどうしても使い勝手が変わるものについては、複数パターンの中から編集者にとって使いやすいものを選ばせてもらうなど、入念なすり合わせを行いました」（福士さん）

しかし、使い勝手には個人差が付き物。そこで、編集業務におけるリスクヘッジを最優先しつつ議論を重ねていったと福士さんは振り返ります。

では、「TOMATO」のリリースによって、具体的にどのような成果が得られたのでしょうか？　中村さんは「安全かつスピーディーな作業が実現したこと」と語ります。それは編集業務だけでなく、エンジニアリングの面でも同様です。

「時代に合わせてYahoo!ニューストピックスも、これからまだまだ変化を重ねていくはずです。TOMATOによって、新しい機能の追加や改善施策に対して、迅速に対応できるようになった点は大きなメリットです。また、今回こうしてゼロベースでツールを開発したことで、仕様が可視化できたことも成果の一つです。日常的に使っているツールの全容があらためて周知されたことは、今後の機能拡張やアップデート、管理においても有意義だと感じています」（中村さん）

実際、編集部内では早くも、さらなるツールやデータベースとの連携を望む声など、次のアップデートに向けたリクエストが続出しているのだそう。最新技術によって利便性の高い環境が整備され、そこでまた新たな要望が生まれ、さらなる機能性アップにつながる。そんな理想的なサイクルが生まれつつあります。

『TOMATO』のリリースで自動化、簡略化された作業は少なくありません。その分、編集者の負担を減らすことができるのは、トピックス編集部として大きな意味がある、と中村さんは言います。

「編集部には多様なバックグラウンドを持つ多彩な人材がそろっていて、入稿作業に割くリソースが省ければ、それだけその人材本来の能力を他のところで活かすことができる。それはYahoo!ニュースというサービス全体のクォリティ向上にもつながるはずです」（中村さん）