2015年10月16日金曜日

jquery.lazyload.jsを使ってみた(画像の遅延読み込み)

こんにちは開発者のKです。 スマートフォンでWebページを閲覧する機会が増えた昨今、比較的貧弱な3G回線でもスムーズに閲覧できるように サーバへのリクエスト数やダウンロードするリソースの容量はなるべく抑えたいですよね。 通常ページ容量の大半を占めるのは画像だと思いますので、その一つの解決策として画像の遅延読み込みを実装したjqueryのプラグイン「jquery.lazyload.js」を使ってみましたので所感を述べたいと思います。 遅延読み込みについて 通常ブラウザはHTMLを1行目から順に解析していき、imgタグやcssのbackgroudで指定された画像を発見した際、即時画像のダウンロードを開始します。 画像の遅延読み込みとは、この読み込みタイミングを遅延させ、ページを一度表示し終わった後に非同期でダウンロードしようというものです。 ブラウザの表示領域は限られていますから、表示領域の外にある画像は、あとから読み込んでも影響は少ないよね、という考え方です。 これにより、最初にページ読み込みが完了までのページ容量を削減し、表示速度の高速化が期待できます。 使い方 簡単な使い方は以下の通りです。 jquery本体とlazyloadを読み込みます。 遅延読み込みさせたいimgタグにlazyクラスを付与します。このクラス名は任意に変更可能です。srcには仮で表示させる画像を指定しておき、data-originalに本来表示させる画像のURLを指定します。 step2で付与したlazyクラスを持つ要素に対して、lazyloadを実行します。その際、様々なオプションを渡すことができます。 $(function...

2015年10月15日木曜日

Googleアナリティクスのカスタムキャンペーンとは

こんにちわ山田です。 グーグルアナリティクスにてアクセスの解析に欲しい機能がありました。 リファラーのない、広告やメルマガからの流入を測定する方法です。 調べてまとめてみました。 目的のURLのクエリストリングに計測パラメータを付けることにより実現します。 ■グーグルから便利なURL生成ページがあります https://support.google.com/analytics/answer/1033867?hl=ja パラメータ 対応するディメンション 設定する項目 必須/オプション utm_source 参照元 媒体名を指定 必須 utm_medium メディア 広告の種類を指定 必須 utm_campaign キャンペーン 広告のキャンペーン名を指定 ...

2015年10月14日水曜日

知っておくと便利なURLスキーム

こんにちは山田です。 本日はブラウザから「地図を見るボタン」を選択した際に、地図アプリが立ち上がり、指定した位置を開く という物を作っている時に気づいたことのお話しです。 URLスキーム?? という謎の言葉が何度が飛び交いました。 ということで調べてみました。 URLスキームとは? たとえば↓のものです。 http://maps.apple.com/maps?q=渋谷駅 先頭は地図のアプリを開くことを指しており、 q命令らしく q以降で命令の内容を指定しています。 つまり、地図のアプリケーションを起動⇒渋谷で検索 という流れになります。 参考までに詳しく乗っているリンク先に記載されている情報を転載させていただきます。めもめお、、、 表:「マップ」のURLスキームで使用できるおもなパラメーター パラメーター     内容 q    ...

2015年10月13日火曜日

~正規表現を使って文字列を取得してみる~

始めまして、開発者のⅠです。 日々の開発で経験したことなど、色々と書かせていただきますので宜しくお願い致します。 さて、今回は正規表現を用いて文字列を取得する方法について書いてみたいと思います。 正規表現については、どこかで耳にしたことがあると思います。それをここで全て説明するのは難しいので省略いたしますが、一言でいうと「抽象的な文字列の表現」と言えます。 ※参考URL:http://www.mnet.ne.jp/~nakama/ この正規表現を利用して、例文から条件と合致する文字列を取得してみたいと思います。 正規表現を使って日付と曜日を取得してみましょう。 ----------------------------------------------------------------------- string sentence = "2015年10月13日火曜日, 天気は晴れです,...

2015年10月9日金曜日

SQL 算術オーバーフロー エラー

「expression をデータ型 datetime に変換中に、算術オーバーフロー エラーが発生しました。」 こんにちはYです。 クエリを実行中、上記のエラーが発生してちょっと調べてみました。 declare @datetimedisp datetimeset @datetimedisp = 20160101select    *from    mst_table where   1 = 1 どうやら、int型の20160101をdatetime型に暗黙的キャストをSQLServerが行っていたらしく、 キャストの失敗が原因でこのようなエラーが起きていたのだとわかりました。 正しくは 「2016-01-01」または「2016-01-01 00:00:00」と代入するのが正しいようです。 久しぶりに触って忘れていたこ...