読者です 読者をやめる 読者になる 読者になる

Fly higher! Sky is the limit!

webの現場で働く人のブログ

[GA][Googleアナリティクス]iPhone7(iOS 10)safariで クリックイベント計測がうまくいかない時の対処方法。

2016年9月13日にiOS 10が配信されました。 さっそくアップデートしましたが今までの仕様に慣れていたので起動時や目覚ましタイマーを止める際に、一度ホームボタンを押さないといけない新しい仕様が若干煩わしいです。 ※ ちなみに自分のiPhoneはiPhone 6です…

[JavaScript]日本語を数値に変換 / 日本語を数値に変換

JS

クイズの回答との照合やパスワードのチェックなどに使えるメソッド。 charCodeAt() メソッド 与えられたインデックスに位置する文字の Unicode コードポイントを10進数値で返す。 (例)"あいうえお"という文字列の場合、"あ" が charCodeAt(0)にあたる。 ⇒ …

[JQuery]たった9行でInstagram(インスタグラム)の写真一覧をWebサイトに表示する。

準備するもの Instagramのアカウント Instagram APIの登録 アクセストークンの取得 jQuery 参考サイト InstagramのAPIを使用して自分の投稿した写真をWEBサイトに出力する instagram api 事始め access_tokenを取得する - Qiita Instagram APIを取得してWeb…

TweenMaxを使ってオープニングアニメーションをつくる。

JS

TweenMaxを使ってオープニングアニメーションをつくる。 日本でもTweenMax(トゥイーンライブラリ)を使用しているリッチサイトが大分増えてきた気がますねー。 大体、動きがかっくいいサイトのソースを覗くと「TweenMax」の文字が見受けられます! 本記事は…

最近見つけたiOSのバグ(?) -JQuery アニメーション-

最近、ほとんどjQueryを使用したアニメーションの実装をしなくなってきておりますが、 たまたまiOSで納品物をチェックしている際に見つけてしまった挙動について記したいと思います。 サイドからスライドするメニューの動きが不自然。 メニューボタンを押す…

[jQuery]自作ブックマークレットで効率化!!~リードタイムの短縮~

世の中には先人が作った素晴らしいアドオンやブックマークレットがたくさんあります。私も様々なアドオンやブックマークレットをブラウザに入れ普段の業務に役立てております。 しかし、すべての作業についてそれらのアドオンやブックマークレットで賄えるわ…

[GA]iPhone、iPad等(iOS:Safari)でGoogleアナリティクスでクリックイベント計測がうまくいかない時の対処方法。

JS GA

※ こちらも合わせてご覧ください。2016/11/1更新 paradox-tm.hateblo.jp iOSのSafariのみブラウザの仕様上、Googleアナリティクス(以下、GA)を使用したイベント計測がうまくいかない事が多々あります。 特に計測がうまくいかない時のパターンが以下です。 …

[AngularJS]ノンコーダーやディレクター向け運用支援ツールの開発。

Webサイトの運用をするにあたって、ディレクターから案件が入稿され制作者が納品物をつくるわけですが 運用コスト削減につながるように運用支援ツール(仮)を考えてみました。 JSのフレームワークは、AngularJSを使用してみました。 運用ツールのゴール デ…

[JS]日付処理 × replace × 置換 × 後方置換

JS

(例)2016/02/04 → 2016年2月4日 にしたい場合。 /*日付置換*/ var date = '2016/02/04'; date = date.replace(/^(\d+)\/(\d+)\/(\d+)$/, function(){ var month,day; month = arguments[2]; day = arguments[3]; month = month ? month.replace(/^0/,'') :…