リソースの読み込みを助けるウェブブラウザ API の世界
ウェブブラウザはネットワークから様々なリソースを集め、それらを処理して組み合わせてウェブページをレンダリングします。リソースが揃わないとレンダリングできないので、この一連の処理のどこかが遅れるとページの表示も遅くなります。レンダリングをすみやかに開始できるようにウェブブラウザはリソースの取得やその処理を最適化するための API を提供しています。本記事ではそれらを網羅的に紹介し、ウェブアプリの性能改善を図る上でどのようなブラウザ機能が使えるのかを知ってもらうことを目的としています。各機能の具体的な適用事例については他の記事に委ねます。 本記事の内容は記事公開時点での情報に基づいており、閲覧時点では既に古くなっている可能性があります。最新の正確な情報は一次情報源を参照してください。また特定のブラウザ実装について言及する場合は、断りがない限り Chrome を想定しています。誤りや補足、質問な
Gulp + EJS + microCMSでJamstackな構成を実現する
こんにちは、柴田です。 今回はGulpを使ったJamstackのチュートリアルのご紹介です。 いつの間にかにGulpは4系になっていたんですね〜。（しばらく触っていなかったので久々でした） Gulpとは2015年あたりで一斉を風靡したタスクランナーというやつですね。 タスクを記述することで、scssをcssに変換したり、JavaScriptをminifyしたり、ブラウザをホットリロードさせたり色々できます。 EJSでHTMLを静的生成EJSというテンプレートエンジンをご存知でしょうか。 JSONをEJSテンプレートに渡すことで値を動的にセットできるので、ExpressなどNodeのフレームワークと組み合わせて使われることが多いです。 GulpからEJSテンプレートにJSONを渡してHTMLを生成するという方式もあります。 その場合、大抵JSONファイルはローカルに置かれており、ファイルを直
Twitter APIでつぶやきを取得する - Qiita
twitter API について検索しているとJSでの取得方法もちらほら見られるけれど、twitter API ver.1.1から認証が必須となったことで、JSだとアクセストークンがまる見えになってしまう。これは危険。 ということで、PHPでの実装手順。 アプリケーションの登録 twitter API を使ってつぶやきを取得したり投稿したりするために、はじめに絶対必要。 詳しくは以下のサイトを参考に。 「twitter アプリケーション登録」で参考サイトがいっぱい出てくる。 ・Twitter APIで、アプリケーションを登録する方法 ↓ 完了するとこれが取得できる consumer_key consumer_secret アクセストークンの取得 詳しくは以下のサイトを参考に。 ・Twitter APIでアクセストークンを取得する方法 ↓ 完了するとこれが取得できる access_token
JavaScriptでアナリティクスAPIを使ってみる
Googleアナリティクスのデータを必要個所だけ取得したかったので、JavaScriptでのアナリティクスAPIの使い方を少し調べてみました。 Google Developers Consoleの設定 以下のページを参考にしました。 Hello Analytics API: JavaScript quickstart for web applications | Analytics Core Reporting API | Google Developers Googleアカウントでログインした状態で、こちらのページにアクセスします。 Google Developers ConsoleでアナリティクスAPIを使えるように設定します。 続行をクリック。 「My project」という名前のプロジェクトが作成され、Analytics API が有効化されます。 認証情報に進むをクリック。 認証
UA Dimensions & Metrics Explorer
The Dimensions & Metrics Explorer lists and describes all of the dimensions and metrics available through the Core Reporting API. The Dimensions & Metrics Explorer has the following features: Explore all of the dimensions and metrics – Search or browse by group. Select a dimension or metric for additional details such as descriptions and attributes. Identify valid combinations – Not all dimensions
WebPay: 開発者向けクレジットカード決済サービス
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
Ajaxで使えそうなWEBサービスAPI一覧 - Ajax専
※ここの情報は古くなっています。 最新の情報はWeb APIまとめ - Shiz Labsを参照してください。 Ajaxで利用できそうなWEBサービスAPIの一覧です(Ajax専調べ)。数が増えてきたので、見やすいように表示形式を変更しました(2007/04/24)。 ※一部RSSや、Javascriptを貼り付けるだけで動作するような厳密にWEBサービスAPIという定義でないものも含まれます。 【一覧】 01.Google Web APIs 02.Yahoo! Webサービス 03.Amazon Webサービス 04.はてなWebサービス 05.ビッダーズWebサービス 06.お天気Webサービス 07.じゃらんWebサービス 08.スマッチWeb サービス 09.価格.com Webサービス 10.カーセンサー・ラボ Webサービス 11.お仕事検索webサービス 12.Flickr
Twitterの新しいStreaming API「ChirpUserStreams」がすごすぎる件 - すぎゃーんメモ
最近発表されて、一部で話題を呼んでいるTwitterの新しいStreaming API「ChirpUserStreams」。 まだdeveloperへのpreviewリリースということでプロダクトに使うようなことはできないけど。 http://apiwiki.twitter.com/ChirpUserStreams 今までのStreaming APIでは基本的に public timelineから、指定したキーワードを含む発言を拾う 指定したユーザーの発言を拾う というものだった(はず)。検索系としては便利だけど、home_timelineのように自分がフォローしているユーザーの発言をStreamingで得ようとすると全idを繋げたものをリクエストパラメータとして送らないといけなかったりで、あまりカッコよくない形になってしまっていた。 ところが今回使えるようになった「ChirpUserSt
Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ - Rewish
Twitterの諸機能をサイトに導入するためのJavaScriptフレームワーク「@Anywhere」がリリースされましたね。 その場でフォローしたりサイト上から直接Tweetしたり、Twitterがナチュラルに様々なサイトに組み込まれるようになるんですかね。 と言うわけで僕も軽く試してみたので、使い方のメモと雑感を書いてみます。 まずはアプリケーション登録 New Twitter Applicationでアプリケーション登録を行う。 Application Name @AnywhereでTweetした時に表示されるアプリケーション名。</dd> Application Website Application NameにリンクされるサイトのURL。 Organization 組織名？とりあえず空白で。 Callback URL コネクションの許可などで一度Twitterにアクセスした場合に
Google Analyticsから訪問数・PV数をPHPでゲットするサンプルコード:phpspot開発日誌
Google Analyticsから訪問数・PV数をPHPでゲットするサンプルコードが公開されています。 Google Analytics PHP API example - SWIS BV にて公開されている、analytics.class.php というライブラリを使ったサンプルになりますが、次のようなコードで簡単に取得できます。 <?php $analytics = new analytics('aaa@aaa.aaa', 'P@ssw0rd'); $analytics->setProfileByName('davidwalsh.name'); $analytics->setMonth(date('n'), date('Y')); // 日ごとの訪問者数を得る print_r($analytics->getVisitors()); // 日ごとのＰＶ数を得る print_r($ana
Ajaxをシームレスに記録できるjQueryプラグイン他～注目記事
2009年9月30日、アクセス解析関連注目記事です。 $.ajax と Google Analytics をシームレスに統合する jQuery プラグイン jQuery-ajaxGA « ゆっくり…して…イってネ！ （Google Analytics でシームレスにAjaxを記録できるjQueryプラグイン） Movabletype Plugin アクセスランキングプラグイン: JSONAccessRanking – WEBデザイン BLOG （MovableTypeプラグイン。Google Analytics から値を取得し、jQueryでデータ表示） Google Analyticsのデータからアクセスランキングを生成するPerlスクリプト － Publickey （Perlスクリプト。Google Analytics からデータを取得。） 今度こそ、Google Analyticsか
GoogleAnalyticsAPIをPHPでたたくクラス - くらげだらけ
少し使ってみようと思い、GoogleAnalyticsAPIをPHPでたたくクラスを書いてみる（相変わらずのPHP4…orz）。 具体的にはHTTP_Requestを使って認証〜データ取得までしようということ。 GoogleAnalyticsAPIのドキュメントは全て英語ですが、あれこれやってみればわかる！そういうもんです。 コードはこんな感じ。 class googleAnalyticsAPI { //HTTP_Requestのオプション var $option; //ログインデータ var $auth_data; //トークン var $auth_token; //取得結果 var $result; function googleAnalyticsAPI($option, $email, $passwd, $profile){ if(!$option){ $this->option =
増井 / 類語をみつける方法
というか[[[同じカテゴリの単語を複数見つける]]]方法 [[[同位語]]]検索というらしい [[http://IQAuth.com/ 画像なぞなぞ認証]]で偽答を作るのを自動化したい たとえば「大阪」が正解のとき「神戸」とか「京都」とかの偽答を自動生成したい 「的場」から「菊地」を生成するとか [[http://hondana.org/%E5%A2%97%E4%BA%95/4812439914 http://gyazo.com/6c0f4f744676c2a71fc1577ace0557c7.png]] [[[「や」を使う方法]]] "大阪や" でググると「大阪や埼玉」「大阪や鳥取」などが出る [[http://gyazo.com/cc94658d04bc123b1b807db482862488.png]] 京大田中研の研究 by 大島氏 [[http://ci.nii.ac.jp/na
これは使える、PHPやRubyで書かれたTwitterとやり取りするコードスニペット１０:phpspot開発日誌
これは使える、PHPやRubyで書かれたTwitterとやり取りするコードスニペット１０ 2009年09月17日- これは使える、PHPやRubyで書かれたTwitterとやり取りするコードスニペット１０ といっても殆どPHPのコードになってます。 コードの内容は以下のように、便利そうなものばかりですので覚えておくとサクッと機能を実装できそうです。 ・自動フォローのスクリプト(PHP) ・フォロワー数を得る(PHP) ・フォローしてるけどフォローしてくれてない人をゲット(Python) ・ステータス更新(Vim) ・最新のTwitterステータスを得る(PHP) ・Twitter検索してメールアドレスを取得する(PHP) ・tweetsをバックアップする(Ruby) ・WordPressのブログにTwitterのステータスを表示(PHP) ・RSSをTwitterに投稿するスニペット(PH
Google Analytics APIのJavaScriptライブラリを使ってみた(準備/認証編) - F.Ko-Jiの「一秒後は未来」
(追記) この記事の内容は古くなっているため動作しません。 Google Analytics APIがリリースされたということで、Googleから提供されているJavaScriptクライアントライブラリを使ってみた。 とりあえず使い始めと認証のところをざっとまとめておく。 ライブラリのインクルード まずは GData のライブラリをロードすれば良いようなので、 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("gdata", "1.x"); </script> を head タグの中に書く。そしてAnalyticsのサービスオブジェクトを生成する。 service = new google.gdata.
TechCrunch | Startup and Technology News
Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. Well,…
JSONP×jQueryでヤフオクAPIを活用しよう (1/2)
ネットを使って自社製品を販売したいけど、本格的なECサイトを立ち上げるほどではない。なるべく低コストで済ませたい――そんなときにも使えるのが、おなじみの「Yahoo！ オークション（ヤフオク）」です。今や個人だけでなく、数多くの企業がヤフオク経由でさまざまな商品を販売しています。 せっかくヤフオクで商品を販売するなら、自社のWebサイトにも出品情報を表示したくなります。Yahoo!オークション用に提供されているAPIを使うと、オークションに出品中の商品の情報を取得して、他のWebサイトやアプリケーションに比較的簡単に利用できます。JavaScriptを使って、ヤフオクに出品中の商品情報を自社のWebサイトで表示する方法を紹介しましょう。 APIを使うための準備をしよう プログラムを作る前に、APIを利用するための準備をします。 1．アプリケーションIDの登録 Yahoo!デベロッパーネット
JSONP×jQueryでヤフオクAPIを活用しよう (1/2)
ネットを使って自社製品を販売したいけど、本格的なECサイトを立ち上げるほどではない。なるべく低コストで済ませたい――そんなときにも使えるのが、おなじみの「Yahoo！ オークション（ヤフオク）」です。今や個人だけでなく、数多くの企業がヤフオク経由でさまざまな商品を販売しています。 せっかくヤフオクで商品を販売するなら、自社のWebサイトにも出品情報を表示したくなります。Yahoo!オークション用に提供されているAPIを使うと、オークションに出品中の商品の情報を取得して、他のWebサイトやアプリケーションに比較的簡単に利用できます。JavaScriptを使って、ヤフオクに出品中の商品情報を自社のWebサイトで表示する方法を紹介しましょう。 APIを使うための準備をしよう プログラムを作る前に、APIを利用するための準備をします。 1．アプリケーションIDの登録 Yahoo!デベロッパーネット
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
TwitterのAPIを使ったり調べる際に便利な「Twitter API Explorer」:phpspot開発日誌