googleDocの内容をまるまる張り付けるとさすがに文字が小さすぎるので、フォーマットを変えて表示できるようにしてみました。せっかくだからソース残してみる。
====内容====
・キャラ―クラス(レア度とかも)―スキル、の階層構造をベースに アコーディオン(折り畳み形式)で表示する。
・表示用のHTMLファイルは、一覧にまとめたxlsxファイルをもとに、python(pandas 導入済)で生成。
・HTMLの生成においては、全体(div00)、クラスごとのテーブル(div01)、スキルごとの列(div02)のひな型テキストから、必要なところだけ置き換えて作る。
※スキルごとにコメント入れられる形式にしたのは、個人的にそういう細かいコメントを読むのが好きだから。
createHtmlTable.py
:HTML作成用のpythonファイル
template_00_div_accbox.html
:全体(div00)のひな型。冒頭部分しかない・・
template_01_div_inputLabel.html
:クラス毎のひな型。アコーディオンのラベル単位
template_02_div_tr_content.html
:スキル毎(1行ごと)のひな型。
kirara.css
: アコーディオン表示用のCSS
きららファンタジア一覧.xlsx
: inputのexcelファイルのイメージ
output.html
: python実行結果のイメージ
アコーディオン表示は、以下のサイトを参考にさせていただきました。
https://saruwakakun.com/html-css/reference/hidden-show