jQueryには、イベントが発生した要素を指定するための$(this)というものがあります。 例えば、以下のようなスクリプトがあったとします。 この場合、$(this)はp要素になりますので、p要素をクリックした時にp要…
jQueryで$(this)の親要素・子要素・隣接要素を指定する方法

クリックでサブメニューを切り替えるナビゲーションを実装する方法

メインメニューとそれぞれのメニューに対応したサブメニューがあって、メインメニューをクリックすると対応するサブメニューが表示されるナビゲーションを実装する方法をご紹介いたします。 実際の挙動については、以下デモページをご参…
サーバー移転に便利!サイトを簡単に複製することができるWordPressプラグイン「Duplicator」

Duplicatorは、サイトを丸ごと複製することができるWordPressプラグインです。検証環境→本番環境など、サーバーの移転を簡単に行うことができます。 Duplicatorのインストール インストール手順は以下の…
Windows10の高速スタートアップ機能を無効化する方法

Windows8以降ではPCを素早く起動するために、「高速スタートアップ」という機能が搭載されています。高速スタートアップが有効になっていると、起動が本当に早くてとてもうれしい機能です。 ですが、この高速スタートアップが…
オリジナルの曲を人工知能が作曲してくれるWEBサービス「Amper Music」

Amper Musicは、音楽のジャンルと曲の長さを指定するだけで、人工知能(AI)がオリジナル曲を作曲してくれるWEBサービスです。 Amper Musicで作成された曲は、個人・非営利目的の場合は著作権使用料無料で利…
ホバーエフェクト付きのグラデーションボタンのCSSを大量に公開している「Gradient Buttons」

Gradient Buttonsは、ホバーエフェクト付きのグラデーションボタンを大量に公開しているサイトです。ボタンを実装するためのCSSを取得することができます。 Gradient Buttonsの使い方 Gradie…
WordPressでゴミ箱の自動削除を停止する方法

WordPressでは、投稿や固定ページを削除してゴミ箱に移動させると、デフォルトだと30日経過すると自動的に完全削除されます。 ゴミ箱の中に入れた投稿や固定ページをずっと保管しておきたいという場合もあるかと思います。そ…
レスポンシブサイトのスマホやタブレットでの表示確認ができるWEBサービス「Sizzy」

Sizzyは、レスポンシブサイトを様々なデバイスで表示確認することができるWEBサービスです。一括して各デバイスでの表示確認を行うことが可能です。 Sizzyの使い方 Sizzyにアクセスして、URLを入力するだけです。…
Googleカレンダーで毎月末日の予定を繰り返し設定する方法

Googleカレンダーで毎月繰り返しの予定を設定する場合、日付を指定しなければいけません。毎月の末日に繰り返しの予定を設定したいと思っても、末日の日付は31日だったり30日だったりと月毎に異なります。月毎に毎年繰り返しの…
CSSだけで斜めの背景を実現する方法

CSSだけで、以下のページのような斜めの背景を実現する方法をご紹介いたします。 Skewed background with CSS CSSだけで斜めの背景を実現する方法 CSSで斜めの背景を実装するには、transfo…