2023年– date –
-
Webデザイン・UIコンポーネント集(HTML/CSS/JS)
Webサイトやアプリで使われている『Webデザイン』や『UI』の実装例を纏めました。(随時更新中)実装方法などは別記事にコードや実装ポイントを公開していますので、自... -
【JS&CSS】モーダルウィンドウの作り方
ボタンクリックで、画面中央にフワッと別ウィンドウを表示させる方法(モーダルウィンドウの作り方)について、HTML / CSS / JavaScriptコードを公開します。 モーダル... -
【EC-CUBE/XServer】初心者でも簡単!EC-CUBEのインストール手順
XServerでは、WordPressと同じようにEC-CUBEを簡単にインストールでき、すぐ使うことができます。本記事ではその具体的な方法と、インストール後にチェックしておきたい... -
【EC-CUBE/XServer】初心者でも簡単!EC-CUBEのインストール手順(旧サーバーパネル)
本記事は2023年7月時点のインストール手順です。(サーバーパネルが旧デザイン)最新(2025年1月時点)のインストール手順は こちら をご覧ください。 XServerでは、Wor... -
【自動計算】BMI / 身長 / 体重 の計算ツール
いずれかのフォーム2つに数値を入力すると、残りの1つが算出されます。 計算対象 身長(cm) 体重(kg) BMI 肥満度 ①BMI ②体重 ③身長 クリア ご利用にあたっては、本Webア... -
【自動計算】素因数分解の計算ツールと計算方法
入力した数字を素因数分解する自動ツールです。入力は、2以上100,000,000,000(1,000億)未満の正の整数を入力してください。 ここに結果が表示されます。 ご利用にあた... -
【超便利】iPhoneの写真をワンタッチでPDFに変換する方法(ショートカットアプリ)
iOS 13から標準装備となっている『ショートカット』というアプリを知っていますか?初期設定が少し面倒ですが、その後はワンタッチで画像をPDFに変換できます。 本記事... -
【自動計算】分数の約分ツールと計算方法
分数の約分ができるツールです。計算過程も合わせて表示されます。 = ÷ ÷ = ご利用にあたっては、本Webアプリの 利用規約 も合わせてご確認ください。 計算方法は比を簡... -
【自動計算】分数の計算ツール(足し算・引き算・掛け算・割り算)
分子と分母の数字を入力するだけで、分数の足し算・引き算・掛け算・割り算ができます。3つ以上の分数にも対応しています。 +入力 クリア / ✖ / ✖ 選択... -
【自動計算】確率を求める計算ツールと計算方法
当選確率1%(1/100)のくじやガチャを100回引いたとき、実際に当選 or 外れる確率は?1回で当たる確率と、その試行回数から確率を求める計算ツールです。 当たる確率(... -
【自動計算】比を簡単にするツールと計算方法
2つ(3つ、4つ)の比を最小化(単純化)するツールです。左辺に求めたい比率を入力すると、右辺にもっとも簡単な整数比が表示されます。ページ後半で計算方法やエクセル... -
【自動計算】利益率 / 売価 / 原価 を求める計算ツールと計算方法
100円で仕入れたものを20%の利益率を見込んで販売する場合、いくらで販売すればよいか?数字を入力するだけでサクッと計算できるツールです。 原価 売価 利益率 利益率(... -
【EC-CUBE 4】ゲスト購入に会員情報を後から紐づける方法
会員登録をせずゲストで発注した注文情報に、後から会員情報を紐づける方法について。 EC-CUBE で2年ほどショップ運営をしていますが、初回の購入は会員登録をしないゲ... -
【EC-CUBE 4】商品をスライダー(カルーセル)で表示する方法
商品一覧をスライダー(カルーセル)表示する方法を紹介します。 EC-CUBEには「Slickスライダー」というjQueryプラグインが使われており、これを利用することで複雑なコ... -
【EC-CUBE 4】マスターテーブルを新規に作成し、管理画面で操作する方法
この記事では、オリジナルのマスターテーブルをデータベースへ追加し、管理画面で登録できるようにする方法を紹介します。 独自マスターテーブル「mtb_maker_status」を... -
【EC-CUBE 4】管理画面 / 商品管理のカスタマイズ(3) ~ 編集・削除 ~
前回・前々回、管理画面の商品登録に新メニュー【メーカー管理】を追加し、新しくメーカーを追加できるようにカスタマイズしました。 今回はメーカーの新規登録に加え、... -
【EC-CUBE 4】管理画面 / 商品管理のカスタマイズ(2) ~ データ追加 ~
前回、管理画面の商品登録に新メニュー【メーカー管理】を追加しました。今回は、メーカー管理メニューから実際にメーカーを新規追加・保存できるようにする方法を紹介... -
【EC-CUBE 4】管理画面 / 商品管理のカスタマイズ(1) ~新メニュー追加~
この記事では、以下のような管理画面の商品登録に新しい項目を追加するカスタマイズ方法を紹介します。 カスタマイズ完了後の管理画面 少々大掛かりなカスタマイズのた... -
【EC-CUBE 4】デフォルトのRepositoryを拡張するカスタマイズ
この記事では、既存のリポジトリを拡張して新しい機能(メソッド)を追加するカスタマイズについて紹介します。 【動作環境】EC CUBEのバージョン:4.3.0サーバー:XSer... -
【EC-CUBE 4】EntityTypeを使ってフォームを追加する方法
以下記事の応用編として、EC-CUBE管理画面の商品登録から、関連エンティティ(Maker)を追加できるフォームの生成方法を紹介します。 商品登録に新しいフォーム(TextTy...