スクロールに応じて画像を遅延読込させるLazy Loadプラグイン
本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回はWebページのスクロールに応じて画像を遅延読込させるLazy Loadプラグインを用いて、多数の画像を含むWebページで効率よく画像を読み込む方法を紹介します。 はじめに 一般に画像を含むWebページをWebブラウザで表示する場合、画像が表示されるかどうかに関わらず、すべての画像がWebサーバーからダウンロードされます。そのため、縦に長いWebページに多数の画像が配置されている場合、スクロールしなければ表示されない多くの画像を読み込むために多くのロード時間を費やすことになります。この事象は特に、端末の処理能力が相対的に低く、ネットワーク状況も不安定になりがちなスマートフォンにおいて、より深刻な問題です。 そこで本記事では、Lazy Loadプラグインを用いて画
レスポンシブデザイン対応のテーブル – やってみたら、できた。
PCでは幅広く見せたい表組みですが、スマートフォンで見ると幅が狭いので見にくいですよね。 そこで、以前Web Designingに載っていた、レスポンシブ対応の方法を簡単にメモしておきます。 PCで表示すると… 簡単に表を作成しました。わたしの好き嫌いの表ですが、、PCで見るととっても見やすい表になっていますo(^▽^)o スマートフォンで表示すると… まあ、こんなかんじになりますよね。十分見えるけれどもっと長い文章だと見にくいです＞＜ CSSで表示を切り替える そこで下記のようにデバイス幅に応じてCSSを切り替えます。 .table-style01{ margin:15px 0; border-top:1px solid #ddd; border-right:1px solid #ddd; } .table-style01 th, .table-style01 td{ padding:1
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
SoftBank・docomo・auの「フィルタリング（ウェブ利用制限・アクセス制限）」を回避する方法
docomo・au・ソフトバンクなどが提供する「フィルタリング（ウェブ利用制限・安心アクセスサービス・アクセス制限）」によって見たいサイトが見られずに困っている一部の中高生は、いくつかの方法でフィルタリングを回避して、閲覧制限されているサイトを利用しています。フィルタリングの具体的な回避方法と、そのフィルタリング回避方法を防ぐ方法（保護者向け）について考えてみたいと思います。 具体的な回避方法として、Opera miniなどのアプリを使う方法と、Wi-Fiを使う方法について紹介します。 しっかりと専用アプリを使えば、これらの回避方法も防ぐことができます（ちょっと設定が難しいけど）。そして、各社も専用サイトで案内を出していたり、フィルタリングサービスの適用範囲を紹介しています。 しかし、現状回避している中高生が多いことから、フィルタリングの導入方法がキャリアの説明通りに実施されていない場合が
Viber Out 期間限定 固定電話宛 無料キャンペーンを試してみた。
楽天が、Viber Media Ltd（バイバー）を、9億ドルで買収しました。約2億8千万人の登録ユーザーを持つViberは、「楽天経済圏」と相性抜群ということですが、Viberの2013年の売上は151万ドルです。ずいぶんと良いお値段つけたなと思います。それだけ、魅力的な案件だったのでしょう。むしろ、テンセントQQの方が、楽天市場のイメージとマッチする気がしますが、こうしたコミュニケーションアプリが、コンテンツやECの導線となるモデルは、スマートフォン時代ならではで、面白いなと思います。それはさておき、Viberは、Skypeに近いサービスを提供しています。 楽天株式会社: Viber Media Ltd.の株式の取得（子会社化）に関するお知らせ ニュース : テンセントQQ日本版 公式サイト : 携帯電話宛：Japan-Mobile 9.8 ￠/min (9.96 JPY) 固定電話宛
8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明
有限会社いろはの代表取締役兼経営コンサルタント・竹内謙礼が、「ネットで売れるもの売れないもの 増補改訂版」（日本経済新聞出版社）を8月2日に発売するにあたり、楽天リサーチを活用して、スマートフォンユーザー100名に対して、アンケート調査を行った。 同調査では、スマートフォンで一般的に表示される「PCサイト」と、スマートフォンの画面の大きさに合わせて表示される「スマートフォン専用サイト」と、どちらが活用されているのかを中心に尋ねた。 まず、「スマートフォン専用サイト」と「PCサイト」、どちらが使いやすいか質問したところ、「スマートフォン専用サイト」と回答した人が39％だったのに対して、「PCサイト」と回答した人が45％と、6ポイント上回る結果となった。「特に意識はしていない」と回答した“どっちでもいい派”の人が16％いることから、6割以上の人がスマートフォン専用サイトに対して利便性を感じてい
Googleがスマホへの対応が不適切なサイトの順位引き下げを発表 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
2013年6月11日、検索サイト最大手のGoogleが検索結果のランキング変更に関する発表を行いました。 スマートフォン向け検索でのランキングの変更について GoogleのPierre Far氏（ウェブマスタートレンド担当アナリスト）によると、「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」と述べています。 要はスマートフォンユーザーがより快適にサイトのコンテンツを閲覧し、ストレス無く探している情報をすぐに見つけることができるようにする変更なんですが、問題のあるサイト事例として以下を紹介しています。 デスクトップ向けサイトと、スマートフォン向けサイトでそれぞれ別々のURLを用意しているサイトの場合、リダイレク
note ――つくる、つながる、とどける。
ソーシャルメディアとデジタルマーケティングに強い株式会社トライバルメディアハウス代表。大手企業300社以上の広告宣伝・広報・マーケティングの支援実績を持つ。近著『売上の地図』（日経BP）、『自分を育てる働き方ノート』（WAVE出版）含め著書・共著書10冊以上。鎌倉稲村ヶ崎在住。
htmlをiPhoneに対応させる
そもそもwidthは ・縦:portlaitモード（320px）約1/3 ・横:landscapeモード（480px）約1/2 （1）metaタグにviewportを使う <meta name="viewport" content="[プロパティ]=[値](, [プロパティ]=[値])"> initial-scale 倍率の初期値 乗数で指定（例：120%の場合は1.2） minimum-scale 倍率の最小値 乗数で指定 maximum-scale 倍率の最大値 乗数で指定 user-scalable 拡大縮小の可否 （ye/no） <meta name="viewport" content="width=device-width" /> デバイスにあわせる（スクロール分の余白ができてしまう） <meta name="viewport" content="width=320; init
DeNAもLINE型アプリ投入、高品質通話&写真が得意な「comm(コム)」 【増田 @maskin】 | TechWave（テックウェーブ）
「モバゲー」を主力とするネットサービス大手 ディー・エヌ・エー (DeNA)は2012年10月22日、iTune App StoreおよびGoogle PLAYの各マーケットにLINE風のメッセージングアプリ「comm (コム)」を公開した。あわせて公式サイトも閲覧できるようになっている。 「comm (コム)」は、スタンプや絵文字が使えるチャットに無料音声通話、NHN JAPANの「LINE」と同じような構成のコミュニケーションアプリだが、高音質な無料通話をアピールしているほか、LINEにない特徴として、commユーザー以外にもメッセージを送信する機能や、写真を共有したりタグ付けをする機能などを追加するなどLINEをかなり意識して高機能をうたった作り込まれたデザインとなっている。 音声通話はかなりの高品質 ユーザー登録もLINEと同様電話番号ベースで確認コードをSMSで送付して認証する仕
iOS 6でもGoogleマップとストリートビューを使いたい人に裏技登場 これでアップル製マップとおさらば？ ｜ ガジェット通信 GetNews
iOS 6でもGoogleマップとストリートビューを使いたい人に裏技登場 これでアップル製マップとおさらば？ iOS 6になり数々のバージョンアップがされたiPhone、iPad、iPod Touch。しかしバージョンアップばかりでなく、ダウングレードした部分もあるのだ。iOS 6リリース前から話題になっていたアップル製地図がリリース後に予想を裏切らないクオリティの低さに皆が驚愕。あるはずの道がなかったり、駅の場所が違っていたり施設名が異なっていたり、謎の地名が表記されていたりと地図利用者は大混乱である。 Googleの地図がそれほど凄かったのか、それともアップルが見切り発車をしてしまったのか、どちらにせよこのままでは日本国内ではアップル製の地図は全く使い物にならない。どうにかして『Googleマップ』を使いたいと言う人は『Safari』なりのブラウザを起動して「Googleマップ」と検索
気になるページを保存してあとで別のスマホなどからオフライン時にも読めるようにできる「Pocket」の使い方
保存したページのデータをあらかじめダウンロードさせておくことで、電波の届かない場所であってもiPhoneやAndroidなどのスマートフォンからオフラインで読むことができ、約300種類ものアプリと連携可能となっているネットサービスが「Pocket」です。Firefox・Chrome・IEなどのブラウザからページを保存した後、あとでスマートフォン経由で移動中や出先で読む、あるいはその逆でスマートフォンで気になるページをピックアップしてから、あとでゆっくりPCで閲覧する、というようなことが可能になります。 実際にどういう感じのシチュエーションでシームレスに使えるかというのは以下のムービーを見れば分かります。 Introducing Pocket on Vimeo アカウント登録、ブラウザ（Firefox・Chrome・IE）での使用方法、iPhone・iPad・Android搭載スマートフォン
Twitterで印象に残る人と残らない人の決定的な差
TwitterやFacebookなどのSNSにおいて、その人がどのように印象に残るのかを考えてみた。 どうしてこの人の印象は強くて、どうしてあの人の事は印象に残っていないのかという点。 これをじっくり考えてみると、実は印象に残りやすい人の傾向と対策が見えてくるのでは無いかということで、今回はこれを5つのカテゴリーに分けて考えて見ることにした。 人からどう見られるかを気にするのは面倒という方もいますし、単に友達とのコミュニティの形成が目的な人もいると思います。そういう方はあんまり気にする必要は無いですが、例えばもう少しSNSで突っ込んだ会話がしたい、色んな情報を引き出したいというケースや、企業としてのSNS運営につまづいている場合に読んでいただければと思います。 １）好きなものをはっきりと、そして定期的に表現している ジャンルが様々あります。 例えばPC、食べ物、車、家電といった「物」を対象
ヴィヴィアン・ウエストウッドのスマートフォン docomoが限定販売
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ホテル客室の有線LANをWiFi化する超小型ルーター『WRH-300』が便利 - 週刊アスキー
https://repopgl.org/
ページを表示したスマフォやタブレットのいい感じのスクリーンショットを簡単に作成できる -PlaceIt
料金・割引 | iPad mini / iPad | au
キジトラBLOG | 地味に役立つ知恵袋と街の話題など
スマホの通話料をトコトン安くする | SMARTalk
