2025年– date –

📝React 環境構築 Vite を使用してReactの環境構築Node.jsがインストールされていないと、起動しないのでNode.jsのインストールが必須になります。 https://youtu.be/TgU-FT2WdS4?si=FGf_-W7OaXOasC08&t=337 VITE ローカル環境のコマンド $ npm run dev...

サンクスオファー機能 ✅ ecforceのサンクスオファー（アップセル）とは？お客様が購入ボタンを押したあとに、事前に設定しておいた追加商品（アップセル）を案内できる機能です。 たとえば： 商品Aを購入 その後、「せっかくなら商品Bもどうですか？」と表...

概要 TOF様にて、よりどりキャンペーン、対象商品一覧セクションのコーディングを簡略化するツールについて解説します。（エクセルを使用します。） 前提 使用する際は、Eドライブからエクセルファイルをダウンロードしてご使用ください。Eドライブのエク...

各利用サービスの利用規約 山下作成Googleスプレッドシート Adobestock 写真、イラスト、ベクター素材、動画、テンプレートなど、高品質なロイヤリティフリー素材サービス。 利用規約Adobe Stock の使用条件ライセンス情報と利用条件 | Adobe Stock Freepi...

概要 CAJ様にて、独自ドメインの移管・DNS切替を行った際の備忘録です。 着手前に確認が必要な内容（サーバー問わず） wwwあり / なし どちらを使用しているか まずは、googleなどでサイトを検索し、どちらがメインでヒットするか確認。状況に応じて、追加...

概要 W2のページ管理機能（管理画面 > CMS > ページ管理）の仕様についてまとめています。※TOFとCYR環境でのみ確認済み（その他クライアントは未確認） 仕様 基本仕様 ページ管理からページの作成を行うと、下記のようにファイルが作成される。/クラ...

背景透過アニメーションをAEで作成したが、形式に試行錯誤したため覚書として。 結論 複雑な形状の透過や半透明の表現が必要な場合、高画質を維持したい場合はWebM形式が良い。 理由: HTML5との親和性: 近年の主要なウェブブラウザはWebM形式を標準でサポ...

2025.4.21時点の確認内容 googleアカウントを利用できるクライアント様の場合、まずはgoogle formのご提案で良いかと思いますが、社内規定でgoogleアカウントを作成できないクライアント様もいるため、その際に代替案として提案できるサービスとして、「fo...

photoshopなどから単純なassetで画像を書き出しただけだと圧縮が不十分だったり、webpでの書き出しに未対応だったりするかと思います。 画像の容量が大きいと、SEO的にマイナスだったり、表示に時間がかかってユーザーのストレスになったりするため、画像...

ベーシック認証 キノスラテストサーバーの内容を外部に漏らさないよう、必要に応じて、ipアドレス制限をかけます。サブドメイン毎に、設定が必要だが、ファイルは一元化できるため、その方法を記載します。 設定方法 設定ファイル /etc/httpd/conf.d/vhost...

必要なバナー ★主キャン MV（施策内容によって縦長になった場合は除外） ★Line用　1040px ◎PC TOP用 320px ◎SP用 750px 制作にあたり 過去の施策のものを流用するのが確実のため、過去の施策のものをコピーして流用してください。例）25年01月------------...

初期設定 セキュリティ設定 ルートアカウントはGoogle Authenticato‪r‬（Google 認証システム）を使用して、二段階認証をかけておく。 左記の認証システムを使用してIAMでMFAを追加する デバイス名は任意の名称でOKただし、Google Authenticato‪r‬に表示さ...

概要 姉妹ブランドの商品を盛田屋さまで販売する場合、下記のようなデザイン調整が発生する場合がある。 特別価格で販売する場合は、別途CTAエリアを設ける為作成 他社ブランド名⇒「豆腐の盛田屋」に変更 移行に伴い、変更点を調整（原稿に沿う） 指示があ...

概要 豆腐の盛田屋LINE会員に向けて、新キャンペーンスタートのお知らせをするために、キャンペーン開始月の月初に配信する。 配信日 キャンペーン開始月の月初 制作物と工数目安 LINEメッセージ デザイン リッチメッセージ：0.0h → 基本は主キャンバナー...