header_image

このサイトにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

サムネイル

ワードプレスで区切り線を引く方法【区切りブロックの使い方】

2022年07月05日
WEBサイトで使う区切り線とは、ページ内のコンテンツの内容が切り替わるタイミングなどを読み手にわかりやすくするために引く線のことです。ワードプレスで作るページの中に区切り線を引く方法は大きく分けて以下の2通りで、「区切りブロック機能で表示する」か「HTMLのhrタグやCSSのborderで表示する」です。
サムネイル

ワードプレスでゴミ箱に入れたページを復元する方法【ゴミ箱から……

2022年07月05日
ワードプレスで作成した投稿ページや固定ページを削除する方法と削除したページを再び元に戻す方法、ゴミ箱の使い方について解説します。
サムネイル

jQueryでスクロール量を取得する方法【scrollTop……

2022年03月11日
jQueryでスクロール量を取得するには、scrollTop()メソッドを使用します。ページのトップから何pxスクロールされているかを数値で取得できます。どのくらいスクロールしたかというスクロール量を取得することができると、ユーザーのスクロールと連動させた機能を作ることが可能になります。
サムネイル

jQueryでモーダルウィンドウを作成する方法【初心者にもわ……

2022年03月11日
ウィンドウを閉じるまでページ内の他の操作をできなくする機能を持ったモーダルウィンドウをjQueryを使って自作する方法を説明します。
サムネイル

jQueryのDataTablesの使い方【初心者にもわかり……

2022年03月11日
DataTablesは、HTMLで作成した表(table)にページ送りや絞り込み検索、並べ替えやファイル出力などの機能を簡単に実装することができるjQueryのライブラリです。
サムネイル

jQueryでidを取得する方法【attrメソッドの使い方】

2022年03月11日
jQueryでHTMLの要素に付与されているidを取得するためには「attr()」メソッドを使用します。attrメソッドは要素の属性を取得できるメソッドです。id以外にも対象の要素のクラスや属性などを取得することが可能です。
サムネイル

jQueryでアコーディオンメニューを作成する方法【slid……

2022年03月11日
アコーディオンメニューはjQueryのslideToggleというメソッドを使用すれば簡単に作成することができます。
サムネイル

jQueryのセレクターの種類と使い方【初心者にもわかりやす……

2022年03月05日
jQueryのセレクターとは、操作したいHTML要素の特定に使うものです。セレクタ―で指定した要素に対して、メソッドを使ってスタイルを変更したり、値を取得したり、テキストを書き換えるなど様々な操作を行うことができます。
サムネイル

animate.cssの使い方【初心者にもわかりやすく解説】

2022年03月05日
animate.cssはその名の通りCSSで要素をアニメーションさせることができるスタイルシートです。動きのあるサイトを作るときに役立ちます。
サムネイル

CSSのanimationと@keyframesの使い方

2022年03月05日
CSSのanimationプロパティはアニメーションを作り出すことができるプロパティです。keyframesとセットで使用し、それぞれ動きと再生方法を設定します。
サムネイル

jQueryでダイアログを実装する方法【jQueryUIのd……

2022年03月05日
jQueryUIを使えば、リッチなデザインと機能を持つダイアログを手軽にサイトに実装することが可能です。
サムネイル

jQuery UIのsortableの使い方【初心者にもわか……

2022年03月05日
jQuery UIのsortableは、ページ内の要素をユーザーが自由にドラッグアンドドロップで並べ替えられるようにする機能です。
サムネイル

jQuery UIのautocompleteの使い方【初心者……

2022年03月05日
autocomplete(オートコンプリート)とは、ユーザーがテキストボックスに文字を入力した際に、その文字が該当する入力候補を表示して、入力をサポートする機能のことです。jQuery UIのautocompleteを使えば簡単に入力補助機能を使うことができます。
サムネイル

CSSの疑似要素・疑似クラスの種類と使い方【初心者にもわかり……

2022年02月22日
最終更新日:2022年02月23日
疑似要素・疑似クラスは、どちらも元となる(基準となる)要素に対して追加のスタイルを指定したり装飾を行うために使用するCSSのセレクタ―です。
サムネイル

CSSのtransitionの使い方【初心者にもわかりやすく……

2022年02月18日
CSSのtransitionは、要素が指定したスタイルの状態へとどのくらいの時間をかけて変化するかを指定することができるプロパティです。
サムネイル

CSSのセレクターとは?【種類と使い方をわかりやすく解説】

2022年02月18日
CSSのセレクタ―は、スタイルを適用させたいHTML要素の特定に使います。セレクタ―を使ってスタイルを指定することで、同じスタイルを使いまわしたり一部分にだけ違うスタイルを適用させることが可能になります。
サムネイル

CSSのpositionプロパティの使い方【初心者にもわかり……

2022年02月11日
CSSのpositionプロパティを使えば、自由な位置に要素を配置することができます。基準となる位置から「上に何px(下に何px)」移動させ、「左に何px(右に何px)」移動させるというような形で配置場所を指定します。
サムネイル

CSSのcalcの使い方【CSS内で計算を行う方法を解説】

2022年02月10日
calcを使えばCSS内で計算を行い、その計算から導き出された計算結果をプロパティの値に使用することができます。calcでは、演算子を使った四則演算(足し算、引き算、掛け算、割り算)が可能で、pxや%など異なる単位同士でも計算することができます。
サムネイル

CSSのvhやvwの使い方【初心者にもわかりやすく解説】

2022年02月10日
最終更新日:2022年02月12日
「vh」と「vw」は、pxや%と同様にwidthやheightなどのCSSのプロパティの値を指定する際に使用できる単位です。vhやvwを使うとウインドウサイズに応じたサイズ指定が可能になり、レスポンシブデザインが作りやすくなります。
サムネイル

Inkscapeのダウンロード&インストール方法【画像付きで……

2022年02月10日
最終更新日:2023年01月26日
無料で使えるベクターグラフィック描画ソフトInkscapeをwindows10にインストールする手順を説明します。インストールが完了したら製作を始める前に、まず自動保存の設定を行っておくことをおすすめします。
サムネイル

PHPのタイムゾーンの設定方法【現在時刻がずれている時の対処……

2022年02月06日
タイムゾーンとはその名のとおり、時間によって世界の地域を区分けしたものです。このタイムゾーンの設定によってWEBサイトは、世界のどの地域の時刻を使用するかを決定しています。
サムネイル

ワードプレスでショートコードを使う方法【投稿・固定ページでP……

2022年02月05日
最終更新日:2022年02月06日
ワードプレスでは、あらかじめ使いたいPHPの処理をショートコードという形で設定しておくことで、に投稿ページや固定ページでもショートコードを本文中に記述することでその処理を呼び出すことができます。
サムネイル

ワードプレスで今日の日付を表示する方法【初心者にもわかりやす……

2022年02月05日
最終更新日:2022年02月06日
ワードプレスのphpファイル上でもdate関数は使用できるのですが、時刻がずれてしまうという問題が発生します。日時を取得したい場合はdate_i18n関数を用いるようにしましょう。
サムネイル

PHPで曜日を取得する方法【初心者にもわかりやすく解説】

2022年02月05日
最終更新日:2022年02月06日
PHPを使って曜日を取得する方法について説明します。日本語の曜日を表示させるとなると少し工夫が必要になります。