タグ: 楽天

こんにちは！Hitomiです。 鳥マニアさん、今日もクンクンしてますか？ 今日は、暑がり&汗かきの私に主人がネットで注文してくれた商品を紹介します。今、巷で話題の商品・・・ 首かけ扇風機 首かけ？？？これはハンディですねぇ→

皆様どうも、こんにちは。 楽天ショップの中で、スクロールしても付いてくるバナーを見たことはありませんか？ PCだと画面の横にピタっと付いてきて、マウスをのせるとニョキっと出てくるアレです。 スマホだとスクロールしてもいつまでもついてくるアレです。 本記事ではそんな「スクロールに追従するバナーの設置方法」ついて解説していきます。 本記事の索引 -INDEX- 1. コピペするコードの紹介 2. まとめ 1. コピペするコードの紹介 コピペ用のコードを紹介いたします。 今回の記事で参考にさせていただいたブログは以下の２つです。 ・オガリアさんのこちらの記事 ・レジットさんのこちらの記事 ※実際に検証した上で上記サイトの内容を若干変更して記載します。 PC用コード バナーの画像は幅87px、高さは私は250pxで制作して正常に動作しました。 以下コードを「共通説明文（大）」に設置して正常動作しました。 <!-- 追従バナー ここから--> <style type="text/css"> <!-- a#rc_rightArea { width: 87px; /*画像の全体幅*/ position: fixed; top: 100px; right: -20px; /*マウスを乗せた時に出てくる幅*/ display:...

シンエイシステムズのRieです！ 今回はデジタルカメラのISO感度と撮影照明の関係についてです。 ISO感度とは？？ 撮影や描写にも関わるISO感度 ISO感度はきちんとした明るさに写すための基準となります。このためISO感度が決まると被写体の明るさに応じてシャッターや絞りが決められるのです。 フィルムカメラではどのような感度のフィルムを使うかでISO感度は固定されていましたが、デジタルカメラではISO感度を自由に変えられるようになっています。このため、撮影状況に応じて最適なISO感度を選べば、より自由度の高い撮影が可能になります。 Canon　HPより 簡単に言ってしまえば、光の当たり具合を調節するために、ISO感度を上げることで、暗い場所でも明るい写真を撮影することができるわけです。 照明の電球が切れてしまった！ 今日は雨が降っていて、部屋の中もなんだか暗いわね！ 彼女にフラれてオレの心もどんより曇りがち！ ISO感度を上げることで、これらの悩みも解決できるわけです( ´,_ゝ｀)← 正確に撮影しなければならない理由 商品の画像をお客様のHP上、あるいは商品販売ページに載せるときには 実際の商品と、記載の画像に差がああってはなりません。 商品を購入された方が、その商品や、商品を販売している店舗様に対して悪いイメージを持ってしまうかもしれないからです。 商品のカラーに関してもトラブルが起こりうることはあるのですが、 それはまた別記事にて・・。 実際にISO感度を調整して撮影してみた どのように撮影すると、正確な撮影ができるのか、撮影の悩みが解決するのか、実際に比較し、撮影してみました(^o^)/ 当社のお客様からの撮影依頼の商品で、化粧品の瓶やボトルなど形状が丸みをおびていて、パッケージ部分が光っていたりと非常に撮影しにくい物があります。 今回はそれと似たような、ボディークリームのボトルを使って比較撮影してみました！ 使用のデジタルカメラは、Canon EOS Kiss X5です。 撮影用照明を使用しない環境での撮影です。 ISO感度6400 AVモード ボトルの形状：ポンプの形状がハッキリと分かる。 ボトルの色：全体的に薄グレーという印象。 パッケージ部分の色：様々な色に光る部分と、紫色。 ポンプ部分の色：シルバーと、何となく紫色。 パッケージの文字：上半分は読めるが、下部分はほとんど読めない。 ISO感度3200 AVモード ボトルの形状：背景色とボトルの色が一部同化していて、ハッキリと分からない。 ボトルの色：全体的にグレーという印象。 パッケージ部分の色：様々な色に光る部分と、黒色。 ポンプ部分の色：シルバーと黒色。 パッケージの文字：上半分は読めるが、下部分は読めない。 ISO感度1600 AVモード ボトルの形状：背景色とボトルの色が同化していて、ハッキリと分からない。 ボトルの色：全体的濃グレー。 パッケージ部分の色：様々な色に光る部分と、黒色。 ポンプ部分の色：光っているのでシルバーと、黒色。 パッケージの文字：全て読めない。 ISO感度800 AVモード ボトルの形状：ほとんど分からない。 ボトルの色：全体的に黒色。 パッケージ部分の色：黒色。 ポンプ部分の色：若干光っているシルバーと、黒色。 パッケージの文字：全て読めない。 ここまでくると、この方を思い出します(ﾟ-ﾟ;) しゃちょーも、ISO感度を上げたほうが良さそうですねぇ。 俺より黒いやつに会いにいく。 どのように撮影したら、実際の商品と撮影画像の差異がなくなるのか・・ 長くなるので、その2に続きます！！

さくっと上書きしただけでは、すぐに画像は変わらない模様 楽天でR-Cabinet、GOLD上で画像を変更したいが画像のパスは変えたくない。 僕はファイル名＋日付で管理するようにしているため、 多少面倒でも上書きは避けているのですが、 ページをまたいでHTMLを作り込んでいけばいく程、 上書きせざるをえない機会が出てきます。 画像、差し替えたはずなのに切り替わらないじゃん・・・ とはいえ、上書したにもかかわらずフロントで何も変化がない。 いや、普通にGOLDでも上書きできてるんですけど。。。 あ、キャッシュか！って事でクリアしてみるものの変わらない。 何回ブラウザ読み込み直しても変化なし。 どうなってるんだ？って最初は本当に訳が分からなかったんですが、 いつの頃か「これって仕様なんじゃ？」と疑いはじめ。 調べたところやっぱり仕様でした。 じゃあ、どうするか 時差があるという事で、放置すればいい。 しかし、クライアントから画像差し替えの依頼があった時はそうも言ってられません。 速攻で画面上で「終わりました！」とメール送信したい。 こういう時は画像のパスにちょっと細工しましょう。 imgタグの画像パスをこんな感じで ◯◯◯.jpg　→　◯◯◯.jpg?rakuten=1 rakuten=1この部分は別にa=0でも、r=1000でも何でも良いです。 とりあえずこれでOK。 ちょっと注意点とか 注意として ◯◯◯.jpg　→　◯◯◯.jpg?rakuten=1 画像パスをこれに変えたとして、更にもう一度上書きする時は、 ◯◯◯.jpg?rakuten=1　→　◯◯◯.jpg?rakuten=2 などして数字を変化させてください。 2015.08.14 ※=1などイコールをつけなくても、?r　など何かしらの英数字を入力すれば問題ないです。 どのみち毎回こういう作業するのはコードも増えるし、 自分以外が見た時に「なんじゃこのなぞの変数は」となってパニックになりかねないので、おすすめしません。 できるだけ放置して自然に画像が変わるのを待つのがベストでしょうね。