JavaScript

ツールチップを表示する方法を調べました【jquery.balloon.js/フォーム/バリデーション/クリック】

jQueryは一時期に比べるとだいぶ下火になりましたが、まだまだ現役です!!便利なライブラリもたくさんあります。 今回、ツールチップを実装できるjquery.balloon.jsの使い方をメモしておきます。 jquery.ba...
JavaScript

Reduxでグローバルな状態を管理する【Redux Toolkit/カウンターアプリ】

Reduxは状態管理のライブラリです。今回Reduxを使ってカウンターアプリを作成しました。基本的な使い方になるのでメモしておきます! 用語や基本的な使い方はこちらの記事にまとめました。 サンプル:カウンターアプリ...
JavaScript

FirebaseとReactの連携についてまとめました【Cloud Firestore/v9/Todoアプリ/TypeScript】

今回、FirebaseとReactの連携の方法について、基本的な使い方をわかる範囲でまとめました。Firebaseのデータベース機能Cloud Firestoreを使って簡単なTodoアプリを作成します。 Firebaseとは ...
スポンサーリンク
JavaScript

サーバーにある画像のサイズや更新日時を取得する【JavaScript/非同期/Promise】

サーバーの画像サイズや更新日を取得して表示する機会があったので、実装方法を調べました。忘れないようにメモしておきます! 画像のサイズを取得する 次のように、画像の下にサイズを表示することを想定しています。 実...
JavaScript

Reduxの用語と使い方についてまとめました【React/React-redux/Redux Toolkit】

Reduxは状態管理のライブラリです。Reactに標準で実装されてるReactHooksのContext、useContextと同じようにグローバルな状態を管理します。 Reduxは独特な用語も多いし、考え方が複雑なので参考書を読ん...
css

CSSだけで文字をデザインする【見出し/文字の縁取り/text-shadow/text-stroke/background-clip】

最近は、テキストのデザインをCSSだけで再現することが多くなってきました。主に文字の縁取りを使ったデザインになりますが、「見出し」をCSSだけでいくつか作成しました。将来コピペできるようにメモしておきます! 使用しているフォント ...
JavaScript

Excelのデータをセルごとに分割してフォームにコピペする【JavaScript】

タイトルそのままですが、Excelのデータをフォームにコピペしたら、セルごとに分割してペーストされる動きをJavaScriptで実装したのでメモ。 セルごとに分割してフォームにコピペする動作を確認する(デモ) 例えば、次のよう...
JavaScript

TypeScriptの基本的な記述方法をまとめました【JavaScript/React】

どうしてもTypeScriptの書き方に慣れません、、。React限定ですが、書き方の基本をまとめたのでメモしておきます!変なところに気づいたら直します、、、。 プリミティブ型 TypeScriptとは、ざっくりな認識ですが、...
JavaScript

ストップウォッチを作成しました【JavaScript/Vanilla/React/useEffect】

JavaScriptでストップウォッチを作りました!普通のJavaScript(Vanilla)とReactバージョンを作ったのでメモしておきます。 ストップウォッチ(JavaScript版) まずは、普通のJavaScrip...
JavaScript

useReducerの使い方についてまとめました【React】

stateとは、コンポーネント内で状態を保持できる変数です。Reactには、stateを管理できるフックがいくつか用意されています。 stateの管理は、主にuseStateを使っていたので、useReducerを使う機会があまりあ...