コーディング– category –

【前提】 デザインはオリジナルではなく、基本的に公式が公開しているシェアボタンを使用する。 既にサイト内にボタンが設置･運用されている場合はそちらから流用する。 【事前確認】 エンジニア シェアボタンの実装に問題がないか具体的に確認 実装の際、...

【参考記事】 お名前.comでサブドメインを発行記事https://www.onamae.com/column/domain/49/#article6_0 さくらのVPS設定マニュアル 参考記事 https://poyoon.com/kusanagi-for-wordpress-install-and-provision/https://kusanagi.tokyo/kusanagi8/docume...

【カテゴリ別ランキングの設定方法】 https://faq.future-shop.jp/hc/ja/articles/4419637746713 重要：レコメンドカテゴリ設定 【料金プラン】 https://www.future-shop.jp/function/construction/recommend.html

【TDK】 すべて先方からの指定あり。要確認。 【デザイン】 具体的なデザインのご要望がある。お戻しが2度以上発生する可能性がある。 追加要望の際の再見積もりは、デザイン･コーディング･ディレクションすべての追加工数を確認。日程調整も都度確認。 【...

【商品詳細(ブブコン)のコーディング】 実際の品番に対して調整を行う場合、事前に作業のタイミングを摺り合わせる。 する蔵(基幹システム)から一定期間で上書きされる可能性がある。先方の更新対応が入る可能性がある。 楽天の施策時期(スーパーセール等)...

【URLパラメータ設定】 【広告コード】LINE･メルマガ メルマガ：?advc=mail LINE：?advc=line 例：https://www.tofu-moritaya.com/ext/campaign/cp2306/index.aspx?advc=mail&utm_source=moritaya&utm_medium=mail&utm_campaign=mailmagazine-...

【年間スケジュール】 リリーススケジュール https://docs.google.com/spreadsheets/d/1F4HcjrZZkjlB4TiayZEpVdbZ1cmYNnMnPuohHD1VC3o/edit#gid=217759149 先方入力：A-H列自動入力：I-N列 余裕があるタイミングで、キノスラ側が逐次下記のように更新して...

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

【本件記載の経緯】 jsファイル(data_val)の先祖返り キャンペーンのjsファイル更新時、本来であればjsファイルとスプレッドシートの両方を更新し、同期・最新化しておくべきところ、jsファイルのみを更新し、スプレッドシート更新作業に漏れが生じてしま...

【SFTPってなにができるの？】 VSCODE拡張機能のSFTPを使って、保存したファイルを自動的にFTPサーバにアップロードできます。つまりローカルでデータを作成したものをFTPのサーバーにアップロードする時、わざわざ手動でアップロードボタンを押さなくても...

【基本情報】 ・基本的にはbscstmを使用しての構築 ・sassを用いてのcss構築 ・sassには_end.scssとitem.scssを毎回使用 ・本店を構築し、先方からOKが出てから楽天→Yahoo店の順に構築していく。（OKが出ていないうちに他モールを構築してしまうと、修正が...

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

【コレクションの作成方法】 参考URL:https://help.shopify.com/ja/manual/products/collections/automated-collections/auto-create 商品管理＞コレクション＞コレクションを作成する １．タイトルにカテゴリ名を記入 ２．コレクションの種類は「自動」を...

【SEO】 SEOとは SEO（Search Engine Optimization：検索エンジン最適化） Google の使命「世界中の情報を整理し、世界中の人々がアクセスできて使えるようにすること」の遂行のため、ユーザーが必要な情報に合致するものを提供できるよう、様々なロジック...

【htmlメルマガ仕様】 htmlメルマガは閲覧する環境によって、styleなどの仕様が変わってしまうので、ここにまとめます。 対象の閲覧環境と大まかな仕様 Gmail（PCブラウザ） classが効かない（レスポンシブ未対応） Gmail（SPアプリ） classが効かない（レ...

【メルマガ概要】 現在の運用 テンプレート使用して、作業工数の軽減化を目的とし、運用 手順 キナリ様はデモと本番サーバーがあり、この２つのサーバーを使用して、メルマガを作成していきます。 【デモサーバー】https://tt311.w2solution.com/Test/R501...

【w2環境 カートボタンを非表示にする方法】 カートボタンを非表示にする方法は下記２点です。 ——————————————— ①在庫をゼロにする ②販売期間を終了（過去）にする ——————————————— ①リピートPLUSの「在庫情報」で設定 リピートPLUS上の「在庫情報」でゼロ...

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

SEOの評価の一つとして「page speed insights」のスコアが加味されるようになっています。https://developers.google.com/speed/pagespeed/insights/ ページを作成する環境によって（w2やエビス、ec-beingなど別サービス内でのページ作成）は、対応が難し...

【準備編】 バナーの並び順を確認 https://docs.google.com/spreadsheets/d/1YGMHuKbh_MIiyZ4F7qctT5hiiPfIEM0emdrPPC2BlOU/edit#gid=1805242679 登録バナーデータをダウンロードする コンテンツ管理 ↓ パーツ管理 ↓ パーツ新規登録/一覧 ↓ ダウンロード（...

【準備編】 管理画面とdemoページを開く 管理画面 https://demo.ebisumart.com/admin.html demoページ https://demo.ebisumart.com/MORITAYA/ 【編集編】 コード編集 PC /view_preview/userweb/ext/campaign/present.xhtml SP /view_preview/smartphone/ex...

【準備編】 管理画面とdemoページを開く 管理画面 https://demo.ebisumart.com/admin.html demoページ https://demo.ebisumart.com/MORITAYA/ URLを確認 例: /d2009emulsion.html スプレッドシートの場合は「主cp列」に★マークがついているページが対象。 ...

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

【iPad用のmedia】 // ipad用の表記 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { ここに記述 } 参考URL https://sole-color-blog.com/blog/71/ https://dev.classmethod.jp/articles/device-media-queries/

【参考ＵＲＬ】 ieのバグでスクロールした際に背景画像がガタついてしまう現象について。 JavaScriptで解決↓ https://souken-blog.com/2017/08/25/ie11-smoothscroll/ https://myscreate.com/ie-smooth-scroll/

【キナリ様月初更新＆アクティブコア設定について】 更新に必要なファイルと格納先等 キナリ様URL一覧 https://docs.google.com/spreadsheets/d/1JGhF36yCEaT8zEDEXBJ6vi4yj8OJDw7T/edit?pli=1#gid=1685260065 タイマーセット施策 ■ポップアップ https://d...

【chromeでのみスムーススクロールが効かない場合】 Wowmaのplus配下でPCでのみスムーススクロールが効かないという挙動があった（20200214頃） 原因と思われるもの 参照： https://teratail.com/questions/92581 html,bodyにheight: 100%;が指定されてい...

【使用不可なタグ】 PC label input script SP style link label input script

【楽天店のコーディングを行う際に留意する事】 webfontは使えない goldページ内での使用は自由だが、商品詳細ページやカテゴリページなど 動的に出力されるページ（https://item.rakuten.co.jp/配下） では読み込めない（google font、goldサーバーに置い...

【コーディング】 テストサーバURLが残っていた 発覚日：190718 発生場所：本店 帰省土産特集 https://www.suzette-shop.jp/shop/e/ehckisei/ 内容：特集内のリンクに、テストサーバURLが残ってしまっていた。 対策：コーディング校正する際、ソースでテス...

【サンプル集】 コーディング依頼を出すときに、JS処理が必要なものについて、 サンプル・サンプルページがあるとより伝わりやすいです。 なので、気になるページや今後使いたい動きなどがあれば、ここにどんどん追記していきましょう。 ※ある程度まとまっ...

【アクティブコアの設定】 測定のURLの設定方法について ■URLにパラーメータを付与する際「?、&」のパラメータより前に、 　アンカーリンク(#)が付与されていると、パラメータが計測できない。 /user_data/trial/index.php#trial_sokamocka?xloc_id=01...

【内容】 ・bodyのスクロールバーを常に表示する。 body{overflow-y:scroll;} 参考： http://farm.senbonmatsu.com/index01.html ※リリース後にURL変更されていたら↓ http://farm.senbonmatsu.com ・bodyにつけず、各セレクターにつけると、表示・非表示の...

【過去に導入したjs一覧】 【テキストのコピー】 http://suzette-ec.cynosura.jp/contents/members/wdcampaign/ 使用JS：clipboard.min.js

【商品テストページ】 Yahoo店 https://store.shopping.yahoo.co.jp/henri-charpentier/test01.html

【ダミー画像のWEBサービス】 シンプルな背景＋文字の画像を作ってくれます。 http://placehold.jp/ URLが生成されるので、あとはいimgのsrcで読込むだけです。 他にも、版権フリーな画像をランダムで読込んでくれるものもあります。 Lorem Picsum https:/...

【JSで画像加工】 cssのfilterを使えば画像の加工ができますが、IEには効かないようです。 このJSを使えば、IEにも適用できるようです。 【参考サイト】 https://www.conifer.jp/csstest/js-vintage.html

【youtubeを埋め込む際のプロパティ指定など】 【公式】 IFrame Player API 【抜粋記事】 YouTubeの埋め込み使いこなし術！13個のテクニックまとめ 最新版のgoogle-chromeで埋め込み動画が自動再生されない スクロールで自動再生 【jQuery】Youtubeがウィ...

ttrやカテゴリ、商品詳細ページに使用するcssはhenri-item-detail.scssで管理していく(2019/06/17　by姉川＆八城) C３等で同じcssを使用したい場合は、別のcssファイルを使用してもらう（先方でC3様にidやclassを付け替えてもらう） scss置き場所 suzette-...

エビスマートの仕様byインターファクトリー　様からのご回答 csv エビスマートの仕様により、csvでアップすると改行が消えて1行になってしまう。 ―　今後の課題など　― 全商品に入っている文言の一斉置換をしたい時、どうするか MORITAYAタグについて mori...

【特定商品の終売対応詳細】 対応方法 1）対象商品をコメントアウトする ex　メイクLP https://www.sokamocka.com/user_data/items/makeup/eyecolor/ 　★集合画像に対象商品画像がある場合は要調整 2）カートボタンをSOLDOUTに変更する ex　旧スキンケアLP...

ecbeingで使用可能な拡張子を共有します css gif gz htm html ico jpg jpeg js pdf png swf txt　※robots.txtに限る xml (2019/06/13 竹宮さまより) 動画やフォントファイルなどはクライアントの別サーバー等に登録し、引っ張ってくることになります。

機種依存チェッカー（https://www.submit.ne.jp/tools/check） で確認してOKでも、メーラーを通すと文字化けしてしまうものがありましたので、共有です。 NG ―　→Gmailで?と表示されてしまう OK ━ ◆ ◇ ▲ ☆ ●

pcとspで表示させるページを変えたい時に <script type="text/javascript">// <! if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userA...

メルマガ作成時に役に立つURLやファイルの格納先などを記載します。 URL抽出サイト http://www.shurey.com/js/works/linkview.html http://www.ahref.org/app/urlchu/urlchu.cgi メルマガテスト配信 https://putsmail.com/ メールアドレスでの会員登録が必...

【ハック一覧】 楽天RMS内のコンテンツ作成時によく使用する内容をまとめていきます。 使用許可されていないタグを使う（スマホのみ） タグに「=""」を付けるとタグと認識されなくなるので、 楽天のシステム上、登録不可能なタグも使用できるよ...

【各社様のバージョンについて】 各社様でサイト内で採用しているjQueryのバージョンが異なるため、コーディングの際は、サイトにあったバージョンのjQueryの記述方法・ライブラリを使用するようにする。 ※コーディング前に各サイトのjQueryのバージョンは...

【IEで文字の高さがずれる事象をどうにかしたい。】 校正で指摘されることが多く、コーディング担当者が事前に確認／解決できる改善したいです。 原因 どうやらフォントが関係しているみたいです。 https://stand-4u.com/web/ie11_yu.html 解決方法①：X-UA...

【情報共有】 カッコいいアニメーションがあったので共有です。 参考にしたい！ローディングやオープニングアニメーションが素敵なサイトまとめ http://bashalog.c-brains.jp/19/04/25-162554.php 追加情報求む 以下、どなたでもどんどん追記してください！

【ecbeingでttfファイルが読みこまれず、アイコンが表示されない】 lineariconsを利用したカートなどのアイコン表示をしていましたが、 シュゼット様のecbeing/ステージング環境に登録すると、 アイコンがうまく表示されない原因がありました。 原因（想定...