No | タイトル | 説明 |
---|---|---|
1 | その会議いくら? | 「参加人数」「平均月給」「月の仕事時間」を入力パラメータに、その会議いくら?を算出 |
2 | 時間バッテリー | 現在を基準に、年末まで・月末まで・今日の終わりまでを算出してプログレスバーに表示 |
3 | Qiitaデータ表示 (グラフ表示・テーブル表示) |
DBに(pythonにて)日々貯めているQiitaDataを取得。 <グラフ>現在日付から過去1カ月のデータを取得。chart.jsにてグラフ表示する。 <テーブル>本日日付のデータをテーブル表示する。 |
4 | 積み立てシミュレーション | Vue.jsにてグラフ&テーブル表示(積立期間(年)・毎日積立金額(円)・利回り(%)を設定) |
5 | 令和500円投資実績表示 (グラフ表示・テーブル表示) |
GoogleスプレッドシートとAPI連携しデータを取得し、グラフとテーブルを表示 |
6 | 世界の平均寿命(2020年/WHO) (地図表示・テーブル表示) |
世界の平均寿命の上位・下位20カ国の地図とテーブルを表示(GoogleSpreadSheet-API連携) |
7 | 献血管理ダッシュボード (サンプルデータ) |
Vue.jsのテンプレートを使用して、グラフ管理ダッシュボードを作成(献血の結果) |
8 | 世界の名所と名言と(1) | 名所と名言、動的に変化させ表示させる(JavaScript) |
9 | 世界の名所と名言と(2) | No8に続いて、表示写真を増やしTailwindCSSにてMasonryレイアウトをやってみる |