「webservice」一覧

prototype.jsを10KBにする方法

2006/11/16 画像・動画・おもしろ

2006-11-20T14:20:42+09:00 追記

「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。

prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾に続きを書きました。合わせてどうぞ。

JavaScript ファイルを圧縮する

正真正銘、Prototype（“prototype-1.4.0.js”）を10キロバイト（10,453 bytes）に圧縮して、しかも（当たり前ながら）動作するようにする方法です。

──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。

しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした（他は調べてない）。どうも元のファイルで行末に ; が欠けているのが原因らしいです。（ref: #4729 ([PATCH] Make Prototype js-packer compatible) – Ruby on Rails – Trac）

また、仮に元ファイルを修正してから圧縮しても、せいぜい20KB超というところ（それで十分という人も多いと思うが）。

今回紹介するのは、もっとシンプルで効果的な方法です。

2006-11-22T11:43:56+09:00 追記

どうも「mod_gzip ではダメなのか」という意見が多数見られますが、今回の趣旨は「こういう選択もあるよ」という提案なので、それを言われると、ンガググ。転送時に圧縮する方法もあれば、元から圧縮しておく方法もある──選択肢が増えることによって、ちょっと得するひともいるのでは、と思って書きました。

転送時圧縮についてはCSSファイルを圧縮する方法 : 亜細亜ノ蛾で PHP を利用する方法を紹介してあります。

あと、展開後のスクリプトの動作を改善するわけでは無いです。それは、今回の趣旨からは外れているので悪しからず……。

ブログのコメント欄から認証サービスが消えている件

2006/11/13 ウェブデザイン・文章

コメント欄について

現在、このブログのコメント欄では、TypeKeyなどの認証サービスを使わずに投稿できます。──というか、認証サービスに対応していません。それにはいろいろな原因があるのですが以下略（スクリプトを組み込むのが面倒くさいだけ説あり）。

──で、自分がちょこちょこお邪魔しているブログや、巡回先になっているサイトでも、認証サービスを使ったコメント欄が少なくなって来ていることに気がつきました（気のせいかも？）。

今年の前半くらいに各種認証サービスが大流行だったのも、今は昔──という具合。

認証サービスあれこれ

有名どころのサービスというと、下記の三つでしょうか。

はてな認証も、登場当時はあれだけ騒がれていたのに、Movable Typeに組み込んだ話は聞いたことがありません（情報きぼんぬ）。

うーんとこれは、何が原因なのでしょうか？みんな（誰）、spam対策に追われていて、認証サービスを組み込むのがﾏﾝﾄﾞｸｾｰということ？どこかに、「ブログパーツみたいに一行スクリプトの挿入で各種認証サービスに対応」みたいなものがあればいいのに。

『Google Analytics』を使いこなせない？「それRes」

2006/9/30 画像・動画・おもしろ

[cyano: Google Analyticsで高度なトラッキングをする方法](http://www.onflow.jp/blog/archives/2006/09/google_analytic_1.html “cyano: Google Analyticsで高度なトラッキングをする方法”)で、あるリンクをクリックした人の数を計測する方法が書いてありました。aタグのonclickイベントにJavaScriptを記述するとのこと。つまり、計測したいリンクの記述を、すべて変更するわけですね。
──それを見て思ったこと。
1. ﾏﾝﾄﾞｸｾ（はてブで100以上ブクマされているが──実際に導入する人ってどれくらいいるの？）
2. それRes
#### みんなResearch Artisan使えばいいのに
[blogger注目のアクセス解析サービス「Research Artisan」 : 亜細亜ノ蛾](https://asiamoth.com/200601070051/ “blogger注目のアクセス解析サービス「Research Artisan」 : 亜細亜ノ蛾”)でもお勧めしましたが、もう一度、強く推したいサービスです。

登録は無料！広告無し！ブログにも最適なアクセス解析 | Research Artisan – リサーチアルチザン

Research Artisanを利用すると、わざわざ(X)HTMLを書き換えなくても、リンク・ボタンクリック測定ができます。──あちこちリンクを書き換えたあとで、もっと素晴らしいアクセス解析サービスが見つかった！ということが容易に想像できる人は乗り換えを検討する価値ありです。
詳しい説明は、[無料アクセス解析ツール｜Research Artisan（リサーチアルチザン）｜Web Artisan](http://www.web-artisan.jp/item_7.html “無料アクセス解析ツール｜Research Artisan（リサーチアルチザン）｜Web Artisan”)をどうぞ。

『RakuAPI』で楽々楽天アフィリエイト（ありがち）

2006/9/26 画像・動画・おもしろ

#### 楽天アフィリエイタ（ー）（造語）必見ツール
[「逆・それPlu」──それ MT標準でできるよ : 亜細亜ノ蛾](https://asiamoth.com/200609252351/ “「逆・それPlu」──それ MT標準でできるよ : 亜細亜ノ蛾”)で紹介した[MT でカテゴリ別に楽天ランキングを表示する方法 :: Drk7jp](http://www.drk7.jp/MT/archives/001134.html “MT でカテゴリ別に楽天ランキングを表示する方法 :: Drk7jp”)を見ると判るように、楽天が公式ランキング表示ツールを公開しています。
しかし、各ジャンルの売り上げ上位を表示するだけ、というのがアフィリエイタとしては物足りないところ。──さりげなく、このブログでも導入はしてますが（2006-09-26T23:33:53+09:00 現在）。
今回紹介する『RakuAPI』では、「楽天市場の商品をキーワードやジャンルで絞り込み、XML/RSSやTSVなどのデータとして取得することができます」という、待望のWebサービスです。~~というか楽天が公式で出せよ~~

RakuAPI - 楽天市場非公式ウェブサービス RakuAPI – 楽天市場非公式ウェブサービス

#### 実際に使ってみる
例えば、「iPod」を検索した結果はこんな感じ。

『亜細亜ノ蛾』を買う方法

2006/9/16 ウェブデザイン・文章

#### メールもあるでよ
当サイト『亜細亜ノ蛾』ではFeedを配信しています。
──が、「Feed？なにそれ？ RSSなら知ってるけど」（いや、それ判ってるよ？）という人のために、新着情報をメールで受け取ることが（じつは半年くらい前から）できます。
興味が（5ミクロンくらい）ある人は、下記フォームにメールアドレスを入れてみてください。『亜細亜ノ蛾』を「定期購読」できます。
──念のために書いておきますが**無料です**。

Feedburnerという海外サービスを利用しています。asiamoth（自分です）にメールアドレスが判ることはありません。登録解除もいつでもできます。
#### Via:
caramel*vanilla ≫ FeedBurnerのEmail Subscriptions機能
──し、4月の記事で見たのか……。
#### この記事のタグ（偽）
[スマン、ネタがないのだ][半年寝かせてしまった][何でもメールで管理する人に]

ようつべはもう古い？『DivXStage6』登場！

2006/8/11 画像・動画・おもしろ

#### 久々に驚いた
衝撃的エントリィ。
動画圧縮方式で有名なDivXが、動画の投稿サービスを始めました（*簡単に言うとYouTube*のような）。
前置きはともかく、何とかして次の動画を見て欲しいところ。とにかく、美しい動画です。解像度は「*1280×720*」（！）とのこと。
[DivX Stage6 -新海誠秒速5cm 予告編](http://stage6.divx.com/members/62389/videos/1367 “DivX Stage6 – DivX Stage6 -新海誠秒速5cm 予告編”)
まずは、専用のプラグインをインストールする必要があります。下記のリンク先にインストール方法が詳しく書かれています。
これだけ高解像度の動画が手軽に見られて、保存も簡単となると──これから先が楽しみですね。
#### ref
* [DivxStage6 – フラッシュWiki](http://moemoe1.sakura.ne.jp/wiki/index.php?DivxStage6 “DivxStage6 – フラッシュWiki”)
* DivXStage6の情報が集まっています。プラグインのインストール方法から投稿の仕方まで、画像付きで詳しく紹介されています。
* [OperaでDivX Stage6の動画を自動再生できない問題をなんとかするUser JavaScript – ノヴム・オペラヌム – by Satoru Watanabe](http://my.opera.com/Watanabe/blog/show.dml/393625 “OperaでDivX Stage6の動画を自動再生できない問題をなんとかするUser JavaScript – ノヴム・オペラヌム – by Satoru Watanabe”)
* こういった新しいサービスの時に苦労するのがOperaユーザのサダメ（初期[Google Notebook](http://www.google.com/notebook/ “Google Notebook”)とか）。User Javascriptで何とかするようです（試してない）。
#### Via.
[なつみかん。 | DivX Stage6 アニメOPED プチまとめ](http://tangerine.sweetstyle.jp/?eid=559884 “なつみかん。 | DivX Stage6 アニメOPED プチまとめ”)
ここみたいにキャプチャが取りたかったのに、うまく行きませんでした。オーバレイがどうのこうの、という問題？

Livedoor Readerのオススメ裏技

2006/4/24 画像・動画・おもしろ

livedoor Readerは──まぁ、あのLivedoorのサービスだけあって、「Bloglinesのパクリじゃね？」で終わる、と思ってました。

──が、半信半疑で使い始めた途端──「Livedoorの技術力は世界一ィィィイイ!!」と、Livedoorの評価まで一新しました。──Livedoor Readerだけじゃなく 😀 ──そういう人も、多いのでは。極端なようですが、例えば──はてなブックマーク以前と以後ではてなの見方が変わった、とか。

ショートカットキーでメニューを消す

前置きはこれくらいにして。まだメジャになっていないLivedoor Readerの裏技を。

“Shift + Z”を押すと、画面上部の「Livedoor検索」などのメニュー部分を消すことができます。

Bloglinesクローンなだけにもう完全に乗り換え。速いしねえ。

とりあえずShift+Zで邪魔なものを隠せることがわかった。

livedoor Reader – jarp,

「邪魔なもの」という言い方はアレですが、まぁ、邪魔ですね（笑）。

“Shift + Z”を二回押すとロゴや「棒人間」の部分も消え、三回押すと元に戻ります。

さらに、“Z”というショートカットキーはヘルプにも載っている機能で、サイドバーを消すことができます。

組み合わせると、こんなに広く画面を使うことができます。

画面を広く使って快適にブラウジングができるようになり、ますますブログ更新の間隔が空く──と言うことがないようにしたいものです。

blogger注目のアクセス解析サービス「Research Artisan」

2006/1/7 画像・動画・おもしろ

最近、特に海外のBlogサイトを見ているときに「おお、このサイトはデザインがいいなぁ、この部分とか、どうしているんだろう？」と思ってページのソースを見ると、Google Analyticsのコードをﾊｹｰﾝ！ということがよくあります。

Google Analyticsは高機能で、外部へのリンクのクリックを追跡することもできます──が、少々面倒くさいです。

たとえば、www.example.com へのリンクのクリックが “/outgoing/example_co.jp” のページビューとして記録されるようにするには、リンクの <a> タグに次の属性を追加します。
<a href="http://www.example.com" onClick="javascript:urchinTracker ('/outgoing/example_com');">
Google Analytics – 外部へのリンクのクリックを追跡するにはどうすればよいですか。

今回は、ページ内にJavaScriptのコードを一ヶ所追加するだけで、一般的に使われている（よくある）アクセス解析と、外部リンクのクリックを解析してくれるWebサービス、Research Artisan – リサーチアルチザンを紹介します。

タグ自動抽出APIを利用するBookmarklet

2005/10/13 ウェブデザイン・文章

表示されているページから、特徴的な単語──キーワード（タグ）を自動で抽出するAPIが、いしなおさんのところで公開されています。
>実行すると現在見ているページのキーワード群を表示します。いろんなところで実行してみると結構楽しい。
>[いしなお! – タグ自動抽出API (13:46)](http://tdiary.ishinao.net/20051011.html#p01 “いしなお! – タグ自動抽出API (13:46)”)
──が、Bloggerとしては、*表示されているページ*、つまり*公開されたページ*からキーワードを抽出するより、*いま書いている記事*からキーワードを抜き出せた方が便利なはず。──ということで、上記ページに、キーワード抽出用のフォームが用意されていいます。
さらに、Bookmarkletでお手軽に利用したほうがｳﾏｰ(ﾟдﾟ) なこともあるかと思い、30秒クッキングで作ってみました。