D3.jsで円グラフを作成する（jQueryでプラグイン化）
HTMLを準備 D3.jsを使用して円グラフを作成します（v4：バージョン4）。jQueryでプラグイン化することを前提に作成したいので、jQueryもCDNで読み込みます。まずは基本のHTMLコードを以下のように書きま […]
Search Results for: JavaScript
Google Analytics トラッキングコードのバージョンまとめ
gtag トラッキングコード いつの間にかGoogleAnalyticsのトラッキングコードにgtagが設定できるようになっていました。（2017/10/05確認） <!– Global Site Tag (gt […]
WordPressのヘッダー要素で必要ない情報を削除する方法
head要素内に自動で出力される情報を削除したい WordPressでテーマを作成するとhead要素内に自動で出力される情報があります。もちろん必要な情報もありますが、場合によっては出力されなくても良い情報もあります。こ […]
WordPressのテキストエディタにボタンを追加する方法
毎回使うタグを登録しておきたい データの移行をしていてどうしても手入力で記事を移動しなければいけない事案が発生して、せっせと移していたのですが、毎回同じタグ書くのが面倒…。基本、投稿のエディタはテキストモード […]
SVGでブロック崩し：circle要素でボールの生成と反射移動
SVGの基本図形：circle要素 前回は、rect要素を生成してパドル（バー）を出現させました。今回は、ブロックにぶつけるボールを生成するのに、circle要素を使います。生成してからボールを動かしてみて、壁にぶつかっ […]
file_get_contentsやcURL（カール）でGETリクエストを送信する方法
APIをGETでコールして配列を取得したい ちょっとしたプロジェクトで、他社サービスのAPIを利用する必要があったのでメモ。PHPからAPIをGETでコールして戻ってくるJSONデータ（文字列）をPHP用に配列にパースし […]
SVGでブロック崩し：rect要素でパドル（バー）の生成
SVGの基本図形：rect要素 前回は、ブロック崩しのステージ設定を実装しました。今回は、SVGの基本図形であるrect要素を使って、パドル（バー）を作成しようと思います。 初期設定ファイルにパドルの初期値を格納 前回作 […]
jQueryで数字のカウントが上がるアニメーションを作成する方法
ルーレットのようにカウントが上がるアニメーション 最近、コーポレートサイトやプロダクトサイトで見かけるカウントアップのアニメーション。サイトの構築実績数やダウンロード数など、「この数字見て！」感出しまくりのドラムロール的 […]
jQueryでページのトップに戻るボタンを作成する方法
ページの右下に固定で要素を配置 まずは、HTMLを以下のように準備。このサイトの右下に出てくるボタンの要素で、WordPressで作っているので、footer.phpファイル内に記述してます。 <div id=”m […]
SVGでブロック崩し：SVG要素でステージの設定
ブロック崩しゲームの作成 皆さんはブロック崩しをご存知でしょうか？（すぐ出てくる人は、大分おっさ…….）あのブロックが並べてあって、ボールとパドル（バー）を駆使してブロックにぶつけて消していくあれ […]
WordCamp Kyoto 2017 参加レポート
WordCamp Kyoto 2017 に参加 アイキャッチは「参加します！」ですが「参加してきました！」です。先日、京都大学の構内で行われた WordCamp Kyoto 2017 に参加してきました。6/24（土）の […]
PHPカンファレンス福岡2017参加レポート
PHPカンファレンス福岡2回目の参加 PHPカンファレンス福岡2017に参加してきました。前回の参加は一昨年のPHPカンファレンス福岡2015でしたので2年ぶり。地元宮崎県から近い福岡県開催というのもありがたい。このとこ […]
Googleタグマネージャーでクリックイベントを計測する方法
クリックイベントのイベントトラッキング おなじみGoogleAnalyticsで計測していたクリックイベント。a要素やimg要素のクリックイベントにインラインで実装する方法をよく見かけると思います。 <a href […]
WordPressの画像に自動設定されるsrcset属性を無効化する方法
img要素の属性値変更で不具合 とある昼下がり、WordPressでの不具合相談をされた時の解決方法をメモ。何でも、WordPressのバージョンを4.1から（古い……）最新のバージョンにアップし […]
jQueryプラグインの作り方
jQueryのプラグインを作る（基本編） jQueryの基本的なプラグインの作り方を公式サイトのマニュアルを元に自分なりの解釈を交えてまとめておきます。 jQuery: How to Create a Basic Plu […]
WordPressのカレンダーウィジェットにカラーピッカーを実装
カレンダーウィジェットのカスタマイズ WordPress Default Widget Extensionプラグインのカレンダーウィジェットに拡張機能を追加しようと思い、色々考えた結果「土曜日・日曜日の背景色や文字色を変 […]
メディアライブラリの表示方法（Ajaxウインドウ編）
WordPressのメディアライブラリ（Ajaxタイプ） 前回のメディアライブラリ（リロードウインドウ編）に続いてAjax版のメディアライブラリの実装方法をまとめます。基本的にはリロード版と同じ構成で作っていこうと思いま […]
メディアライブラリの表示方法（リロードウインドウ編）
WordPressのメディアライブラリ WordPressにはメディアライブラリという画像や動画などのメディアファイルを管理する機能があります。WordPressのバージョンが上がる度に益々使いやすくなっており、画像のト […]
GoogleアナリティクスでWordPressの記事投稿者ごとのデータ集計
WordPressの投稿者ごとでデータを集計したい WordPressでメディア系コンテンツを作成・運用していくと記事の投稿をする人が複数になる場合があります。そんな時に、「アクセスが多い記事を書いているのは誰だろう？」 […]
Googleタグマネージャーで仮想ページビューを計測する方法
フォームなどでURLが変わらない問題 最近はおしゃれフォームが増えてきて、JavaScriptでポップアップ表示させてページ遷移せずに入力完了できるものも少なくありません。SPAなどでページ遷移せずにURLが変わるタイプ […]
最近のコメント