忍者ブログ
<< | 2017年04月 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | >>

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Posted by  at 16:28:09 JST | Category: 
Comments [] | Trackbacks [] | del.icio.us はてなブックマーク icon technorati icon AddClips

日本語検索可能な Technorati Searchlet の設置方法

このブログに付けているTechnoratiのサーチレットは漢字を含む日本語や半角カナでの検索が可能な様にカスタマイズしています。


ベースとなるサーチレットのコードは下記のサイトにあるのですが、このままだと日本語で検索出来ないんです。

で、ちょっと改造している訳なんですよ。


Configure a Technorati searchlet


ちなみにこのサーチレットはテクノラティジャパンで検索するんじゃなくて、直接アメリカの本家のTechnoratiで検索しています。

9月現在、テクノラティジャパンは正直な所四六時中重くて使い物にならないので、私はジャパンよりも軽い本家をいつも利用しているんです。


そんな訳で忍者ブログにてプラグインに組み込んで使う場合を想定したサーチレットのサンプルコードを記載します。


HTML 4.01版サンプルコード

<form action="http://www.technorati.com/search.php" method="get" accept-charset="UTF-8">
<div class="blogsearch">
<input type="hidden" name="sub" value="searchlet">
<input type="hidden" name="language" value="ja">
<div class="center"><a href="http://www.technorati.com/"><img src="http://static.technorati.com/pix/logos/logo_sm.gif" width="125" height="30" alt="Technorati (US)" title="Technorati (US)へ"></a></div>
<input type="text" class="box" name="s" size="23" maxlength="255" value=""><input type="submit" class="btn" value="検索"><br>
<label for="ts_www"><input type="radio" id="ts_www" name="from" value=""> 全てのブログから検索</label><br>
<label for="ts_yb"><input type="radio" id="ts_yb" name="from" value="<!--$g_url-->" checked> 当ブログから検索</label>
</div>
</form>

XHTML版サンプルコード

<form action="http://www.technorati.com/search.php" method="get" accept-charset="UTF-8">
<div class="blogsearch">
<input type="hidden" name="sub" value="searchlet" />
<input type="hidden" name="language" value="ja" />
<div class="center"><a href="http://www.technorati.com/"><img src="http://static.technorati.com/pix/logos/logo_sm.gif" width="125" height="30" alt="Technorati (US)" title="Technorati (US)へ" /></a></div>
<input type="text" class="box" name="s" size="23" maxlength="255" value="" /><input type="submit" class="btn" value="検索" /><br />
<label for="ts_www"><input type="radio" id="ts_www" name="from" value="" /> 全てのブログから検索</label><br />
<label for="ts_yb"><input type="radio" id="ts_yb" name="from" value="<!--$g_url-->" checked="checked" /> 当ブログから検索</label>
</div>
</form>

ミソは赤文字のlanguageの指定とformタグ中のaccept-charsetの指定。

accept-charsetって忍者ブログのcharsetはUTF-8ですから基本的に設定しないでも問題ない筈なんですが、おまじないという事で明示的に設定しています。


尚、サンプルソースでは忍者ブログのブログ内検索プラグインや共有テンプレート等で用いられているクラス定義を流用する形でマークアップしております。他のブログサービスにサンプルソースを流用される場合には必要に応じて各自でお使いになられているブログサービスに最適化させてクラス定義を追加/修正したり、CSSで各タグに対するwidth値等を記述した上でお使い下さい。ちなみに当サイトの右上で実際に用いている物はカスタマイズを行ってCSSでラジオボタンをIEやOperaにて3D表示する様に背景色を設定しています。


また、サンプルソース中の<!--$g_url-->は忍者ブログの独自タグです。他のブログサービスにサンプルソースを流用される場合にはこの部分を設置されるブログサービスに用意されているタグや変数に置き換えて頂くか、 http://hogehoge.hoge/ の形式で直接URLを記述してお使い下さい。


ちなみにこのサーチレットコードをcharsetがShift_JISのブログに流用して設置する場合には、ちょっと強引な裏技ですけど下記の一文を追加すると良いかと思います。

追加場所は上記のサーチレットでhidden渡ししている部分の最後(つまり3番目に書くって事。)に記述すればOKです。

下記の一文を追加しないとIE等で閲覧していた場合に入力した検索文字列が文字化けしてしまい正常に検索する事が出来ません。


つまり、このダミーのEUC-JP専用の文字コードをパラメータに付与する事で、Shift_JISの文字列をEUC-JPの文字列と見せかけて文字化けを防いでいるんです。


<input type="hidden" name="dummy" value="&#xfdfe;">

(実使用時には&#xfdfe;の先頭の「&」を小文字に置き換えて下さい。)


本来ならばEUC-JPとしてではなくUTF-8の文字列として扱うべき所なのかと思うんですが、ちょっと手法が判らなかったのでとりあえずShift_JISならこんな事で文字化けを防ぐ事が出来ますよって事です。

ちなみにcharsetがEUC-JPのブログだと動作原理から考えてこの小細工をしなくても文字化けしない筈だと思うんですが、私はEUC-JPのブログで試していないのでその辺の詳細は未確認です。あしからず。


尚、このaccept-charsetと文字化け対策の件に関しては、akiyan.comさんの下記の記事を参考にさせて頂きました。誠に有難うございました。


IEのform要素はacceptCharset属性(accept-charset)に非対応らしい


bookmarkletからマルチバイト文字列を文字化けさせずに送る方法


※2006/09/19追記:これまで提示していたサンプルソースにて一部不適切なマークアップ箇所がありましたので修正した上で、XHTML版サンプルソースの追加、及び注意事項の追記を行いました。

PR
Posted by suna77777 at 02:12:00 JST | Category: カスタマイズ
Comments [0] | Trackbacks [1] | del.icio.us はてなブックマーク icon technorati icon AddClips
コメント
コメントの投稿





コメント文字色:
絵文字入力:

トラックバック
せっかく、テクノラティというカテゴリがあるものの、特に掲載できるようなめぼしいネタもなく・・・。 久しぶりにテクノラティにアクセスしてみたら、ユーザーインターフェースが刷新されていてビックリ。 本家 Technorati と日本版のテクノラティが、ほぼ同じような?..
Tracked on 2006.09.18 Monday 14:07:20 JST
from べんじゃみんのブログ
トラックバックURL



投稿されたトラックバックは管理者の承認後に表示されます。

現在、当ブログでは英文のみのトラックバックは受け付けておりません。

Presently, with this blog has not accepted trackbacks only of English.

track word
track word ブログ SEO    
 
カレンダー
<< | 2017年04月 | >>
Sun Mon Tue Wed Thu Fri Sat
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
プロフィール
HN:suna77777
性別:男性
職業:システムエンジニア
趣味:自作PC ネット閲覧 ペット飼育等

suna77777のテクノラティプロフィール

gmail

共有テンプレートご利用の方へ
拙作の共有テンプレートをご利用頂き誠にありがとうございます。
このブログにて拙作の共有テンプレートをご利用頂く上での注意事項やご説明、カスタマイズポイントの解説等のコンテンツを用意しておりますので、お目通し頂けます様、お願い申し上げます。

★★★ 現在公開中のテンプレート ★★★

Comfort Liquid 3column
Comfort Liquid 3column

見易さ・使い易さ等を重視した幅可変レイアウトの3カラムのテンプレートです。
プラグインの配置は左カラムが1、右カラムが2、最上部が3、中央カラムの記事の直上が4、中央カラムの記事の直下が5です。
通常、プラグインは左カラムと右カラムに配置して、他の部分にはフリーエリアを用いてアフィリエイトバナーを張り付けたりブログパーツを張り付けて使用する事を想定しています。
質問事項や不具合報告、要望事項等がありましたら当該記事のコメント欄、若しくは上記のメールアドレスまでお気軽にご連絡下さい。

★★★ ご連絡 ★★★

10/5にこれまでに見受けられた不具合等を修正したVer.1.3をリリースしました。
既に既存バージョンをお使い頂いている方にはお手数をお掛けしてしまい大変恐縮ですが、新たにVer.1.3をダウンロードし直して頂き、可能な限り差し替えてご利用頂けます様、お願い申し上げます。

★★★ Ver.1.1での修正内容 ★★★

1.IE7.0にてブログ内検索プラグインの表示が崩れる事象を修正。
2.エントリーナビゲーション/ナビゲーションバーの階層構造を適正化。
3.link relでのフィードの記述順を修正。

★★★ Ver.1.2での修正内容 ★★★

1.DOCTYPE宣言行の記述ミスを修正。
2.MacIEへの対策を強化。(MacIEでは一部を除きletter-spacingを適用しない様に修正)
3.ブログタイトルと説明文の表示に関する修正。(右マージンを適切に設定)
4.CSS内のコメントを修正。(line-breakとword-breakのコメントを修正)
5.タイトルの修正。(Liquidのスペルを修正)

★★★ Ver.1.3での修正内容 ★★★

1.InternetExplorerにてbrタグにletter-spacingが設定されていると連続する改行表示が正しく行われない事への対処。
アーカイブ
2008年2006年2006年2006年2006年2006年
最新記事
2008年02月01日2006年12月14日2006年12月06日2006年11月28日2006年11月21日2006年11月14日2006年11月06日2006年10月30日2006年10月23日2006年10月16日2006年10月09日2006年10月01日2006年10月01日2006年09月30日2006年09月29日2006年09月26日2006年09月25日2006年09月23日2006年09月21日2006年09月18日2006年09月16日2006年09月16日2006年09月12日2006年09月12日2006年09月09日
最新コメント
Comfort Liquid 3columnについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてComfort Liquid 3columnのバージョンアップと2カラム版のリリースについてとりあえずXHTML化してみました。suna(BlogPet)きょうは日本語を検索したいなぁ(BlogPet)Comfort Liquid 3columnについて英文を主体としたサイトで用いる場合の対処法(BlogPet)プラグインをXHTMLに準拠させる修正方法についてComfort Liquid 3columnについてComfort Liquid 3columnについてComfort Liquid 3columnについてこんな機能が欲しい in 忍者ブログ忍者ブログでリキッドレイアウトのテンプレートを作る場合の注意事項忍者ブログでリキッドレイアウトのテンプレートを作る場合の注意事項
最新トラックバック
忍者ブログ版休日表示カレンダー日本語検索可能な Technorati Searchlet の設置方法忍者ブログでリキッドレイアウトのテンプレートを作る場合の注意事項
BlogPeople
TBP 忍者ブログ
TBP blogカスタマイズ
フィード

RSS2.0フィード

del.icio.usに追加 テクノラティ お気に入りに追加

Add to Google

My Yahoo!に追加

Add to Windows Live


ATOMフィード

RSS0.91フィード

RSS1.0フィード

RSS2.0フィード

各種ブックマーク登録
 
Google 検索
Google 日本
 

Yahoo! JAPAN 検索
Yahoo! JAPAN
 
  


Live Search
Live Search
Technorati 検索
Technorati (US)
 

Blog Pet
QRコード
QRコード
feed meter
人気ブログランキング
ステータス
SEO Stats
カウンター
AdminControlMenu: AdminMenu | NewEntry | EditComment | EditTrackback