プログラミング– category –

「Local Storage」とは、ブラウザ内にデータを半永久的に保存できるJavaScript APIです。データはキーとバリューのペアで保存され、ブラウザを閉じても保持されます。容...

本記事では、以下のようにヘッダー（商品検索・ログインナビ・カート）を上部に固定し、スクロールに合わせてヘッダーが付いてくるカスタマイズ方法を紹介します。 カス...

数値などを一元管理することで、メンテナンス性の向上やバグの防止に役立ちます。EC-CUBEのフレームワークであるSymfonyでは、yamlという設定ファイルを利用する方法が...

各注文には、その注文者や支払い方法、注文日時などを保存しておく「dtb_table」があります。このテーブルに独自のプロパティを追加し、注文時には入力フォームから保存...

管理画面にログインしようとして、上図のように表示されるとかなり焦りますよね。管理画面のログインIDはすぐ確認できますが、パスワードはセキュリティ面から暗号化さ...

本記事では、特定の機能をまとめておけるServiceの使い方と実装方法について紹介します。 Serviceを使うことで、特定の機能をControllerなどから分離することができます...

筆者の備忘録用に、ブランチ開発におけるGitのコマンド実施例を纏めました。 Gitはインストール済、以下のプロジェクトディレクトリ（フォルダ）を用意し、エディタはVS...

筆者の備忘録用に、ローカル開発におけるGitの基本コマンド（ブランチ編）をまとめました。 Gitをインストールし、Git管理対象となるプロジェクトフォルダを用意したあ...

筆者の備忘録用に、ローカル開発におけるGitの基本コマンド実施例を纏めました。 Gitはインストール済、以下のプロジェクトディレクトリ（フォルダ）を用意し、エディタ...

筆者の備忘録用に、ローカル開発におけるGitの基本コマンドをまとめました。ブランチ開発のコマンド一覧は こちらリモートに関するコマンドについては別記事に纏める予...

特定の要素を選択するための「CSSセレクター」には、要素の状態や位置に基づいてスタイルを適用できる疑似クラスセレクター（:hoverなど）があります。本記事では、その...

プログラミングをする上で、もはや欠かせなくなった超便利AI『ChatGPT』を使って、簡単なWebアプリを作ってみました。アプリの作成とWeb公開は WordPress が使えるので...

本記事では、以下のように指定したテキストなどをゆっくり／徐々に表示するアニメーション（スライドイン）の実装方法を紹介します。（ボタンをクリックすると、実装し...

画像をクリック または タップすると、画面中央に原寸大の画像をフワッと表示する方法を紹介します。（右のレインボーの画像をクリック または タップしてみてください...

ボタンクリックで、画面中央にフワッと別ウィンドウを表示させる方法（モーダルウィンドウの作り方）について、HTML / CSS / JavaScriptコードを公開します。 モーダル...

本記事では、Twigテンプレートエンジンの機能を拡張できるTwig Extensionを使って、新しいフィルターを作成する方法について紹介します。 Twig Extensionとは？ Twigテ...

EC-CUBEでは、以下のように「www」や「index.php」が含まれたURLでもサイトにアクセスできてしまいます。 https://ドメイン/ https://www.ドメイン/ https://ドメイン/i...

XServerでは、WordPressと同じようにEC-CUBEを簡単にインストールでき、すぐ使うことができます。本記事ではその具体的な方法と、インストール後にチェックしておきたい...

本記事は2023年7月時点のインストール手順です。（サーバーパネルが旧デザイン）最新（2025年1月時点）のインストール手順は こちら をご覧ください。 XServerでは、Wor...

本番環境で稼働中のEC-CUBEサイトをがっつりカスタマイズする際、そのまま運用中のサイトを触ってしまうのはリスクがあります。一般的にはローカルなどにテスト環境を用...