API on qwerty.work

URLだけでサイトのスクリーショット（サムネイル）を表示できるAPIまとめ

Sat, 14 Sep 2013 23:33:22 +0900

サイトのサムネイルに『Mozshot』を使っていましたが、使用者が多いせいか最近は画像が重たくてページの表示が最近遅いです。でも、こういったサービスは便利なので、他にないか探してみました。

wordpress.comのAPI

エンコードしたURLを指定します。「w」パラメータで画像の幅を自由に指定できWordpressのプラグインではないので、Wordpressを使用していないサイトでも使えます。

https://s.wordpress.com/mshots/v1/https%3A%2F%2Fja.wordpress.com?w=250

【サンプル】wordpress.com のスクリーンショットを幅250pxで取得してみました。

WordPressのプラグインは以下があり、ショートコードでサムネイル表示できるので便利です。

HeartRails Capture を使う

有名どころ。影や枠線をつけたり、角丸にしたり。サイズも指定できます。

HeartRails Capture | サムネイル画像／PDF ファイル作成サービス

http://capture.heartrails.com/300×225?http://capture.heartrails.com/

【サンプル】HeartRails Capture のスクリーンショットを300x225pxで取得してみました。

SimpleAPI ウェブサイトサムネイル作成API

128×128のサムネイル画像を取得できます。

SimpleAPI – ウェブサイト・サムネイル化ツール

http://img.simpleapi.net/small/http://img.simpleapi.net/

【サンプル】SimpleAPI トップページのサムネイルを取得してみました。

MozShot

64×64 / 128×128 / 256×256 などの大きさが選べます。

Mozshot

https://image.thum.io/get/width/300/crop/200/http://mozshot.nemui.org/

【サンプル】MozShotのスクリーンショットを256×256で取得してみました。

ウェッジ：ウェブサイトのスクリーンショットを自動生成

200×150の大きさで取得されるようです。

ウェブサイトのスクリーンショットを自動生成 – デザインスタジオウェブログ – WEB関連 – ウェッジ

http://www.j-wedg.co.jp/img/?url=http://www.j-wedg.co.jp/

【サンプル】

thumbalizr

海外のサービス。サイズやクオリティなど細かく指定でき、API Keyを登録すれば指定できるパラメータが増えます。「powered by thumbalizr.com」という表示が付きます。

有料プランにすれば書き出す形式を指定したり、ウォーターマークをつけたりできるようです。

thumbalizr – thumb your webpages

https://api.thumbalizr.com/?url=https://www.thumbalizr.com/&width=250

【サンプル】

その他

Thumboo!

Thumboo! Free Website Thumbnails and PHP Script to Generate Web Screenshots

海外のサービス。サイトにアクセスしてスクリーンショットを撮りたいURLを入力し、生成されたPHPコードをコピー＆ペーストすれば自分のブログなどでサムネイル画像を表示できます。API Keyを登録すればウェブサービスなどに組み込んで動的にも使えるようになるみたいです。

はてなスクリーンショット

はてなダイアリーなど、はてなのサービス内でのみ使用できます。

livedoor Screenshot

livedoor Wikiなど、ライブドアのサービス内でのみ使用できます。

SQLみたいにFacebookの情報を取得できるFQLについてのメモ。

Tue, 29 Jan 2013 15:32:34 +0900

役にたちそうなので、とりあえずメモ。

Facebook Query Language (FQL) リファレンスで取得できる情報の種類を確認できます。

Graph APIエクスプローラでリクエストに対して、取得できる実際のデータを見ることができます。タブを切り替えればFQL文を実行してみることもできます。

Google Maps JavaScript API V3で地図を表示してみる。

Mon, 23 Jan 2012 20:32:37 +0900

google.load(‘jquery’, ‘1.3.2’);

$(document).ready(function() {
  var mapdiv = document.getElementById('map_canvas');
  var geocoder = new google.maps.Geocoder();
  var point = new google.maps.LatLng(34.057488,131.808716);
  var myOptions = {
		  zoom: 12,
		  center: point,
		  mapTypeControl: true,
		  navigationControl: true,
		  navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL},
		  mapTypeId: google.maps.MapTypeId.ROADMAP,
		  scaleControl: true
  };

  var map = new google.maps.Map(mapdiv, myOptions);
  var marker = new google.maps.Marker({
	  position: point,
	  map: map,
	  draggable: true
  });
});

グーグルマップのAPIがV3になってから今まで必要だったAPIキーが不要になっているらしい。

地図を表示する機会があったので、会社の所在地でマーカー付のサンプルを作ってみた。

意外に簡単。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>GoogleMapsApiV3で地図を表示</title>

<!--↓↓GoogleMapApiV3↓↓-->
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>google.load('jquery', '1.3.2');</script>
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&language=ja' charset='UTF-8'></script>
<script type="text/javascript">
	$(document).ready(function() {
	  var mapdiv = document.getElementById('map_canvas');
	  var geocoder = new google.maps.Geocoder();
	  var point = new google.maps.LatLng(34.057488,131.808716);
	  var myOptions = {
			  zoom: 12,
			  center: point,
			  mapTypeControl: true,
			  navigationControl: true,
			  navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL},
			  mapTypeId: google.maps.MapTypeId.ROADMAP,
			  scaleControl: true
	  };
	
	  var map = new google.maps.Map(mapdiv, myOptions);
	  var marker = new google.maps.Marker({
		  position: point,
		  map: map,
		  draggable: true
	  });
	});
</script>
<!--↑↑GoogleMapApiV3↑↑-->

</head>
    <body>
        <div id="map_canvas" style="width: 560px; height: 250px;"></div>
    </body>
</html>

こういうコードを簡単に作ってくれるサイトやフォームがあればいいのにね。

宅急便の荷物追跡・配送状況確認・お問い合わせAPI？

Wed, 02 Feb 2011 16:33:44 +0900

インターネットで買う側も売る側も、

商品の配送状況が簡単にわかるようにしたいけど、

宅急便各社がAPIを用意していないので、

いちいち各社のホームページを調べて開かないといけませんが、

1か所で簡単に調べられるフォームを自力で作られた方のホームページを見つけたのでメモ。

http://thira.plavox.info/transport/api/ http://thira.plavox.info/transport/api/

できればJavascriptで自分のサイトにペタっと貼れるガジェットみたいなのが欲しい…。

クロネコヤマト、佐川急便、日本郵便、ペリカン便、西濃運輸、福山通運、FeDexあたりの大手はAPIを提供してくれればいいのに…。

WhoisAPIでドメイン情報が受け取れる？

Sun, 05 Dec 2010 20:00:18 +0900

このサイトでドメイン情報をXMLで取得できるっぽい。

ドメインが取得できるかどうかを調べるスクリプトに使えそう…。

http://www.anchor-gr.jp/labo_webapi_domain_search.html http://www.anchor-gr.jp/labo_webapi_domain_search.html

イントラネットでGoogle Maps APIが使える？

Wed, 27 May 2009 11:42:05 +0900

不動産会社に勤務している訳ですが、

中古住宅やマンション、売り土地の販売に

Google Mapsが使用できないかなと調べていますが、出来そうにない。

地図はGoogle Maps APIを利用すればできる訳ですが、

規約に違反しそうな感じです。

・地図に誰でもアクセスできること

・地図そのものを無償で提供すること

と、あるページを見ました。

あるページ↓

**Googleヘルプグループ **http://groups.google.co.jp/group/Google-Maps-JP-For-Business-Owners/browse_thread/thread/1a3cac9a78bb6713

そもそも、イントラネットなので、誰でも地図にアクセスできない。

この時点でアウト。

なぜ、イントラネットで利用したいか？ですが、

他社物件等を無断で公開出来ないなからです。

商談での社内利用で有れば問題ないので、

イントラネットで地図の利用ができればな～と思った訳なんです。

お金を払っても使用できないの？

と思い探したところ。ありました。

**『Google Maps API Premier』日本でも提供開始、イントラネット内利用も | ネット | マイコミジャーナル **http://journal.mycom.co.jp/news/2009/05/18/018/index.html

きっと高いんだろうな～

**Google Maps API Premier **http://www.google.co.jp/intl/ja/enterprise/maps/index.html

yahoo!地図もイントラネット利用はできないようです。

**Yahoo!デベロッパーネットワーク - 地図 **地図Web APIの利用方法 http://developer.yahoo.co.jp/webapi/map/