はじめに 前回の続きで Flask の話です。 データ分析のみならず、データセットの加工に便利なため、バックで pandas を採用しているケースを想定しています。 Flask はテンプレートエンジンとして Jinja2 を採用しています。このとき pandas のデータフレームのほうで欠損値を持っていることって結構あるんじゃないかと思います。 データフレームの欠損値をそのまま Jinja2 でウェブページに出してしまうと恐ろしいことに None だとか nan と表示されてしまいます。事前に data.fillna(0) などで欠損値を埋めればいいのですが、今回はテンプレートエンジン側での回避方法を説明します。 テンプレートで欠損値を表示しない 数値型・欠損値 の場合 数値型のデータに欠損値がある場合、そのまま表示させると nan (Not A Number) が表示されます。そこで n
![Jinja2 テンプレートエンジンにおける nan/None の空白化や数値カンマ区切りといった編集方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d7f6521f233c6b8478f6012da873334fc1506f6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SmluamEyJTIwJUUzJTgzJTg2JUUzJTgzJUIzJUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgyJUI4JUUzJTgzJUIzJUUzJTgxJUFCJUUzJTgxJThBJUUzJTgxJTkxJUUzJTgyJThCJTIwbmFuJTJGTm9uZSUyMCVFMyU4MSVBRSVFNyVBOSVCQSVFNyU5OSVCRCVFNSU4QyU5NiVFMyU4MiU4NCVFNiU5NSVCMCVFNSU4MCVBNCVFMyU4MiVBQiVFMyU4MyVCMyVFMyU4MyU5RSVFNSU4QyVCQSVFNSU4OCU4NyVFMyU4MiU4QSVFMyU4MSVBOCVFMyU4MSU4NCVFMyU4MSVBMyVFMyU4MSU5RiVFNyVCNyVBOCVFOSU5QiU4NiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OGZlNDBlNWVhMDJiMDA3YjRlYThlNzA0NjQ0MDc3ZmI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5bmFrYXlhbWEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTU5MzAzYTNhMzMxZTg5YzBhM2ExNjIyZmY0NDliYmIy%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da5dd0d6646a709199bef447a772b407d)