「その会議いくら？」を算出する(JavaScript)
はじめに JavaScriptの基礎を学んだ後に最初に作成したミニアプリです。 動機 仕事で比較的な大きなプログジェクトに関わっているとき、30人以上が参加する「定例進捗会議」に出ることがありま...
176
94
Comment8
63 search resultsShowing 1~20 results
Stocked
You need to log-in
実践！令和 500円貯金(投資)をするといくら貯まるのか？(Vue.jsでのグラフ&テーブル表示)
はじめに 昨年2019年、元号が「平成」→「令和」に変更されました。普段、元号使わないし、「いま平成何年だっけ？」と考えるのは、煩わしいと思っていました。しかし、予想以上に令和への改元が盛り上が...
5
1
Comment1
【Google MAP】クリックによる多地点間の距離を取得する(ルート考慮)
はじめに 前回、以下の投稿をしました。 今回は続きで、徒歩や自動車などの移動手段をもとにルートを考慮して、地点間の距離を求めてみたいと思います。参考にさせていただいたURLのほとんど載っていまし...
1
3
Comment0
合計行を含んだHTMLテーブルをソートする
はじめに ・以前、JavaScriptで、DBにためている自分のQiitaのデータ（QiitaAPIにて取得）を「2軸グラフ」と「テーブル」に表示してみる、というを実施しました。（Qiita：C...
2
2
Comment0
【個人開発】ランキング自動生成サイト(Python/Django)
やりたかったこと 個人でWEBサイトを作成して、HTML・CSS・JavaScriptを使ってきましたが、更新作業は面倒な部分もあります。自動で内容が更新されるWEBサイトを作成したいなと思いま...
36
44
Comment0
【Google MAP】2点間orクリックによる多地点間の距離を取得する(直線距離)
はじめに GoogleMAPで距離を知りたい、ということはよくあります。普通に、GoogleMAPで「出発地」「目的地」「移動手段」を入力すれば、簡単にルートと距離を知ることができます（本当に素...
1
2
Comment0
爆速作成：TailwindCSSのみでMasonryレイアウトを作成する
はじめに これまで、Masonryレイアウト(画像を石やレンガを壁に敷き詰めるように配置するグリッドレイアウトのこと)の作成は、JavaScriptを使用したりCSSを工夫したりという方法があり...
1
1
Comment0
投資実績3軸グラフ・テーブル表示(GoogleスプレッドシートAPI連携)
はじめに 以前に下記の投稿をしました。 GoogleスプレッドシートとAPIでデータ取得をしてみました(Google MAP) 令和500円投資というのを実施しています。 QiitaAPIを使用...
1
1
Comment0
Google Chartsで地図データを表示する(Geo Charts)
はじめに Googleスプレッドシートに読み込み元のデータを用意し、それをGoogle ChartsでWeb表示してみたいと思います。 今回は、地図に描画してわかりやすい世界の平均寿命を表示して...
0
2
Comment0
【Google MAP】スプレッドシートAPI連携による日本世界遺産の表示
はじめに：やりたいこと Mapにピンを打ったり、その場所を表示するには、緯度・経度情報が必要になります。 以前、こちらの記事(Qiita)にて、DBから読み込み方法を試しました。 最近、観測史上...
18
10
Comment0
【Google MAP】緯度・経度情報などをDBから読み込んでMAP表示させる(Ajax)
はじめに・やりたいこと Mapにピンを打ったり、その場所を表示するには、緯度・経度情報が必要になります。 プログラムの中に、緯度・経度の情報を直接書き込むのではなく、MySQLなどのDBに情報を...
19
33
Comment0
【Google MAP】名称から場所を検索・特定する
Google Map API v3 名称から場所を検索・特定する はじめに Googleに限らずMapを扱うときには、まずは、その場所の緯度経度の情報が必要というのが基本ですが、やりたいことによ...
58
61
Comment0
「時間バッテリー」を表示する(JavaScript)
はじめに JavaScriptの基礎を学んだ後に2番目に作成したミニアプリです。 どの言語でもそうだと思いますが、日付や時間を扱うのはプログラミング基礎を学んだ後にやっておくとよいと思っておりま...
1
2
Comment0
献血データをダッシュボード管理画面にグラフ表示する（Vue.js）
はじめに こちらの投稿を拝見しました。 100回すごいなぁと思いつつ、自分の献血のデータを確認してみたところ、30回弱といったところでした。100回には遠く及ばないですが、データを表示する・調べ...
5
7
Comment0
名所と名言、動的に変化させ表示させる(JavaScript)
はじめに 絶景と名言が好きなので、まとめて表示してみようと思います。（"絶景を見ながら偉人の名言を"、という本は、たくさん出版されていますが、それと同類のものです） 内容 Webサイトに写真を表...
1
1
Comment2
Chart.jsを使用して複数軸のグラフを表示する(Javascript)
はじめに こちらの投稿（【Qiita API】いろんな方法で Views、Likes、Stocksを取得（JavaScript、Google Script、Python, Vue.js）で、Qi...
5
6
Comment0
【Google MAP】Googleスプレッドシート API連携 + 絞込み
はじめに ・以前、外部サービス(Sheetson)を利用してGoogleスプレッドシートAPI連携をしました。 （Qiita：【Google MAP】スプレッドシートAPI連携による日本世界遺産...
9
14
Comment0
【HTMLのみでOK】class/id必要なしの超手軽で軽量なCSSを利用する
はじめに 「bootstrap」に代表されるCSSフレームは、とても便利ですので利用してきました。普段から使い倒しており、もう身についた、という方であれば問題ないと思いますが、たまにしか使わない...
3
4
Comment2
あなたのWEBサイトを爆速でダークモードにする(Darkmode.js)
はじめに macOS Mojaveからダークモードが搭載され、i0S13でもダークモードが採用される予定です。流行っているこのダークモードは、省エネ・目に優しいといったメリットがあるそうですが、...
179
133
Comment2
MoneyFoward MEのマイデータをスクレイピングして自分の好きな分類で集計する(Python)(1)
はじめに 家計簿・資産管理アプリの代表格MoneyFoward MEを使用しています。 家計簿ではなく、ほぼ資産管理としての使用になります。MoneyFowardに限らず、他にも類似の資産管理・...
8
11
Comment0
63 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles