header_image

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

サムネイル

EC-CUBEの現在のバージョンを確認する方法【4系】

2023年12月08日
現在使用中のEC-CUBEのバージョンは管理画面から簡単に確認することができます。プラグインが動作適応するか確認する為にも、使用中のバージョンの把握は欠かせません。
サムネイル

EC-CUBE4系でメンテナンスモードを有効にする方法【準備……

2023年12月07日
EC-CUBE4系にはサイトの修正作業中など、一般のユーザーにサイトにアクセスして欲しくない時に「メンテナンス中」画面を表示しておける「メンテナンスモード」という機能が搭載されています。
サムネイル

EC-CUBEをXAMPPにインストールする時に起きるエラー……

2023年12月04日
最終更新日:2023年12月08日
EC-CUBEの開発環境をローカルに構築しようとXAMPPにインストールを試みると「Warning: openssl_pkey_…」というエラーが表示される場合があります。
サムネイル

EC-CUBEをインストールする時のsodium拡張モジュー……

2023年12月04日
最終更新日:2023年12月08日
EC-CUBEのインストールを試みると以下のような「sodium拡張モジュールが有効になっていません」というエラーが表示される場合があります。
サムネイル

EC-CUBEをXAMPPにインストールする方法【ローカル開……

2023年12月04日
最終更新日:2023年12月08日
XAMPPによるローカル環境にEC-CUBEをインストールして開発環境を構築する方法を解説します。本番前にテストを行いたい場合には今使用中のPCにローカル環境を構築しておくと役立ちます。
サムネイル

ワードプレスの固定ページにPHPファイルを読み込む方法【ショ……

2023年12月04日
ワードプレスの固定ページ（投稿ページ）内にPHPを書いたり、PHPファイルを読み込ませることができたら便利ですよね。「PHPファイルを作成して、ショートコードを使って固定ページ内に読み込ませる」という方法をご紹介します。
サムネイル

コンタクトフォーム7のショートコードをテーマファイル内に埋め……

2023年11月24日
テーマファイル（PHPファイル）内にコンタクトフォーム7のショートコードをそのまま記述しても、フォームを呼び出すことはできません。
サムネイル

Laravelのプロジェクトでファビコンを設定する【favi……

2023年11月21日
Laravelのプロジェクトにおいても同様にHTMLのlinkタグを使用してWebサイトにファビコンを設定します。あらかじめLaravelプロジェクト内のディレクトリにアップロードしたファビコンデータをlinkタグのパスをhref属性に設定すればファビコンが表示されます。
サムネイル

Javascriptのlightboxライブラリの使い方【画……

2023年10月01日
最終更新日:2023年09月12日
lightboxライブラリでできること Webサイトでは、ユーザーがクリックすると大きい画像が開くという表示方法が良く用いられます。 一覧では小さい画像を並べて […]
サムネイル

ワードプレスで前後の記事の公開日を取得して表示する方法【ge……

2023年10月01日
最終更新日:2023年09月12日
ワードプレスの投稿ページで前後の記事の公開日を表示させたいときはget_previous_postとget_next_post関数を使います。
サムネイル

CSSのメディアクエリでスマホでのホバーの挙動の対策を行う【……

2023年10月01日
最終更新日:2023年09月28日
要素をタップしたときにホバー時のスタイルが適用され続けるという経験はありませんか？CSSだけで簡単にスマホでの疑似要素「hover」の挙動の対策を行う方法をご紹介します。
サムネイル

HTMLのチェックボックスに選択上限を設ける方法【Javas……

2023年10月01日
最終更新日:2023年09月28日
チェックボックスに選択上限を設けるには、JavaScriptを使ってチェックの数をカウントし設定した数を超えたらチェックできないようにします。
サムネイル

HTMLのinputのdateで日付の入力欄を作る【初期値や……

2023年10月01日
最終更新日:2023年09月28日
HTMLのinputタグのtype属性にdateを指定すると、フォームなどに日付の入力欄を設置することができます。
サムネイル

ブラウザキャッシュを回避するCache Bustingの方法……

2023年09月01日
Cache Busting（キャッシュバスティング）とはキャッシュを利用せずに読み込みするように指定することです。
サムネイル

横スクロール可能なことを示すヒントを表示するJavascri……

2023年09月01日
Javascriptのライブラリ「ScrollHint（スクロールヒント）」を使えば、ユーザーに対して要素がスクロール可能であることをわかりやすく示すアイコンを表示することができます。
サムネイル

JavascriptでブラウザやOSを判定する方法【plat……

2023年09月01日
Javascriptのplatform.jsというライブラリを利用すれば、簡単にユーザーが使用しているブラウザやOS情報を取得し判別する処理を作ることが可能です。
サムネイル

Javascriptでフォーム送信時に確認ダイアログを出す方……

2023年09月01日
Javascriptでフォーム送信時にダイアログ表示させてユーザーに処理を続行して良いか確認するには「confirmメソッド」と「onsubmit属性」の2つを使用します。
サムネイル

Javascriptで文字のUnicode(UTF-16)を……

2023年09月01日
最終更新日:2023年08月29日
JavascriptのcharCodeAtを使うと、日本語（テキスト）のUnicode(UTF-16)を取得したり、Unicode(UTF-16)をテキストに変換することが可能です。
サムネイル

Laravel Breezeでログイン認証機能を実装する手順……

2023年08月08日
Laravel BreezeはLaravelのプロジェクトにログイン認証機能を実装することができるパッケージです。登録・ログイン・メール認証・パスワードリセット・登録内容の変更といった一通りの機能がコマンドだけで簡単に導入できます。
サムネイル

Laravelをインストールして開発環境構築する手順【Win……

2023年08月08日
LaravelはPHPのフレームワークの中でも特に人気のあるものの一つです。今回はWindowsPC（ローカル環境）にLaravelをインストールして開発環境を構築する手順を解説します。
サムネイル

HTMLのdatalistタグの使い方【文字入力とプルダウン……

2023年08月08日
HTMLのdatalistは、テキストボックスとセレクトボックスを組み合わせたような入力欄を作ることができるタグです。一見普通のテキストボックスですが、クリックすると用意した入力候補が表示されます。
サムネイル

HTMLでラジオボタンを作成する方法【初期値の設定・チェック……

2023年08月08日
HTMLのinputタグのtype属性にradioを指定すると、フォームなどにラジオボタンを設置することができます。複数の選択肢の中からどれかひとつをユーザーに選んでもらいたい時に使用します。
サムネイル

HTMLのselectタグの使い方【multiple属性で複……

2023年08月03日
HTMLのselectはフォームなどにセレクトボックスを設置することができるタグです。あらかじめ用意した選択肢をプルダウンの形で表示させます。
サムネイル

Inkscapeのぼかし機能の使い方を解説【輪郭をぼかす・フ……

2023年07月10日
Inkscapeにはオブジェクトのフィル/ストローク設定による「ぼかし」とフィルター機能による「ぼかし」の2種類が存在します。