COVID-19特集ページの裏側
by
kizuki-yasue
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Slide 1
Slide 1 text
Copyright © 2020 M3, Inc. All rights reserved. インターネットを活用し、 健康で楽しく長生きする人を1人でも増やし、 不必要な医療コストを1円でも減らすこと COVID-19特集ページの裏側
Slide 2
Slide 2 text
Copyright © 2020 M3, Inc. All rights reserved. 1 自己紹介 👨 名前:安江 築生(やすえ きずき) 🏠 出身:福岡県 🏢 入社:2019年4月(2年目) 👥 所属:Unit4 仕事:m3.com サイト 💻 技術:Play / Ruby on Rails / Google Apps Script ❤ 好き:まどマギのマミさん
Slide 3
Slide 3 text
Copyright © 2020 M3, Inc. All rights reserved. 2 コロナ禍での取り組みの紹介
Slide 4
Slide 4 text
Copyright © 2020 M3, Inc. All rights reserved. 3 COVID-19特集ページ
Slide 5
Slide 5 text
Copyright © 2020 M3, Inc. All rights reserved. 4 COVID-19特集ページ 現在の感染者数 (日本/世界) 他のCOVID-19 ページへのリンク 編集部が厳選した 注目記事 都道府県ごとの 新着記事
Slide 6
Slide 6 text
Copyright © 2020 M3, Inc. All rights reserved. 5 COVID-19特集ページ 都道府県ごとの 感染者数 記事評価 ランキング ...他省略
Slide 7
Slide 7 text
Copyright © 2020 M3, Inc. All rights reserved. 6 時系列
Slide 8
Slide 8 text
Copyright © 2020 M3, Inc. All rights reserved. 7 時系列 1/27 ページ 公開 2/7 アン ケート開始 2/18 記事ラ ンキング 3/3 デザイ ン更新 3/12 プレス リリース 4/3 フルリ モート 4/27 SPアプ リ対応 5/21 感染者数 の自動更新 3/6 感染者 数グラフ 4/22 記事更 新の競合解消
Slide 9
Slide 9 text
Copyright © 2020 M3, Inc. All rights reserved. 8 時系列 2/7 アン ケート開始 2/18 記事ラ ンキング 3/3 デザイ ン更新 3/12 プレス リリース 4/3 フルリ モート 4/27 SPアプ リ対応 5/21 感染者数 の自動更新 3/6 感染者 数グラフ 1/27 ページ 公開 4/22 記事更 新の競合解消
Slide 10
Slide 10 text
Copyright © 2020 M3, Inc. All rights reserved. 9 時系列 2/7 アン ケート開始 2/18 記事ラ ンキング 3/3 デザイ ン更新 3/12 プレス リリース 4/3 フルリ モート 4/27 SPアプ リ対応 5/21 感染者数 の自動更新 3/6 感染者 数グラフ 4/22 記事更 新の競合解消 1/27 ページ 公開
Slide 11
Slide 11 text
Copyright © 2020 M3, Inc. All rights reserved. 10 ページ公開 サイト担当による判断で、医療従事者にCOVID-19の情報を素早く提供したい サービス間で共通する認証機能、コンポーネントは同じものを利用したい →特集ページを手軽に作成・公開できる社内ツール m3comlp を活用 m3comlp サイト担当 特集ページ 医療従事者
Slide 12
Slide 12 text
Copyright © 2020 M3, Inc. All rights reserved. 11 m3comlp 特集ページ 医療従事者 HTML m3comlp m3comlp: エンジニアを介さずにランディングページ(LP)を公開できる社内ツール ※COVID-19特集ページ作成以前にも、エンジニアへのLPの作成依頼は増加傾向 その度に長いリードタイム(見積〜実装〜QA〜公開)が発生
Slide 13
Slide 13 text
Copyright © 2020 M3, Inc. All rights reserved. 12 m3comlp m3comlp: エンジニアを介さずにランディングページ(LP)を公開できる社内ツール ※COVID-19特集ページ作成以前にも、エンジニアへのLPの作成依頼は増加傾向 その度に長いリードタイム(見積〜実装〜QA〜公開)が発生 特集ページ 医療従事者 プレビュー m3comlp
Slide 14
Slide 14 text
Copyright © 2020 M3, Inc. All rights reserved. 13 m3comlp 特集ページ 医療従事者 ボタンを押すとすぐ公開 m3comlp m3comlp: エンジニアを介さずにランディングページ(LP)を公開できる社内ツール ※COVID-19特集ページ作成以前にも、エンジニアへのLPの作成依頼は増加傾向 その度に長いリードタイム(見積〜実装〜QA〜公開)が発生
Slide 15
Slide 15 text
Copyright © 2020 M3, Inc. All rights reserved. 14 短いリードタイムで時期を逃さない 写真提供(写真AC) Build a prototype as soon as possible
Slide 16
Slide 16 text
Copyright © 2020 M3, Inc. All rights reserved. 15 時系列 1/27 ページ 公開 2/7 アン ケート開始 3/3 デザイ ン更新 3/12 プレス リリース 4/3 フルリ モート 4/27 SPアプ リ対応 5/21 感染者数 の自動更新 3/6 感染者 数グラフ 4/22 記事更 新の競合解消 2/18 記事ラ ンキング
Slide 17
Slide 17 text
Copyright © 2020 M3, Inc. All rights reserved. 16 記事ランキング 多くのCOVID-19関連記事の中から、医療従事者に質の良い記事を提供したい →他の医療従事者に勧めたい記事を10段階でアンケート 結果を集計し、特集ページにランキング表示
Slide 18
Slide 18 text
Copyright © 2020 M3, Inc. All rights reserved. 17 記事ランキング 多くのCOVID-19関連記事の中から、医療従事者に質の良い記事を提供したい →他の医療従事者に勧めたい記事を10段階でアンケート 結果を集計し、特集ページにランキング表示 Ibis アンケート システム Nielsen ランキング システム 参考に なった
Slide 19
Slide 19 text
Copyright © 2020 M3, Inc. All rights reserved. 18 Ibis & Nielsen Ibis: アンケート結果をTablueで解析、次の施策を考える(詳細はテックブログ) Nielsen: 記事のPVからハイライト記事リストを出力 目的の異なるサービスを組み合わせて課題を解決 集計して ランキング 出力 アンケート 結果を BigQueryに 記事のPV 次の施策など 参考に なった
Slide 20
Slide 20 text
Copyright © 2020 M3, Inc. All rights reserved. 19 写真提供(写真AC) 社内ツールのレバレッジを効かせよう Use software leverage to your advantage
Slide 21
Slide 21 text
Copyright © 2020 M3, Inc. All rights reserved. 20 時系列 1/27 ページ 公開 2/7 アン ケート開始 2/18 記事ラ ンキング 3/3 デザイ ン更新 3/12 プレス リリース 4/3 フルリ モート 4/27 SPアプ リ対応 5/21 感染者数 の自動更新 3/6 感染者 数グラフ 4/22 記事更 新の競合解消
Slide 22
Slide 22 text
Copyright © 2020 M3, Inc. All rights reserved. 21 記事更新の競合解消 m3comlp は1つのページを複数の人が同時に更新できない 記事リストも増えてHTMLの修正ミスも増えてきた セクションごとにニュースを掲載 同じページの別の箇所を 別の人たちが更新 更新頻度もバラバラ ...
Slide 23
Slide 23 text
Copyright © 2020 M3, Inc. All rights reserved. 22 記事更新の競合解消 m3comlp は1つのページを複数の人が同時に更新できない 記事リストも増えてHTMLの修正ミスも増えてきた
Slide 24
Slide 24 text
Copyright © 2020 M3, Inc. All rights reserved. 23 記事更新の競合解消 m3comlp は1つのページを複数の人が同時に更新できない 記事リストも増えてHTMLの修正ミスも増えてきた
Slide 25
Slide 25 text
Copyright © 2020 M3, Inc. All rights reserved. 24 記事更新の競合解消 m3comlp は1つのページを複数の人が同時に更新できない 記事リストも増えてHTMLの修正ミスも増えてきた
Slide 26
Slide 26 text
Copyright © 2020 M3, Inc. All rights reserved. 25 Google Apps Script 記事リストをスプレッドシートで管理。GASでHTMLに変換し、S3にアップロード 特集ページでは S3にあるHTMLをjQueryでフェッチし、挿入する →担当者ごとに別々のファイルを更新するので、記事修正時のロック宣言が不要 同時編集可能 それぞれ別のシートで作業
Slide 27
Slide 27 text
Copyright © 2020 M3, Inc. All rights reserved. 26 時系列 1/27 ページ 公開 2/7 アン ケート開始 2/18 記事ラ ンキング 3/3 デザイ ン更新 3/12 プレス リリース 4/3 フルリ モート 4/27 SPアプ リ対応 3/6 感染者 数グラフ 4/22 記事更 新の競合解消 5/21 感染者数 の自動更新
Slide 28
Slide 28 text
Copyright © 2020 M3, Inc. All rights reserved. 27 感染の現状把握のため、新型コロナ感染者数の表・グラフを掲載 感染者数の自動更新
Slide 29
Slide 29 text
Copyright © 2020 M3, Inc. All rights reserved. 28 手作業の範囲 感染の現状把握のため、新型コロナ感染者数の表・グラフを掲載 厚生労働省のウェブページおよびPDFが元データ 元データを手作業でExcelファイルに写して整形、m3comlpに貼り付けていた 感染者数の自動更新
Slide 30
Slide 30 text
Copyright © 2020 M3, Inc. All rights reserved. 29 自動化の範囲 既存のExcelファイルの内容をスプレッドシートで管理 GASを使ってPDF/HTMLをスクレイピング〜S3アップロードまで自動化 →数字のうち間違えや更新忘れなどがなくなった。休日も更新されるようになった Google Apps Script
Slide 31
Slide 31 text
Copyright © 2020 M3, Inc. All rights reserved. 30 写真提供(Shutterstock) 手作業は可能な限り自動化しよう Laziness, Impatience, Hubis
Slide 32
Slide 32 text
Copyright © 2020 M3, Inc. All rights reserved. 31 まとめ
Slide 33
Slide 33 text
Copyright © 2020 M3, Inc. All rights reserved. 32 写真提供(Shutterstock) プログラミング活動に万能薬はありません No Silver Bullet in programming
Slide 34
Slide 34 text
Copyright © 2020 M3, Inc. All rights reserved. 33 写真提供(Shutterstock) 状況に応じたツールを組み合わせる
Slide 35
Slide 35 text
Copyright © 2020 M3, Inc. All rights reserved. 34 写真提供(写真AC) 様々なツールを駆使して コロナに打ち勝とう!