Comments (4)
スクレイピング
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/
from 2021_slides.
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
from 2021_slides.
Future works
- 書き方が簡単になるのではないかと思うので、scrapyを試してみたい
- Reveal.jsのChart.jsプラグインを試したい(記述が減るのではないか)
from 2021_slides.
fb99868 Chart.jsで動作したのでclose
from 2021_slides.
Related Issues (20)
- 2021/09 はんなりPython LT フィードバックスライド反映
- コマンドでjpg画像もGitHub Pages用ディレクトリに配置できる HOT 2
- 変更をpushした際にdeployslideコマンドのテストが落ちていることに気づける
- 2021/09 pycharity LT フィードバックをスライド反映 HOT 1
- 2021/11 OSC福岡 20分登壇スライドドラフト作成
- 2021/11 PyCon mini Shizuoka 5分LT準備
- 2021/11 GAS活 5分LT準備
- 11月 OSC Fukuoka トークスライドアップデート
- 2021/11 ラクス オブジェクト指向LT会 5分LT準備
- 2021/12 イベント振り返り登壇スライド作成
- 2021/12 みんなのPython勉強会10分トークスライド作成
- アイの歌声を聴かせてはいいぞオススメスライド作成
- 正規分布のベル型グラフをChart.jsでスライドに表示する方法を知っている
- 2021/12 Tech BASE Okinawa 5分LTスライド作成
- Reveal.js製スライドをPDFに変換する方法を知っている
- 2022/01 PyCon Kyushu 2022 Kumamoto発表スライドが作れる状態になっている
- toolsのOGP画像作成コードを切り出して再利用できる HOT 1
- OGPイメージ撮影スクリプトをPath.as_uri()を使った実装に切り替える
- 2021_slides以外のディレクトリのファイルパスを渡してOGP画像作成スクリプトを実行できる
- OGP画像作成スクリプトをDockerコンテナとして動かせる
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from 2021_slides.