JavaScriptで数値をゼロパディング（ゼロ埋め）の文字列に変換する方法
ゼロパディング（ゼロ埋め）をJavaScriptで実装するには？ かなり今更感があるのですが、ちょっと目からウロコだったのでメモ。今まで、ゼロパディングといえば、以下のような処理方法で実装していました。例は、日付の前にゼ […]
Search Results for: 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文字目以 […]
WordPress内のPHPファイルにAjax通信を行う方法と注意点
JavaScriptでWordPress内のPHPファイルにAjax通信を試みる 実装する機会があったので、改めて調べてみました。WordPressのCodexに書いてあるwp_ajax(action)の説明を参考にして […]
WordPressのテーマ情報を取得する方法
WP_Themeオブジェクト 今まで知らなかったのが不思議なくらい基本的な内容。テーマの情報をちゃんとWordPressはオブジェクトとして保持してくれている。何がやりたかったかというと、JavaScriptやCSSをw […]
ホームページ以外のページにアクセスした時にホームページにリダイレクトさせる方法
サイトクローズに伴う対応 サービスの終わりは儚く哀愁が漂うものです。サービスページのクローズをする時に「サービスが終了しました」的な文言をホームページに表示して、ホームページ以外のページにアクセスした場合、ホームページに […]
WordPress制作マニュアル
WordPressのテーマやプラグインの制作を行う上で実行すべき事項や規約、便利なプラグインなど自分の中で定めているルールをまとめておこうと思います。随時更新。 コーディング規約 WordPress.org で定めてある […]
Googleタグマネージャーでソースコードの一部を取得する方法
タグマネージャーでソースコードをスクレイピングしたい タグマネージャーでECサイトのコンバージョンタグの設定をしていると、購入完了画面で取得したい情報があります。自社管理のサイトなら自分でカスタマイズしてその情報を出力す […]
Atomエディタのショートカットキーまとめ（コード編集）
他のショートカットキーまとめ Atomエディタのショートカットキーまとめ（タブ操作） Atomエディタのショートカットキーまとめ（TreeView） ショートカットキー一覧（コード編集） 今回はコード編集編。 行の追加 […]
CSSのhover動作時に他の要素のCSSの値を変更する方法
li要素のhover時に子要素のCSSの値を変える 考えてみたらものすごく単純だった。あまり使う場面はないと思うのですが、そういう要望があったので実装。なんでも商品一覧みたいなページをコーディングするにあたり、1つの商品 […]
.htaccessでファイル（拡張子単位）の有効期限を設定する方法
ブラウザのキャッシュを活用する GoogleのPageSpeed Insightの適用可能な最適化に「ブラウザのキャッシュを活用する」という項目に対応する方法をメモ。 <Files ~ “.(gif|jpe?g|p […]
WordPressのログイン画面のロゴ画像などスタイルを変更する方法
ログイン画面のカスタマイズ 企業のWebサイトなんかをWordPressで制作することはよくあるのですが、管理画面（特にログイン画面）でWordPressで作りましたよ感が出まくっています。見る人が見ればどういうシステム […]
video要素のload()をjQuery3系用に書き換える方法
JavaScriptでHTMLのvideo要素を操作 今まで、video要素のloadメソッドを以下のように書いていました。（jQueryを使用しています） $(function(){ $(“#video要素のID”). […]
D3.jsで円グラフを作成する（テキストの追加）
合計値を円グラフ中央に表示 前回作った円グラフをもう少し改良。まずは円グラフの中央にグラフの合計値を表示させたい。 円グラフの中央をあける まずは円グラフの中央をあけます。前回デフォルト値で設定していたinnerRadi […]
最近のコメント