COVID-19特集ページの裏側
by
kizuki-yasue
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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) 様々なツールを駆使して コロナに打ち勝とう!