HTML プログラミング基礎 : 絶対パス・相対パスの書き方(設定例もいくつかご紹介) 本記事では、絶対パスと相対パスの書き方(設定方法)についてまとめております。比較的相対パスで躓く方も多い印象なので、設定例もいくつかご紹介!!使用言語は、HTMLのみですので、まだプログラムを学習を始めて日が浅い方も是非、参考にしてください。 2024.02.07 HTML
React.js 【React hooks】useEffectの使い方 – 第二引数の活用例もご紹介! React hooksの一つであるuseEffectについてご紹介をしてます。主な内容としては、基本的な記述方法(コードの書き方)から依存配列(第二引数)の使い方までサンプルコードを用いて、まとめてます。 2023.06.22 React.js
React.js react has no exported member { hooksの関数名 } と表示された時の対処法 React × TypeScript × Next.jsで開発を行う上で、発生したエラー(react has no exported member { hooksの関数名 })の対処法についてご紹介しています。必要なライブラリを導入することで解決できる可能性が高いです。 2023.06.06 React.js
JavaScript [ JavaScript 基礎 ] 配列内のオブジェクトを操作する(値の取得/値の更新) 本記事では、JavaScriptで複数オブジェクトが格納されている配列から特定のオブジェクトを取り出す方法、オブジェクトから特定の値のみを取り出す方法、オブジェクトから取り出した特定の値を変更(更新)する方法についてご紹介してます。(mapメソッドとfilterメソッドを使用) 2023.06.03 JavaScript
JavaScript [ JavaScript 基礎 ] Cookieにデータを保存 / データの取得(参照) 今回は、JavaScriptを用いて、Cookie(クッキー)にデータを保存する方法(document.cookie)と保存したデータを参照する方法についてサンプルコードを用いながら解説しています。デベロッパーツール上でのCookieデータの確認方法も載せてます。 2023.05.06 JavaScript
JavaScript [ JavaScript 基礎 ] window.print : 印刷ダイアログを表示&印刷範囲の変更 今回は、JavaScriptでボタンを押した際に印刷画面(印刷ダイアログ)を呼び出せるようにしたいと思います。印刷する範囲を指定する方法(印刷用CSSを記述する方法)と詳細設定の初期値を変更する方法もあわせてご紹介していきます。 2023.05.04 JavaScript
laravel laravel9. : バリデーション(エラーメッセージ)を日本語化する方法 本記事では、laravel9.xの環境でバリデーション(エラーメッセージ)を日本語化する方法について、「コマンド」と「手動」の2パターンで行う方法についてご紹介しております。また、エラーメッセージの編集方法やカスタムバリデーション属性名の設定についても説明してますので、参考になればと思います。 2023.02.12 laravel
TypeScript [ Reactで学ぶ ] TypeScript 基礎 : 配列・オブジェクトの型定義方法 本記事では、React.jsのプロジェクト内でTypeScriptでコーディングをする際に、配列・オブジェクトでどのように型定義をすれば良いのか解説してます。サンプルコードも載せておりますので、学習・開発の参考になればと思います。 2023.02.01 TypeScript
React.js [ React hooks ] useRefの使い方・サンプルコード (useStateとの違いも解説!) 本記事では、React hooksの一つである「useRef」についての使い方からuseState・useReducerとの違いまで解説しております。また、「カウンター機能」と「ref属性の活用」の2本立てでサンプルコードを掲載しておりますので、学習の参考にしてもらえたらと思います。 2023.02.01 React.js
JavaScript [ JavaScript 基礎 ] Null合体演算子の使い方 & 注意点 本記事では、JavaScript・TypeScriptの構文であり、&&(AND)や||(OR)と同じ論理演算子の1種である「Null合体演算子」の使い方や注意点について、ご紹介しております。if文やswitch文など条件分岐に適した他の構文と比較したサンプルコードも載せてますので、参考になればと思います。 2022.12.26 JavaScript