エンジニア– category –

参考ＵＲＬ 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://docs....

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

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

開いているページのHTMLを保存 現在開いているページのHTMLをダウンロードしてくれるブックマークレットです。 SaveAsHtml

basic認証の設定方法 キノスラサーバー ① .htaccess AuthType Basic AuthName "Input your ID and Password." AuthUserFile /var/www/cynosura.jp/サブドメイン/任意のフォルダ/.htpasswd require valid-user ②　.htpasswd 下記サイト参考 http:...

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

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

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

.htaccessと.htpasswdを設置する Basic認証には、この二つが必要です。 .htaccess 設置個所は、/public_htmlの直下です。 中身↓ AuthUserfile /home/店舗キー/.htpasswd AuthGroupFile /dev/null AuthName "Please enter your ID and password" ...

アクティブコアの設定 測定の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://pic...

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　ht...

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...

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

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

Enable Markdownを無効に 右サイドバーにあるEnable Markdownを無効にすると従来の入力フォームに戻ります。 【補足】 ・記法の変更は、投稿の記事単位です。 ・新規登録時はEnable Markdownの変更ができないため、一度保存（公開や下書き）し変更時に設定...

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

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

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

IEのみ画像が表示されない chrome、edgeなどでは正常に表示される画像がIEのみ表示がされていない事象がありました。 該当画像 ※掲載準備中 原因（予想） 画像が壊れている、もしくはIEで表示されない属性（設定？）と思われる。 詳細までは未調査です。 ※...

見出し大 ここに記事の要約をかいてください。 見出し中 記事の章タイトルとして、見出し中「##」を使ってください。 見出し中 ulリスト -- ulリスト -- ulリスト ulリスト ulリスト olリスト olリスト olリスト olリスト olリスト

h1 h2 h3 h4 h5 h6 <aa></aa> <a></a> <div>aaaaa</div> <aa></aa> <a></a> table tabletest aaa aaa aaa aaa aaa -- aaa test test2 testです。