キャメルケース・スネークケース・ケバブケースの違いと使い分けを解説
HP制作

キャメルケース・スネークケース・ケバブケースの違いと使い分けを解説

 2024.10.032024.10.21

プログラミングにおいて、変数や関数、ファイル名を命名する際には、統一された規則に従って名前を付けることが重要です。命名規則にはいくつかの種類があり、コードの可読…

jQueryでナビゲーションの状態をCookieで保持する方法を徹底解説
HP制作

jQueryでナビゲーションの状態をCookieで保持する方法を徹底解説

 2023.03.082024.09.10

WEBサイトのナビゲーションやアコーディオンメニューの開閉状態を維持したい場合、Cookieを使って制御する方法があります。Cookieは、訪問者がWEBサイト…

【jQuery】外部リンクに自動でFont Awesomeアイコンを表示する方法
HP制作

【jQuery】外部リンクに自動でFont Awesomeアイコンを表示する方法

 2018.08.212024.08.23

通常、外部リンクにアイコンを表示する場合、HTMLに直接アイコンを追加することが一般的です。しかし、HTMLに手動でコードを記述するのは手間がかかり、特に大規模…

プログラムコードのインデント論争!タブ?それともスペース?どちらが正解?
HP制作

プログラムコードのインデント論争!タブ?それともスペース?どちらが正解?

 2018.02.222018.03.08

プログラミングの世界で古くから激しく行われている論争があります。それは、プログラムコードを書く際、各行の字下げ(インデント)にスペースを使うか、タブを使うかとい…

【CSS】position:fixedで固定している要素を横スクロールさせる方法
HP制作

【CSS】position:fixedで固定している要素を横スクロールさせる方法

 2018.01.252024.08.26

現代のWEBサイトは多くがレスポンシブ対応になっており、ブラウザ幅に応じて表示が変わるよう設計されています。しかし、古いサイトを改修する際や、特定のプロジェクト…

【初心者用】JavaScriptが苦手なWebデザイナー向け「jQueryの基本的な書き方」
HP制作

【初心者用】JavaScriptが苦手なWebデザイナー向け「jQueryの基本的な書き方」

 2017.11.022019.02.27

JavaScriptの数あるライブラリの中でも、最も有名なのが「jQuery」。Web業界で働いている方は、毎日コード目にしていると思いますが、デザイナーさんの…

スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法
HP制作

スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法

 2017.03.282019.04.04

a要素に[href="tel:電話番号"]を指定すると、電話発信用のリンクを設定することができます。スマートフォンなどではタップするだけで直接電話をかけることが…

HTTPS通信下でJavaScriptが動かない原因と解決方法
HP制作

HTTPS通信下でJavaScriptが動かない原因と解決方法

 2017.03.142024.10.21

本番環境にJavaScriptファイルをアップした際、デモ環境やローカルで正常に動作していたはずのコードが、突然動かなくなった経験はありませんか? 特に、HTT…

【jQuery】固定ヘッダによるページ内リンク位置ずれの解消方法
HP制作

【jQuery】固定ヘッダによるページ内リンク位置ずれの解消方法

 2017.02.032025.02.05

近年、Webサイトのデザインにおいて、ページ上部のヘッダ部分を固定表示する形式が一般的になっています。 固定ヘッダは、ユーザーにとってサイトのナビゲーションを容…

【jQuery】定番機能を簡単に実装!Web制作に便利なライブラリのまとめ
HP制作

【jQuery】定番機能を簡単に実装!Web制作に便利なライブラリのまとめ

 2014.04.302023.06.07

星の数ほどあるjQueryですが、いつも使う機能というのは「イージング」や「ホバー」など大体決まっているもの。そんな定番の機能を一つにまとめているjQueryの…