カテゴリー
ネタ

【きらファン】原典表示方法を変えました

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