Slide 1

Slide 1 text

脱スプレッドシート Google Colabで動的なグラ フを作ってみた 2023/1/11 ServerLess LT初心者向け LT大会 #29 @yuuun

Slide 2

Slide 2 text

自己紹介 株式会社オープンストリームに新卒入 社し、社会人歴、エンジニア歴ともに3 年目です! 主にサーバーサイドとインフラ系 (AWS)に触れてきました。 現在はWeb広告系のお客様が提供し ている広告配信基盤の一部機能の開 発や運用・保守を行っています。 あと猫飼ってます!

Slide 3

Slide 3 text

業務でグラフを作ることは ありますか? 突然ですが…

Slide 4

Slide 4 text

グラフを作る際にどんなツールを使い ますか?

Slide 5

Slide 5 text

毎回スプレッドシートに データを貼って グラフを作るのって めんどうじゃないですか?

Slide 6

Slide 6 text

きれいなグラフを 早く楽に作成したいですよね?

Slide 7

Slide 7 text

そこで今回は Google ColaboratoryとPlotlyを ご紹介したいと思います

Slide 8

Slide 8 text

Google Colaboratoryとは Googleから無償で提供されているJupter Notebook環境です。 実行環境はGoogle側のクラウドを使用できるので、ユーザの 環 境構築は不要で手軽にPythonのコードを動かすことができま す。 通常のPythonファイルのコードとは異なり「セル」単位でコードが 動きます。 公式リンク(https://colab.research.google.com/?hl=ja)

Slide 9

Slide 9 text

Plotlyとは Python用のオープンソースグラフ作成ライブラリです。 折れ線グラフ、散布図、面グラフ、棒グラフ、エラー バー、箱ひげ 図、ヒストグラム、ヒートマップ、サブプロット、複数軸、極グラフ、 バブル チャートが作成できます。 Python用グラフ作成ツールで有名なのはMatplotlibですが、 Matplotlibは静的なグラフが作成できるのに対し、Plotlyでは動 的なグラフが作成できます。 公式リンク(https://plotly.com/python/)

Slide 10

Slide 10 text

スプレッドシート vs Google Colab & Plotly① 使用内容:ログファイルのように毎日更新 されるデータを可視化する 使用ツール:Google Cplaboratory 使用言語:Python 使用ライブラリ :pandas,numpy,plotly…etc 使用データ: 国土交通省気象庁の東京都と沖縄県の 気象データ2021年&2022年分

Slide 11

Slide 11 text

スプレッドシート vs Google Colab & Plotly② 東京都と沖縄県の気象データ2021年 &2022年分を使用して 平均気温と日照時間の関係をグラフ化し てみたいと思います。 実際に作成したものをそれぞれご紹介し ます。

Slide 12

Slide 12 text

スプレッドシート vs Google Colab & Plotly③ スプレッドシート

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

スプレッドシート vs Google Colab & Plotly④ Google Colab & Plotly

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

スプレッドシート vs Google Colab & Plotly スプレッドシート Google Colaboratory & Plotly メリット ・グラフの基となるデータを手軽に 加工できる ・画面上で手軽にグラフのレイア ウトを変えられる ・特別な知識は特に必要ない ・長時間経過してもデータとグラフ を保持することができる ・細かい調整(一枚に四つのグラフ を表示することなど)ができる ・様々なファイル形式で保存するこ とができるため、動的なグラフの みを共有できる ・コードさえ書くことができれば後 は簡単にグラフが作成できる デメリット ・画像出力しかできない ・動的なグラフのみを共有できな い ・似たようなグラフを複数作る場合 手間になる ・長時間データを保持して追加す る場合には向かない ・データ加工に知識 (Python,numpy,pandas,plotlyな ど)が必要

Slide 18

Slide 18 text

まとめ ある程度データの取得方法やグラフの形式などが似た動的なグ ラフを複数作成したい場合は まずスプレッドシートで試験的に作成し、その内容を基に Google Colab&Plotlyで自動的に出力できるように コードを書くことで きれいで動的なグラフを楽に作成できる!

Slide 19

Slide 19 text

ご清聴ありがとうございました!