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レイアウトをやってみる |
No | タイトル | 説明 |
---|---|---|
1 | 座標の取得 | Google Maps でとても重要な緯度と経度の割り出し。マーカーを移動することによって、座標を取得する |
2 | 位置情報+施設情報 | ユーザ位置情報から地図を表示し、施設情報を検索する |
3 | 日本の東西南北4最端 | 日本4最端(一般人が気軽に行けるところ)の表示 |
4 | 場所検索 | 名称検索により場所を特定する |
5 | 2点間の距離計算 | 2点間の距離を求める(直線距離) |
6 | クリックによる多地点間の距離計算1 | クリックにより指定した多地点間の距離を求める(直線距離) |
7 | クリックによる多地点間の距離計算2 | クリックにより指定した多地点間の距離を求める(ルート考慮:徒歩・車)(参考にさせていただいたページ) |
8 | 世界最大リスト | 世界も最大・最長リスト(DB読取 + Marker Clustering) |
9 | 日本マイリスト | 日本のいろいろ一覧(Google SpreadSheet API連携 + タグによるデータの絞込み) |