JavaScriptのオブジェクトにプロパティ（key, value）を追加する方法
オブジェクト型に値を追加したい場合 プログラム書いてて一瞬「あれ？どうやるんだったっけ？」となったのでメモ。 追加方法その１：配列と同じように扱う オブジェクト[key] = valueで実装します。 let user […]
Search Results for: JavaScript
JavaScriptでInternet Explorer（IE）のブラウザ判定をする方法
ブラウザごとで処理を分けたい 導入した他社サービス（JavaScriptで組込み）がどうやらInternet Explorer（IE）に非対応のようで、IEでの閲覧時には動作しないように判定しないといけなかったのでそのメ […]
JavaScriptで数値をゼロパディング（ゼロ埋め）の文字列に変換する方法
ゼロパディング（ゼロ埋め）をJavaScriptで実装するには？ かなり今更感があるのですが、ちょっと目からウロコだったのでメモ。今まで、ゼロパディングといえば、以下のような処理方法で実装していました。例は、日付の前にゼ […]
HTML / CSS / JavaScript（jQuery）でビンゴゲームを作成
ビンゴゲームデモページ まずは何はともあれ完成品を見てみましょう。ルーレットを回す際に音が出ますのでご注意を。 >> JavaScriptでビンゴゲーム ソースコードは、記事最後にGitHubのUR […]
GoogleタグマネージャーでJavaScriptの配列指定と配列の長さを取得する方法
Googleタグマネージャーで配列の中身を取得したい JavaScriptの値をGoogleタグマネージャー（以下、GTM）で使用できるのは理解できているのですが、配列となった場合どうやら少し取得方法が異なる模様。例えば […]
JavaScriptの配列・連想配列のキーの存在チェック方法
配列キー値の存在チェック 配列・連想配列のキーが存在するかのチェック方法のまとめ。 通常配列のキー存在チェック チェック方法は、単純にif文に直接条件として設定すればよいです。 var foo = []; foo.pus […]
JavaScriptのapplyとcallメソッドの動作とその違い
applyメソッドの動作 まずはapplyメソッドの基本動作から。baz()関数を作成して、関数内でthisを参照してみます。 ‘use strict’; var obj = {foo: ‘foo value’}; fu […]
JavaScriptのプロトタイプ（prototype）まとめ
プロトタイププロパティ JavaScriptで関数を生成すると自動で、prototypeプロパティが生成されます。 function MyClass(x) { this.x = x; } var foo = new My […]
JavaScript配列のプロパティやメソッド
プロパティ 配列のプロパティには以下のようなものがあります。 length 配列の要素数を整数で返します。MAX値は2の32乗（正符号）未満の値。 var foo = [‘foo’, ‘bar’, ‘baz’]; co […]
JavaScriptの配列・多次元配列・連想配列の基本
配列の定義 JavaScriptでは配列をオブジェクト（Array）として扱われます。定義の方法は2つあって、配列リテラル式のブラケット（[]）で生成する方法とnew式でArrayコンストラクタを呼び出して生成する方法が […]
JavaScriptのStrict（厳格）モードまとめ
Strictモード（厳格モード）とは？ JavaScriptの言語仕様は曖昧な部分が存在します。他の言語であればエラーになるはずの処理がStrictモードの宣言をしていなかった場合、処理が通ってしまい、エラーは発生してい […]
JavaScriptの変数・型・型変換・スコープ
変数（variable） 変数名の命名規則 JavaScriptの変数の命名規則には次のようなものがあります。 大文字／小文字は区別される。 最初の文字は、半角英字／アンダースコア／ドル記号以外使用できない。 2文字目以 […]
LookerStudioでGA4とGTMのdataLayerでセットしたパラメータを集計する方法
サイト内検索を分析したい とあるお客様の分析をしていて、LookerStudio を利用してレポートを提出しています。通常のサイト内検索であれば、GoogleAnalytics（GA） 側の設定画面（歯車マーク）で、「デ […]
MutationObserverでinput要素の値の変化を監視する方法
input要素のvalue属性の値を監視したい 例えばinput要素のtype属性がhidden値のHTMLElementのvalue属性の値をフォームの送信時にセットするのではなく、何かしらのアクションがあったタイミン […]
Handlebarsで日付のフォーマットを自由に設定できるヘルパー関数（自作）
日付の形式を自由に変更したい Handlebarsで日付の表示形式を指定したくてヘルパー関数を自作。以下のコードをhandlebars.jsの本体を読み込んだ後に記述。 /** * Handlebars Helper D […]
WordPress内のPHPファイルにAjax通信を行う方法と注意点
JavaScriptでWordPress内のPHPファイルにAjax通信を試みる 実装する機会があったので、改めて調べてみました。WordPressのCodexに書いてあるwp_ajax(action)の説明を参考にして […]
WordPressのテーマ情報を取得する方法
WP_Themeオブジェクト 今まで知らなかったのが不思議なくらい基本的な内容。テーマの情報をちゃんとWordPressはオブジェクトとして保持してくれている。何がやりたかったかというと、JavaScriptやCSSをw […]
WP_Widget コンストラクターメソッドの非推奨エラーの解消方法
WordPresss4.0から5.0.3へのバージョンアップでエラー とあるお仕事でWordPressのバージョンが古すぎて不安なので、バージョンアップを行ってほしいという依頼を受けました。その際にテーマファイルでウィジ […]
ホームページ以外のページにアクセスした時にホームページにリダイレクトさせる方法
サイトクローズに伴う対応 サービスの終わりは儚く哀愁が漂うものです。サービスページのクローズをする時に「サービスが終了しました」的な文言をホームページに表示して、ホームページ以外のページにアクセスした場合、ホームページに […]
Googleスプレッドシートの値をHTMLテンプレートに出力して保存する方法
HTMLメール用のソースコード生成を自動化したい ECサイト制作をやっていると、販促用のメールマガジンを作ることがよくあります。HTMLメール自体はテンプレート化されていて、変更するのは商品情報だけ。その場合、毎回ソース […]
WordPress制作マニュアル
WordPressのテーマやプラグインの制作を行う上で実行すべき事項や規約、便利なプラグインなど自分の中で定めているルールをまとめておこうと思います。随時更新。 コーディング規約 WordPress.org で定めてある […]
最近のコメント