[JS] Google Analyticsを活用して、サイトで起こったJavaScriptエラーを収集しよう こんにちは、@yoheiMuneです。 Google Analyticsで、JavaScriptエラーの内容も収集できるって知ってますか!? 自分は最近知って驚きました。Google Analytcsを導入しているサイトであれば簡単に行うことが出来るので、その内容と実装方法を紹介したいと思います。 Google AnaliticsでJSエラーを収集する仕組み Google Analyticsはサイトの訪問者数やPVを計測する機能を持ったWebアプリケーションです。訪問数、PV計測、離脱率、Google Adsenseの効果測定など様々なことが出来るのですが、その中でイベント機能というものを使うとJSエラーをGoogle Analiticsで収集することが可能となります。 イベント機
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)
このように「いいね」してくれているユーザーとそうでないユーザーによって、アプリ内の表示を分けるには、 Facebook内でアプリが読みこまれた時に渡されるsigned_requestからいいねの有無を取得することで実装できます。 ここでは、下記のようないいね有無で表示を分岐するiframeアプリをPHPで作成し、Facebookページのページタブとして追加するまでの流れを説明したいと思います。
TwitterのAPIはほぼマスターしたんだけど、facebook APIはまだ触ってみたことなかったのでいざ挑戦!ってわけです。 まぁたまたまそういう仕事が来そうだったので予習です、予習。 facebook DEVELOPERSというサイトに各種ドキュメントがあります。 アプリ登録を行って、アプリIDとアプリの秘訣を取得する 「アプリの秘訣ってなんだよw」てな感じですが、まぁサイトにそう書いてるから仕方ねぇっすよ。 こちらでアプリの登録を行います。右上にある[+Create New App]というボタンからね。 アプリ名だけ入力すればOK。恐ろしく見えにくいCAPTCHAという難関を乗り越えれば、あっさりアプリIDとアプリの秘訣が取得できます。 で、「アプリの秘訣ってなんだよw」ですよね? はいはい、App Secretのことです。訳の解らん和訳で「アプリの秘訣」ってなってるわけです、は
Google Drive APIだけで行けるかと思ったら無理っぽくて、色々解らなかったのでメモ。 Google APIs ConsoleのServicesからDrive APIをOnにする。 API Accessで "Client ID(for web applications)"と"Bowser Key"を作る。 "Client ID"の"JavaScript origins"はとりあえず"http://localhost"でいい感じ。 で、こんな感じのコードでできた。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="utf-8"> <title>Export Spreadsheet from Google Drive</title> <script type="text/javascript"> var clientId =
Immersion Media Discussions about Web Development, Design, SEO and Software Using Google Forms is a great and simple way for anyone to publish an online form. While Google Forms are very powerful, the presentation isn’t very desirable and in it’s raw form can be a poor reflection on your company or brand. This post explains how to create a Google Form and how to customize it or “make it pretty”. I
PHP5.3でパーサーを作る勉強をしています。 http://ja.wikipedia.org/wiki/東京太・ゆめ子 → 最初の文書 ”東京太・ゆめ子(あずまきょうた・ゆめこ)は漫才協会、落語芸術協会所属の夫婦漫才コンビ。1976年結婚、1993年結成。2010年、文化庁芸術祭大衆芸能部門で大賞受賞。出囃子は「東京ブギウギ」。” 別の例 http://ja.wikipedia.org/wiki/カナリア_(お笑い) → 最初の文書 ”カナリアは、吉本興業東京本社(東京吉本、厳密には子会社のよしもとクリエイティブ・エージェンシー)所属のお笑いコンビ。メンバー共に大阪NSC21期生(東京NSC4期生扱い)。2003年結成。。” の最初の文書(""で囲んだ部分) の部分を表示するプログラムを書いていただけると助かります。 文中のリンク・書体はそのまま活かしてください。 よろしくお願いします。
全画面 API は、特定の要素 (Element) (およびその子孫)を全画面モードで表示したり、必要なくなったときに全画面モードを抜けたりする方法を追加します。これによって、要求されたコンテンツ — オンラインゲームなど — がユーザーの画面全体で表示され、全画面モードが終了するまで、ブラウザーのユーザーインターフェイス要素や他のアプリケーションをすべて画面から排除することができます。 API の使い方についての詳細は、 全画面 API ガイドをご覧ください。 インターフェイス 全画面 API 自体に独自のインターフェイスはありません。その代わりに、全画面機能を提供するために必要なメソッド、プロパティ、イベントハンドラーを数多くの他のインターフェイスに追加しています。これらは以下の節に挙げています。 インスタンスメソッド 全画面 API は Document および Element イン
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 どんな要素でも全画面表示に出来る Fullscreen APIというものがありま して、主に動画で使われている事が 多いですが、今回はブログコンテン ツのリーダビリティに貢献させる 目的で使って見ます。 動画コンテンツに主に使われている印象のAPIなので目にする機会が多くはありませんが、動画だけでなく、どんな要素にも使えますので、ブログやドキュメントなどのテキストコンテンツに使ってみたらリーダビリティの高い状態にユーザー側でスイッチできるので素敵かな、と思った次第です。 さっさとサンプル見せろ、という方は下にスクロールしてください。 W3Cでの仕様はまだEditors’ Draft状態ですけど、最近ちょくちょく使っているところを見かけるようになりました。 HTML5
HTML5 Advent Calendarの2日目です。 本当は3日目の担当だったけど、代打(?)で2日目も書いている。もちろん3日目の記事も書く。 「HTML5 Advent Calendar」はこんな感じの取り組み。まだ空きがあるので、よかったらどうぞ。 今年は、HTML5もAdvent Calendarやります! 本来のAdvent Calendarとは、12月1日からクリスマスの25日まで、カードに作られた窓を1日に1つずつ開けていくというものです。一方、技術系のAdvent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというものです。もちろん、ここでのテーマは「HTML5」になります。HTML5に関することならなんでもOKです! このイベントに参加した順番が、そのままブログを公開する日付とします。 是非、みなさん一緒にわいわい
Android 4.0では、デバイス間の通信を手軽に実装できるようになりました。デバイス同士をかざすだけで情報交換できるAndroid Beamについて学びます。 第2回では、Android 4.0から追加された新機能「Android Beam」を紹介します。今回はAndroid Beamを用いたメッセージ交換アプリを作成します(図1)。 Android Beamとは? 4.0から追加されたAndroid Beamは、Near Field Communication(NFC:近距離無線通信)の規格に従って、デバイス間で情報のやり取りを手軽に行うための機能です。NFCに対応したデバイス同士ならば、お互いをタッチするだけで自分の連絡先やお気に入りのWebページなど様々な情報を共有できます。 実は、スマートフォン向けのOSであるAndroid 2.3系からNFCに対応していました。2.3では、N
Yahoo! Open Local Platform(YOLP)は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置情報や郵便番号名称が
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
Become an Embedly Provider Embedly supports over 1000+ Official Content Providers. Join our library of official providers to ensure your videos, photos, audio, and rich media content are delivered correctly every time, across all platforms. Join Us “TINT's display feed utilizes Embedly's API. By outsourcing this task, we're able to save ourselves a lot of time and technical issues.” “The Local Sto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く