お役立ちコラム

不動産サイトやリクルートサイトでは、投稿やカスタム投稿で運用している物件情報ページや求人情報ページに共通のお問い合わせフォームを設置し、フォームが送信された際に「どのページから送信されたのか」が分かるよう把握したいケース…

今回は、jQueryでAJAX（非同期通信）を使い、サーバー上のリソースを取得して画面の一部だけを更新する方法を解説します。 近年では、ブラウザ標準のfetch APIやAxiosといったライブラリが非同期通信の主流とな…

画像であれば横幅を％指定するだけで画面幅に応じて自然に拡大・縮小できますが、文字サイズは同じようにはいきません。 vwを使って文字サイズをレスポンシブに調整する方法もありますが、最小値や最大値の設定が難しく、意図せず文字…

今回は、Figmaで表・テーブルを効率良くデザインする方法を紹介します。 本記事では、以下のように柔軟にカスタマイズできる「テーブル用テンプレート」を一から作成し、そのテンプレートを活用してさまざまなデザインの表を作成で…

宿泊施設のWebサイトに予約機能を導入したい場合、WordPressを利用しているなら「Booking Package」がおすすめです。 Booking Packageは無料から利用でき、月額660円（税込）の有料版では…

figureタグは、そのコンテンツがなくなったとしても本文の流れに影響を与えることがない自己完結型コンテンツに使用できるHTMLタグです。イラストや図、写真やコードの断片などに対して使用されます。 また、figcapti…

ウィジェット機能を使って、ページタイプごとにサイドバーの表示内容を切り替えたい場合もあると思います。 そのようなときは、プラグイン「Widget Options」を使用すると便利です。 今回は「Widget Option…

コーディング初学者が初めてJavaScriptを学ぶ際に、最初に触れることが多いのがJavaScriptライブラリの「jQuery（ジェイクエリ）」です。 現在のモダン開発のトレンドとは言えないものの、依然としてWebサ…

Web制作を学び始めた方が最初に直面する壁の一つが、メールフォームの制作ではないでしょうか。 メールフォームを作成するには、PHPなどのプログラミング言語を扱う必要があり、初心者にとってはややハードルが高いと言えます。 …

テーブルのカラムが3列以上あり、スマホ時に縦方向に並べ替えるのが難しいといった場合は、横スクロールで表示できるようにするのがおすすめです。 今回は、HTMLのtableタグで実装したテーブルを横スクロールできるようにする…