WebTailwindCSSでクラス名を一つにまとめる方法
やりたいこと
下のボタンみたいに共通して使うTailwindCSSのクラス名を"white-button"みたいなクラス名にまとめたい
<button class="border p-2 mt-2 w-36 rounded-full ...
Web
Web
Vue.js/Nuxt.js複式簿記で家計簿を付けることができるWebアプリ「複式家計簿」をリリースしました！！
作ったサービスできること
複式簿記で家計簿を付けることができます。主な機能：複式簿記による仕訳、独自の勘定科目の設定、資産の管理、損益の計算技術的な話
フロントエンドはNuxt.js（JavaScript）
バック...
Node.jsJavaScriptで数字をカンマ区切りで表示する方法
今回は数字→カンマ区切りの数字に変換する方法を書きます。変数を変換
let n = 1000
n = n.toLocaleString()
console.log(n)
数字を直接変換
console.log((1000).toLoca...
Node.jsJavaScriptでFirebase Realtime Databaseにtimestampを保存する
備忘録です。下のコードでタイムスタンプを保存するとクライアントの環境に関係なくFirebase側の時刻でタイムスタンプが保存されます。
firebase.database.ServerValue.TIMESTAMP
例
let db =...
Node.jsJavaScriptでtimestampを取得する
JavaScriptでtimestampを取得する方法を備忘録として残しておきます。
Dateオブジェクトの生成
はじめに取得したい時間のDateオブジェクトを生成しておきます。
let datetime = new Date(2021,6...
WebCloudFlare経由でのアクセスでNginxが受け取るIPアドレスを正しくする方法
CloudFlare経由でNginxへのアクセスがあった際に本物のIPアドレスを取得する方法を紹介します。Nginxの設定ファイルに下のように追加することでヘッダーのX-Forwarded-Forに正しいIPアドレスが入ります。No...
WebjQueryで進捗バーの進捗状況を更新する方法
今回はjQueryで進捗バー（progressタグ）の進捗状況を更新する方法を紹介します。HTML
<progress id='progress' max='100' value='0'></progress>
...
WebjQueryでコンテンツの表示・非表示を切り替える方法
今回はjQueryを使ってコンテンツの表示・非表示を切り替える方法を紹介します。
$("#コンテンツ").hide() //隠す
$("#コンテンツ").show() 表示するボタンを押すごとに表示・非表示を切り替えるサンプル
<...
Web[HTML,CSS] hrタグの色を変更する方法
自分でHTMLを書いているとき迷ったのでメモしておきます。
<hr style="background-color:red">
cssでhrのbackground-colorに変更したい色を指定することで変更できます。
WebjQueryでファイルを送信する方法
今回はjQueryを使ってファイル送信をする方法を紹介します。
コード
function file_upload(){
var fd = new FormData();
fd.append('upload_file', $('#...