javascript一覧

Amazon アソシエイト用ウィジェット 6 種が登場

Amazon ウィジェット

Amazon.co.jpが、新しく発表したウィジェット(いわゆる「ブログパーツ」)が面白そうです。

Amazon アソシエイト・プログラム ブログ: 新リンク作成ツール Amazon ウィジェットデビュー!

新しく 6 種類

今回追加されたウィジェットは、下記の6種類です。

  1. スライドショー
  2. お気に入り
  3. プロダクトクラウド
  4. ウィッシュリスト
  5. クイックリンク
  6. サーチ

これらは、いままでも有志の方々によって似たようなブログパーツが作られてきましたが、とうとう本家本元が発表しましたね。

注目の「プロダクトクラウド」

特に面白そうなのは、「プロダクトクラウド」ですね。

「プロダクトクラウド」は、Webサイトのコンテンツを解析し、サイトの内容に関連した商品タイトルを自動的に表示します、とのこと。実際に自分で作るとなると、かなりややこしい処理になりそう。しかし、 Amazon ウィジェットなら 1 分以内で必要なコードが入手できます。

なぜこれに注目しているのかというと、理由は簡単。他のウィジェットと違い、ブログデザインの中に溶け込みやすいから。あんまり、ウィジェットウィジェットしていない。

──まぁ、あんまりこういう「いかにクリックさせるか?」みたいなことに凝るのは、あんまりお上品じゃないですが……。──あれ? オレってお上品ブロガだっけ?

「クイックリンク」は無用?

「クイックリンク」に関しては、事前に好みのキーワードを登録しておき、ブログやウェブサイトの記事中にそのキーワードが登場した場合、Amazon.co.jpの関連商品に自動的にリンクします、と書いてありますが、この説明は間違い。

実際は、

<a type=amzn >ハリー・ポッター</a>

こんな (X)HTML コードを書くと、自動的に Amazon アソシエイト用のコードに変換する JavaScript です。

──なんだけど、普通に考えて JavaScript が無効な環境とか、フィード(RSS など)上では、上記の「へんな a タグ」が表示されるだけ……。どう考えても、これは無用なのでは。


正規表現の勉強法、エディタ、パズル、本

正規表現ネタ

いつものように livedoor Reader でネットの海(この場合は生け簀か?)をざぶざぶ潜っていると、正規表現ネタがかぶったので紹介します。

正規表現の勉強法

ウノウラボ Unoh Labs: 正規表現の勉強法

正規表現を勉強する方法は何がいいか、という問いの答えがWikiなどのパーサを書くこと、とのこと。

──え!? と思いましたが、少し考えてみると納得しました。Wiki 記法のクローンを作ろうとなると、様々な知識とテクニックが必要になりますからね。

いまやるなら、まだ誰もパーサを作っていない(?)、WikiCreole を各言語で移植するのが良さそう(というか、Markdown あたりからコードをパクって MT プラグインとして移植を考えたことがあったり)。

WikiCreole: Creole 1.0 (和訳)

続きを読む


Tumblr 用 JSActions スクリプトと「たんぶら部」

Tumblr

いまごろ、Tumblr にハマってます(前にも書いたけど)。

自分の Tumblr は下記のリンク先です。──まぁ、それほどお下品・お下劣なものはクリップしていないですが、会社で見るのは厳禁、あとオコチャマもダメです。

Ciao! I am a harsh thug.

Tumblr ってなに? な人はこちらをどうぞ。

「たんぶら部」に入ろう!

Tumblr は、あまり横のつながりが無い(ように外からは見える)ので、自分の Tumblr をアピールできる場があるとうれしいですね。自分のブログで宣伝しても、なかなか「アルファ」なブログ以外は見られなかったり──。

「はてな」のアカウントを持っている人なら、ぜひ「たんぶら部」に入りましょう。文字通り「Tumblr love!」な部活動ですね(部活動?)。

たんぶら部 – Tumblove – – Friends登録ご自由に

まぁ、本当は自分は「つんぶれら」派ですが──

title="最速廃人研究会">

人には誰しも脳内発音というものがあり、tumblrはつんぶれらです。

最速廃人研究会

──それはそれとして。

自分は、ここに登録されている Tumblr はすべて LDR に突っ込んでます。──まだまだ、自分には Dashboard より LDR の方が使いやすいですね。

Tumblr の良いところ

数日使ってみて感じた、Tumblr の良いところは、

「クリップのしきい値を下げられる」

というところですね。

はてなブックマークに登録するのもちょっとためらうような、微妙なページでも、

一つでも面白いフレーズがあったら、

一つでも目を引く画像があったら、

すかさずポスト! というのが快感です。

(どうでもいいけど、「しきい値」は本来誤用らしい)

Tumblr にポストする JSActions スクリプト

さて、なによりも快適な Tumblr ライフを送るためには、

「ポストする」と心の中で思ったならッ! その時スデに行動は終わっているんだッ!

──な必要があります(?)。

標準の Tumblr でも充分に良くできたブックマークレットがありますが、「だが音速ほどじゃない」。

下記スクリプトを導入すると、光の速さでポストできます。

実用 – TumblrにポストするJSActionsスクリプト、2007/6/10版

このスクリプトに必要な、JavaScript Actions はこちら。

JSAReadMe – + HideAway Firefox +

──だけど、このためだけに JavaScript Actions を導入するのがどうもなー。UserChrome.js で移植できないのだろうか?

Tumblr の悪いところ

結局、みんなが同じ記事・画像ばかりポストしてない?

というのもあるのですが、なによりも気になるのが、

「──で、5 年後にあるの?」

Tumblr というサービスが今後も継続するか、という問題と、他に素晴らしいサービスが出てきたらどうしよう、という不安。

いまのところ、いままでポストしたデータをエクスポートする方法がない(よね?)というのが、ちょっと不満ですね……。

Tumblr のデータをエクスポートできるツールがあればいいのですが……。

──ね?>どなたか

データとして取り出せれば、たとえば Movable Type にインポートしたり。

mixi export

ちなみに、mixi は、日記データをエクスポートするツールがあります。

ダウンロード: mixi export(mixi日記エクスポートツール) – adiary official website

簡単に、はてなダイアリーへ移行できるのが便利。


livedoor Reader の「ピン」をブログにも(あるといいな)

インターネット全体が ldr 化

livedoor Reader の快適さをブログにも(Pagerization) : 亜細亜ノ蛾 の第二段です(または、たんなる他力本願記事)。

今回は、livedoor Readerの「ピンを立てる」機能をブログにも付ける、というアイデア。──というか、インターネット全体が ldr(livedoor Reader)化したらいいのに、という願望です。

ネットショッピングで「お取り置き」

楽天や Yahoo! オークションで買い物をするときに、ちょっとでも気になる商品があれば「お気に入り」や「ウォッチリスト」にどんどん登録していきます。「これはちょっと欲しいかも」レベルはもちろん、「んー、まぁ、落札金額によっては……」とか「これ、誰が落とすんだよ www」という物まで(ヤフオフばっかかよ)。現実世界で買い物するときの「お取り置き」と機能的には同じですね。しかし、比較にならないくらい、ネットは手軽です。

本当に欲しいものを絞り込むのは、あとからで十分。自分は猫なみに興味を失うのが早いので、「なんでこんなものを……?」という商品を登録する事もしばしば。しかし、「お気に入り」や「ウォッチリスト」への登録はワンクリックでデメリットも無いので、気軽に登録しています。

これって、ldr でブログを読むのと似ているよな、と気が付きました。気になった記事は「ピン」を付けて、後からまとめてチェックしているのと、あまり変わらないですよね。

この、手軽に商品を「お取り置き」したり簡単に記事に「ピンを立てる」のを、ブログでもできたら便利そう。

続きを読む


livedoor Reader の快適さをブログにも(Pagerization)

livedoor Reader が快適すぎる

今回は「ブログも ldr くらい快適に見る方法」というアイデア、というか願望です。

いつも見ているサイトで紹介されたページが、少しでも気に入った内容であれば、どんどん ldr(livedoor Reader)に登録しています。──最近では、気に入っていなくても、即 ldr。おもしろいサイトかどうかは、後で判断するようになりました。

ldr に登録したばかりのサイトは、とうぜん未読ページばかり。サイトによっては、ldr の最大値である 200 もの未読記事があります。自分の場合、「表示設定」で「記事の表示件数」を 50 にして、「過去記事の表示件数」を 20 にしています。最初に多めに表示させて、面白かったら過去の記事も順に読んでいく、という具合。

200 件の記事を 10 分で消化

ldr だと、200 件の記事を「消化」するのはほんのわずかの時間で済みます。

大体、5 分から 10 分もあれば十分。気になった記事は「ピン」を付けて、後からまとめてチェック。ピンの数や記事の面白さに応じて「レート」を変更し、面白い記事は「はてなブックマーク」に登録。──と、ここまでやっても、30 分もあればそのサイトを「しゃぶり倒す」ことができます。まぁ、こんな短時間では面白さをすべて知り尽くす事ができない、という超弩級なサイトもありますけどね(できればもっと増えて欲しい)(というか、このサイトがそうなりたい)。

ブログも ldr 並に

そこでいつも思うのが──「ブログも ldr くらい快適に見られたらいいのに」ということ。

「Pagerization」という Greasemonkey スクリプトで、一部は実現しているので、もっと広まるといいなぁと思います。

続きを読む


Yahoo! UI Library のホスティングに思うこと(Dojo)

Yahoo! から直接

title="秋元@サイボウズラボ・プログラマー・ブログ: Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように">

Ajaxパーツやページデザイン/レイアウト支援のYahoo! UI ライブラリの各ファイルが、Yahooのサーバから直接提供されるようになったという発表があった。(←リンク先には各ファイルのURLも載っている)

秋元@サイボウズラボ・プログラマー・ブログ: Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように

──というニュースで(局所的に)盛り上がっています。

Yahoo! UI スゴス!!

Yahoo! UI Library (YUI) の登場あたりから、「やっぱり Yahoo! はすごい!」という声が聞こえてくるようになりました。

まぁ、その一瞬あとに遅れて「でも Yahoo! Japa ゲホンゲホン」とかなんとか……。

ただいま絶賛発売中実践 Web Standards Designでも、YUI の技術(CSS)が(一部)出てきます。要チェックですね(さりげなく宣伝)。

Prototype.js を 0 バイトに!

prototype.jsを10KBにする方法 : 亜細亜ノ蛾 という、悪名高い記事を書き上げた数日後に、次の悪巧みを公開しようか迷っていました。

Prototype.js を 0 バイトにする方法」──という、ネタ記事です。

続きを読む



「igosso」 Flickr の画像を日本語で検索

igosso の紹介

猫の画像Flickr: Photos from rahen z

Flickr! で公開されている画像の中には、複製や加工が許可された物があります。そのような画像を日本語で手軽に検索できる igosso という Web サービスを知りました。検索速度もなかなか早く、快適です。

詳細は以下から。

続きを読む


『PHPサイバーテロの技法──』 まずは攻撃方法を学ぶ

攻撃は最大の防御なり!

突然何かを受信して、『PHP サイバーテロの技法──』を読み始めました。これがまた、面白い!

photo

PHPサイバーテロの技法―攻撃と防御の実際
GIJOE
ソシム 2005-11

PEAR入門 PHP標準ライブラリを極める! 超・極める! PHP Smarty入門~PHP5+テンプレート・エンジンでつくるMVCアプリケーション~ まるごとPHP!〈Vol.1〉 PHPによるWebアプリケーションスーパーサンプル 活用編

by G-Tools , 2007/01/12

この本で特に面白いのは、「実際に攻撃してみましょう」というスタンスなのが楽しい。──と言っても、どこかの掲示板に悪意を持ったスクリプトを仕掛ける、というわけではなく、サンプルをダウンロードしてローカル環境で試すわけです。──もちろん、そこで得た知識で悪戯をしたくなるのも人情ですが──。

ぼくはまちちゃん! の「善意の悪戯」の数々を見て、どうやって脆弱性を見つけるのかな? と興味を持った方(それ何てオレ?)にお勧めしたいです。

続きを読む


Firefox 使い必携の userChrome.js で「それ UC」

userChrome.js とは

Firefox 愛用者にとって拡張機能(Extension / Add-on)のひとつ、userChrome.js を紹介します。これは「ユーザが作った JavaScript ファイルを利用し、Firefox の動作をカスタマイズする」拡張機能です。

──ここでグリモン(Greasemonkey)使いは、すぐにピンと来たかと。グリモンは「ユーザが作った JavaScript ファイルを利用し、Web ページの動作をカスタマイズする」拡張ですが、とうとう Firefox の動作までユーザ・スクリプトで変更できるようになりました。

導入方法
  1. まずは userChrome.js を導入(“userChrome.js 0.7” をクリック)
  2. userChrome.js 用スクリプト: Days on the Moon にある“UCJS Loader”をダウンロード
  3. “UCJS Loader”を“userChrome.js”にリネームし、 \(path-to-profile)\chrome\userChrome.js と置き換える
  4. 上記ページなどで提供されている、自分好みのユーザ・スクリプト(*.uc.js)をダウンロード
  5. ユーザ・スクリプトは \(path-to-profile)\chrome\ に置く
  6. Firefox を再起動し、動作を確認

「\(path-to-profile)\」というのは「Firefox のプロファイルディレクトリ」です。詳しくはプロファイル – Mozilla Firefox まとめサイトをどうぞ。

導入後

様々なユーザ・スクリプトを導入することによって、Firefox 2 へ移行: Days on the Moon のように、他の拡張機能を減らすことができそうです。たとえば、SCRAPBLOG ≫ Blog Archive ≫ [userChrome.js] 軽量マウスジェスチャAiO の代替えになりそうですね。

SCRAPBLOG ≫ userChrome.js にたくさんのユーザ・スクリプトがあるので、有り難く使わせてもらいます。

Firefox に入れる 3 つの拡張機能

ということで、よくある「Firefox に入れる 3 つの拡張機能」って、これだけあればいいんじゃないかな……!

  • グリモン
    • 人様の作った Web ページを改竄!
  • Stylish
    • 人様が作ったページレイアウトをオレ色に!
  • userChrome.js

[これはひどい]

アルファな方々へ

userChrome.js の普及のためには「それ○○」なセリフが必須かと思います(……そうか?)。ということで、どなたか カッチョイイ セリフを考えてください。

「それ UC(ユーシー)」じゃ、ちょっと締まらないよなぁ……。