PyCon JP 2021スタッフのconnpassイベントの回数をスライドにグラフで表示できる

[ftnext]

PyCon JP 2021スタッフのconnpassイベントの回数をスライドにグラフで表示できる

[ftnext]

スクレイピング

https://www.crummy.com/software/BeautifulSoup/bs4/doc/#find-all

soup.find_all("p", "title")

• 第1引数 name：HTMLタグの名前（pタグ）
• 第2引数 attrs：クラス（titleクラス） ←これを指定できる

かつて書いたスクリプトはnameを指定して解決していた
https://github.com/ftnext/anime-fan-python/blob/fa83b36592b8a55d74889ca7ab12d45daa5f6e53/zero-wa-giri/anime_list.py

spanの除き方がぱっと分からなかったので、ルールベースでspanの部分の文字列を除去した
（除きたい文字列が固定だったので、removeprefixで除いた）
https://www.python.org/dev/peps/pep-0616/

[ftnext]

Reveal.jsスライドでグラフにして表示

GitPitchでChart.jsが使えていたことを思い出し、Reveal.jsでも使えるだろうと手を動かしてみた（きれいなグラフ表示をしたかった）
https://github.com/geekygirlsarah/gitpitch-cheat-sheet/blob/master/README.md#charts

Chart.jsはv3（ヒットする日本語翻訳はv2なのでプロパティ名など変わっていることに注意）

棒グラフで出したかったので、https://www.chartjs.org/docs/latest/getting-started/usage.html の例を使用
https://www.chartjs.org/docs/next/charts/bar.html （積ん読。細かい設定用）

HTMLのスライドではCDNから入手
https://cdnjs.com/libraries/Chart.js
ref: https://www.chartjs.org/docs/latest/getting-started/installation.html#cdn

スライド全面に出てしまう事象には、options.responsiveをfalseに指定
https://www.chartjs.org/docs/latest/configuration/responsive.html#configuration-options

色の指定（全7色用意されている）
https://www.chartjs.org/docs/latest/samples/utils.html

Reveal.jsのスタイルは黒背景なので、文字の色を変えた

• フォントサイズ Chart.defaults.font.size https://www.chartjs.org/docs/latest/general/fonts.html
• フォントカラー Chart.defaults.color https://www.chartjs.org/docs/latest/general/colors.html

[ftnext]

Future works

• 書き方が簡単になるのではないかと思うので、scrapyを試してみたい
• Reveal.jsのChart.jsプラグインを試したい（記述が減るのではないか）
  • https://github.com/rajgoel/reveal.js-plugins/tree/master/chart

[ftnext]

fb99868 Chart.jsで動作したのでclose