未分類– category –

📝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などでサイトを検索し、どちらがメインでヒットするか確認。状況に応じて、追加...

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

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

モーダル・商品名画像とは 盛田屋様　キャンペーン施策において、「よりどり」「定期購入」ページ内にて使用する画像パーツを指す。例として、よりどりcpでは下記掲載画像のような扱いをする。①「詳細を見る」をクリック(or タップ)にて、POPUPが開き、簡...

Google広告とは Google 広告とは、Google が提供するさまざまなサービスに広告を配信できる広告プラットフォームです。 Google 広告の仕組み Google 広告は、1つのアカウントの中で複数のキャンペーンを作成し、1つのキャンペーンにつき複数の広告グループ...

概要 SUZ様、通販のTOPナビ更新業務についてまとめた記事です。 更新頻度 月に1~3回程度※キャンペーンの更新頻度による。（0の月もある） 前提 ここで説明する管理画面の内容やFTPのファイルはSUZ様も更新する可能性がございます。SUZ様にて更新する際、キ...

Optimize Next（オプティマイズネクスト）とは Optimize Nextは、Google Optimizeの後継として開発された無料のA/Bテストツールです。複数パターンのデザインをかんたんに比較することができます。ABテストがわからない方はこちらをご参照ください。https:...

TrustLogin（トラストログイン）とは 社内システムのIDやパスワードを一元管理できるサービス公式ページhttps://trustlogin.com/TrustLogin（トラストログイン）概要資料https://ooi-test.cynosura.jp/trast.pdf※会社説明などが記載されています。 TrustLo...

概要既存のサイトを再現するFigmaのプラグイン「html.to.design」を実務中に使用した際にスムーズに進まない例があり共有。 ■ プラグイン「html.to.design」とはこれは便利すぎる！ Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html....

BONIQ-レギュレーション ■展開中のショップ・BONIQ　楽天店https://www.rakuten.co.jp/boniq-store/・BONIQ　Yahoo店https://store.shopping.yahoo.co.jp/hayama-colony/・BONIQ　本店（先方にて作成・更新）https://boniq.store/ ■使用フォント原則、下記...

季刊誌対応 原稿格納先 E:\共有ドライブ\02.コンサル･制作事業\02.進行中案件\10.豆腐の盛田屋様\02.サイト構築\00.季刊誌\yymm\04.ラフ・原稿 品番資料格納先 E:\共有ドライブ\02.コンサル･制作事業\02.進行中案件\10.豆腐の盛田屋様\02.サイト構築\00.季...

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

撮影手順 事前準備 先方から撮影の詳細をいただく ディレクターにて概要確認 社内スケジュール･カメラマン調整･見積りの作成 (必要に応じて)撮影小物などの要否を先方とすり合わせ (必要に応じて)撮影小物などの購入 (必要に応じて)撮影のシミュレーション...

ユーザーの作成（全ユーザー共通） 各メンバーのFTP用ユーザーを作成します。（それぞれがユーザーを持つことで、更新者を把握することができる。）また、ユーザーを作成しただけでは、パーミッションの関係上、FTPソフトでのファイル操作を行えません。そ...

開設 chromeの拡張 下記の拡張をいれておくと、確認等が便利になります。 Tag Assistant Legacy (by Google)→サイト内で使用されているGTMやGA4などのプロパティがわかりますhttps://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjn...

注意点定期お特便適用の場合はセール価格からさらに10％・15％OFFが適用されます。　 　　　　　　　　　このタイミングで定期お特便が発送されるユーザーに対してもセール価格が適用されます。 ・在庫の確保 タイムセールの実施予定日の7日前までに、 申...

GA4のClickの計測 基本的な設定方法 https://www.powerweb.co.jp/column/ga4-linkclick.htm 色々な値を取得する方法 例えば、クリックした要素の親のclass名https://www.hit-mall.jp/blog/management/column-057.html 計測に任意のデータを持たせる方法（...

0からオリジナルwordpressを作成する時に使用するひな形のテーマ。http://wp-template.cynosura.jp/対応済み内容・基本的なセキュリティ対策・基本的なテンプレートファイルの整備 構成■共通・ヘッダーテンプレート/themes/cstm-wp/header-content.php ・...

前提 キノスラテストサーバーのSSD容量を増築する作業の方法を記載します。 ここでは二つのサーバーが説明に出てくるため、以下の通り言い換えています。元々存在しているキノスラテストサーバー: サーバーA新規で作成したミラーサーバー: サーバーB ■タス...

Microsoft Clarity（https://clarity.microsoft.com/） について、ヒートマップやレコーディングを確認する際、特殊なバグ（仕様？）が発生しましたので、解決方法を記載します。（根本的な原因は不明） 前提 ・シュゼット様のサイト環境にてバグが発生し...

本記事の目的 ・グーグルフォームをレイアウト調整できたので、似たような案件に対応できるよう備忘録として記載する。 作成した成果物 アクセス様 リユーセル本店 出張買取申込みフォームhttps://www.reusell.jp/f/Shutcho/toiawase/ フォームの機能 問い...

記事の目的 ・Googleオプティマイズの設定方法及び概要を理解する。 Googleオプティマイズとは？ 「Googleオプティマイズ」とはGoogleが提供する無料A/Bテストツールです。Googleアナリティクスと連携することで計測から分析まで簡単に行うことができます...

主な参照ページ（別ページを参照した項目については、個々に記載あり） https://www.axis-corp.com/quest/what-is-microsoft-clarity/ 前提 ユーザーヘルスケアや金融サービスなど、 　重要な個人情報を扱う機関のサイトでは導入ができない。 機能 ①ダッシ...

本記事の目的 ・ワードプレスで検索機能をプラグインなしで作成したので、似たような案件に対応できるよう備忘録として記載する。 作成した成果物 スクロール様のCPで検索機能を構築https://www.scroll.jp/ 画像は検索結果一覧ページとなります。 作業内容...

historyってなにができるの？ VSCODE拡張機能のhistoryを使って、VSCodeの作業履歴を自動で保存することできます。つまり自動でバックアップファイルが生成されるので、手戻り防止やバックアップ忘れを防ぐことができます。万が一の命綱になるので、設定を...

業務内容 ①ラインナップ表（商品）、年間スケジュール（特集）の確認（Excelは都度更新されるため、1ヵ月に1度頂く）特集‥リリース日から２ヵ月前商品‥リリース日から1.5ヶ月前上記の日程を踏まえ、進行を行う。 ②アップ・ダウンのご連絡　※予算によってご...

Yahooの仕様で困ったときはまずこちら（↓）を参照！ https://store-info.yahoo.co.jp/s/shopping/toolmanual/ 管理画面（YahooとPaypay記入フィールド） 店舗トップ クライアント様によってはPaypayモールへ出店している。 YahooとPaypayで記入欄が異なる...

楽天の仕様で困ったら、まずこちら（↓）を参照！ 【楽天市場 店舗運営Navi】 https://navi-manual.faq.rakuten.net/ トップページ ヘッダー・フッター・レフトナビ ヘッダー・フッター・レフトナビ index.htmlへのベタ書きではなく、iframeかjsを使用して...

デザイン指針 http://cnsrwiki.cynosura.jp/suz-%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8C%87%E9%87%9D/ BackOffice（管理画面） http://cnsrwiki.cynosura.jp/suz_backoffice/ 全_商品詳細強化（TTR） written by 八城(実) http://cnsrwiki.cynosura.j...

店舗トップ ■キノステストサーバ ＜PC＞ http://hc_yahoo.cynosura.jp/henri-charpentier/index_pc.php ＜SP＞ http://hc_yahoo.cynosura.jp/henri-charpentier/index_sp.php ■本番環境 https://www.rakuten.ne.jp/gold/henri-charpentier/ 更新箇所はイベ...

店舗トップ更新箇所 ■キノステストサーバ ＜PC＞ http://hc_gold.cynosura.jp/gold/henri-charpentier/ ＜SP＞（開発者ツールでSPモードにした状態で確認しないと先方本番環境へ飛ばされます） http://hc_gold.cynosura.jp/gold/henri-charpentier/index_s...

stgとwwwについて 概要 シュゼット様はECサイトに本番環境(ドメイン始まりwww)とテスト環境が存在する(ドメイン始まりstg)。 基本的にはキノスラテストサーバーで構築→stg反映→www反映となる。 注意点 wwwとstgのソースはなるべくイコールになるように調整...

概要 商品説明欄の修正対応 管理画面の該当ページまでの遷移方法 商品→商品検索→名前で検索 商品DB項目の解説 ■S画像ファイル サムネイル ■L画像ファイル ファイルはS画像と同じ ■1~9画像ファイル スライドショーの画像 ■商品コメント7 商品情報より上に表...

スプレッドシートとバックアップ ■2021.10月のシートへのリンク 月別スケジュール ■210928~シートへのリンク 週別指示書 ■タイムセールhtml生成用スプレッドシート仕様書シートへのリンク タイムセールhtml生成用スプレッドシート ■Google フォト ブランド...

サイト更新時注意事項等 11時までに更新！！ 必要ファイル等 ■スケジュール https://docs.google.com/spreadsheets/d/184yM7CkVow8o1m-K4hTnqoh4KqeUZ3Xw818lZDDTl60/edit#gid=671054974 旧：G:\02.コンサル事業\02.進行中案件\16.イノベート様\20191112_...

バナー作成注意事項等 納品は基本的には前日の15時まで！！ バナー作成時に必要なファイル格納先 ■スケジュール https://docs.google.com/spreadsheets/d/184yM7CkVow8o1m-K4hTnqoh4KqeUZ3Xw818lZDDTl60/edit#gid=671054974 旧：G:\02.コンサル事業\02.進...

本店 １．下記ディレクトリもしくは過去作成したものでパターンが似ているものをコピーして複製し、ファイル名をリリース日_商品名or商品コードに変更する。 G:\80.coding\cynosura.jp\suzette-ec\public_html\products\2021\template http://suzette-ec.c...

更新箇所(例) https://docs.google.com/spreadsheets/d/13MYzccP-j8mDAJW9kiHn_Uq7wMTFNUM-qBtW951oC_k/edit#gid=1317526085 ・F列青い網掛け箇所 前日までに対応 ・F列緑の網掛け箇所 当日対応（RMS） ・F列橙の網掛け箇所 当日対応（yahoo） 本店 ht01-h...

ワードプレス概要と方針 ワードプレスの用語と方針を記載します。 用語 クラシックエディター 旧wpで使用されているエディター。タグから組む必要がある。 ビジュアルエディター(グーテンベルグ) ブロックエディターとテキストエディターの総称。 ブロック...

.htaccessのリダイレクト設定について .htaccessのリダイレクトには注意点があるので、記載します。 ワードプレスプラグイン「SiteGuard」を入れている場合 「#SITEGUARD_PLUGIN_SETTINGS_START」よりも上に記述する必要がある。 リンクが日本語の場合 「%...

見出し大 ここに記事の要約をかいてください。 投稿の記述の方法として、効率化のためにマークダウン記法を導入しています。 学習コストはそこまでかからないと思っていますが、わからなければ八城(彰)までご連絡を。 以下、マークダウン記法のサンプルで...

使用可能な拡張子 css gif gz htm html ico jpg jpeg js pdf png swf txt　※robots.txtに限る xml 動画のmp4なども使用不可のためYoutubeにアップしてもらうか別サーバーへアアップしたものを読み込むようにする。

かんたん注文ページの更新について https://www.tofu-moritaya.com/ext/order/kantan.html 簡易的ではありますが、 上記のページの更新方法について まとめましたので、必要があればご確認ください。 \CYNOSURA-NAS\share\02.コンサル事業\02.進行中案件\1...

プレゼントページ [画像]検証環境から本番環境に格納する ※通常は足利さん作業 ※[プレゼントページ]と[主キャン]の両方の画像を格納する ※格納しないファイル(足利さんがアップするため) 「日付-canpaign-"2以降"-hoge.jpg」 画像格納場所（2020/09 の場合...

メルマガ作成注意事項等 納品は前日の15時まで！！ メルマガ作成時に必要なファイル格納先 ■スケジュール https://docs.google.com/spreadsheets/d/184yM7CkVow8o1m-K4hTnqoh4KqeUZ3Xw818lZDDTl60/edit#gid=671054974 旧：G:\02.コンサル事業\02.進行中案...

Photoshop 効率ＵＰおすすめスクリプト デザイン制作に役立てるかと思います。 参考にどうぞ Photoshopでレイヤーを一つ一つ拡大してくれるスクリプト Transform Each https://blog.darkwark.com/transformEach21/ →縦横比が変更できない点以外は◎ 選択範...