プログラミング– category –
-
【CSS】初心者ガイド:疑似クラスセレクター/:has()
特定の要素を選択するための「CSSセレクター」には、要素の状態や位置に基づいてスタイルを適用できる疑似クラスセレクター(:hoverなど)があります。本記事では、その... -
【ChatGPT × WordPress】コピペだけでWebアプリを作ってみた(パーセント計算ツール)
プログラミングをする上で、もはや欠かせなくなった超便利AI『ChatGPT』を使って、簡単なWebアプリを作ってみました。アプリの作成とWeb公開は WordPress が使えるので... -
【CSS】テキストなどの要素をスライド表示するアニメーション
本記事では、以下のように指定したテキストなどをゆっくり/徐々に表示するアニメーション(スライドイン)の実装方法を紹介します。(ボタンをクリックすると、実装し... -
【JS&CSS】画像をクリックしたら拡大表示する方法(モーダルウィンドウ)
画像をクリック または タップすると、画面中央に原寸大の画像をフワッと表示する方法を紹介します。(右のレインボーの画像をクリック または タップしてみてください... -
【JS&CSS】モーダルウィンドウの作り方
ボタンクリックで、画面中央にフワッと別ウィンドウを表示させる方法(モーダルウィンドウの作り方)について、HTML / CSS / JavaScriptコードを公開します。 モーダル... -
【EC-CUBE 4】Twig Extensionを使って新しいフィルターを作成する
本記事では、Twigテンプレートエンジンの機能を拡張できるTwig Extensionを使って、新しいフィルターを作成する方法について紹介します。 Twig Extensionとは? Twigテ... -
【EC-CUBE 4】wwwやindex.phpを含むURLから含まないURLへ自動転送する
EC-CUBEでは、以下のように「www」や「index.php」が含まれたURLでもサイトにアクセスできてしまいます。 https://ドメイン/ https://www.ドメイン/ https://ドメイン/i... -
【EC-CUBE/XServer】初心者でも簡単!EC-CUBEのインストール手順
Xserverでは、WordPressと同じようにEC-CUBEを簡単にインストールでき、すぐ使うことができます。本記事ではその具体的な方法と、インストール後にチェックしておきたい... -
【EC-CUBE/Xserver】テスト環境を別ドメインに作成する
本番環境で稼働中のEC-CUBEサイトをがっつりカスタマイズする際、そのまま運用中のサイトを触ってしまうのはリスクがあります。一般的にはローカルなどにテスト環境を用... -
【EC-CUBE 4】PDF資料のダウンロードボタンを作る
こちら の公式ページを参考に、注文書のPDFファイルをダウンロードできるボタンを設置してみました。 ダウンロードボタン設置後のトップ画面 中央のダウンロードボタン...