psmuler
commented
1 year ago Pythonでの実装を提案します。以下のコードは、JSONファイルを読み込み、HTMLファイルに変換して表形式で表示します。このコードは、Pythonのjsonモジュールと、ファイルの読み書きを使用しています。
import json
def json_to_html(json_file, html_file):
with open(json_file, 'r', encoding='utf-8') as f:
data = json.load(f)
html = '''<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JSON to HTML Table</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>名前</th>
<th>詳細</th>
<th>緊急度</th>
<th>重要度</th>
<th>親</th>
</tr>
</thead>
<tbody>
'''
for item in data:
html += f'''<tr>
<td>{item["name"]}</td>
<td>{item["detail"]}</td>
<td>{item["urgency"]}</td>
<td>{item["importance"]}</td>
<td>{item["parent"] if item["parent"] else "null"}</td>
</tr>
'''
html += ''' </tbody>
</table>
</body>
</html>
'''
with open(html_file, 'w', encoding='utf-8') as f:
f.write(html)
# JSONファイルとHTMLファイルのパスを指定して、json_to_html関数を呼び出します。
json_file = 'tasks.json'
html_file = 'tasks.html'
json_to_html(json_file, html_file)このコードは、tasks.jsonファイルを読み込み、tasks.htmlファイルに変換して表形式で表示します。json_to_html関数にJSONファイルとHTMLファイルのパスを指定して呼び出してください。HTMLファイルは、5x5の表で名前、詳細、緊急度、重要度、親の項目が表示されます。
jsonファイルを読み込んでhtmlファイルに変換する機能をpythonあるいはjavascriptいずれか一方のやりやすい方で実装してください。 各jsonアイテムが持つ二つのパラメータに沿ってhtml上に表形式でアイテムを表示したいです。 各アイテムが以下のようになっており、2軸のそれぞれは「重要度(importance)」と「緊急度(urgency)」で、1~5の値をとります。各アイテムは5*5の表内にnameのリストで記述されます。
{ “name”: //このタスクの名前 “detail”: //このタスクをなぜ実行すべきか。実行によって達成されること。 “urgency”: //このタスクの緊急度 “importance”: //このタスクの重要度 “parent”: //このタスクより大分類のタスク。なければnull。 }