タグ: スマートフォン

こんにちは！Hitomiです。 鳥マニアさん、今日もクンクンしてますか？ みなさん、携帯電話、スマートフォンお持ちですか？大半の方は利用されていると思います。 今日は便利で私達の生活に欠かせないものとなった、スマートフォンについてお話ししたいと思います。 スマートフォン、略してスマホの登場 通話しかできなかった1980年代から1990年代の携帯電話に対して、1990年代年代後半から2000年代にかけては、メール機能やインターネット閲覧機能のついた携帯電話が主流となりました。 そして、2007年に発表された初代iPhoneから始まったスマートフォンは、インターネットを自由に使え、またアプリも自由にダウンロードしたり消したりバージョンアップすることができるようになりました。Wi-Fi機能も使えるものが一般的で、2010年代中盤以降のスマホでは、高速通信（LTE）機能や、AIを使った音声認識によるバーチャルアシスタント機能を備えるものも多くなりました。

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