初めに Firestoreを利用する上で当たり前のように行うドキュメントの追加ですが、ちょっと間違うと大変なことになりえるので書いておきたいと思います。 ２つの追加方法 公式ページにちゃんと書いてあ…
認証基盤にAWS Cognitoを採用し、それらをバックエンドAPI(今回はNestJS)に実装してみました。 基本的なユースケースに対応したコードを紹介します。 (メールアドレスの変更は現在は問題…
はじめに svelteJSを使ってアプリケーションを構築しており、 routingの実装をsvelte-routingで実装したのでその時のメモ。 使ったもの Vite + Svelte + Typ…
やりたいこと nuxt(javascript)からlaravelへapiで配列データを渡したい。 結論 jsからapiへ渡すときはこうなる for (let i = 0; i < this.form…
Webストレージの使用方法 最近のブラウザではCookieより高機能なストレージとして、Webストレージが使われています。 ただし使い方によってはセキュリティインシデント発生の可能性を孕んでいるため…
なんで気になった？ 私はgoで作成していたCLIアプリケーションを時々微改修していたのですが、ふと思い立って、多数のファイルを逐次処理する箇所にプログレスバーを表示しようとしていました。コマンドライ…
開会のご挨拶 See the Pen Untitled by 島尻 亮汰 (@ryota-shimajiri) on CodePen. ルパンのタイトル風の始まりの挨拶でした〜
Object（連想配列）を使う 連想配列とは 通常の配列と同様に、キーとバリューの組み合わせだが、キーに文字列を採用することができる。 let colorsObj = { red: "あか",① g…
この記事は、データベース側で保存されている形式と異なる形式で入出力する場合のクリーンな設計方針について解説します。 例として、進捗率（progress）がデータベース側で比率（0.00～1.00）と…
この記事は、ビジネスドメイン（主に、データベース側で保存されている形式）と異なる形式で入出力する場合のクリーンな設計方針について解説します。 例として、進捗率（progress）がデータベース側で比…
Sharperlight ships with the Kendo JavaScript library. The Kendo JavaScript library provides various…
<p><input type="checkbox" name="chk1" onclick="setDisplay()">表示切替</p> <div id="iupd" style="display…
今回個人サイトにMetaMaskを接続できるプログラムを作成しました。 必要な物 npmコマンドが利用できるパソコン（Node.js） MetaMask Wordpressが動く環境 事前の準備はこ…
三項演算子 これはある条件?条件がtrueの時 : 条件がfalseの時のような書き方をします。 実際に手を動かして色々組み替えて動かしてみてください！ const val1 = 1 > 0 ? "…
HTMLのclass属性で複数要素を取り出す HTML内にclass属性をつけて、その要素を操作することはよくある。「JavaScriptの基礎をおさえる①」でfruitというclass属性のつい…
自分用学習メモ リテラルとは リテラルとは、プリミティブ型や一部のオブジェクト型に格納できる値の事 const str = 'hello'; //文字列リテラル const x = 123; //…
twigのテンプレートに変数をセットし、それをJavaScriptで取得する {% set hoge = "ほげ" %} //変数hogeに、ほげをセット <script> const foo = …
概要 javascriptでCSVのデータを扱う必要が出てきたけど手ごろなCSVパーサーがライブラリが見つからなかったので自作してみたという内容です。 よく正規表現でパースするコードは見つかるけ…
# 参考動画 https://www.youtube.com/watch?v=nRCNL9T3J98 https://www.youtube.com/watch?v=ANcopd8Bmao&t=86…
はじめに 今回は Javascript の学習を支援できるように、基礎となる jQuery を使った3つの問題（初級編）をご用意してみました。 これから jQuery を学習する方や知識がある方にと…
CSSの:has()が便利だったのでメモです。 当初JSとcssを使ってましたが、has()を使うことでcssのみでいけました。 行いたいこと ラジオボタンクリックで要素を表示 初期状態では要素非表示…
始めまして。ソフトウェアメーカーで働いている新卒1年目のぺーぺーエンジニアです。 自社製品の話なのですが、今までElectronで開発していたものを、EC2へ移行するということをやろうとしています。…
バイトのシフトなど、予定を手入力でカレンダーアプリに登録していませんか？ 私のバイト先ではシフトがexelの表で公開されるので、毎回手入力でカレンダーに登録していました。そして登録漏れによってバイト…
簡易自動演奏Webアプリの開発の忘備録です <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equ…
