忍者ブログ

2018
07
24

[PR]

×

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

2018/07/24 (Tue.)

2012
10
11

iPhone/iPod Toutch用ブックマークレット

前回の記事「ピンイン表示ブックマークレット」でブックマークレットを紹介しました。しかし、これはiPhone/iPod ToutchのSafari(モバイルサファリ)では使えません。

なぜなら、モバイルサファリでは、テキストを選択状態にしても、ブックマーク操作を行った瞬間に選択が解除されてしまうからです。

モバイルサファリで選択したテキストを利用する場合には、最初にブックマークレットを起動しておき、その上でテキストを選択し、ジェスチャー操作を行うことによって、スクリプトを動作させるという方法がよいでしょう。

Hello! ブックマークレット

まず、簡単なサンプルを紹介します。

モバイルサファリでブックマークレットを登録するには、適当なページをブックマークしておき、それを編集でURLを書き換えます。

上記のスクリプトをコピペして、ブックマークレットを登録してみて下さい。登録後、適当なページでそのブックマークを選択し、戻ったページでジェスチャー操作をすると「Hello!」とアラートされます。なお、ジェスチャー操作とは、画面の上で親指と人差し指をこするような指の動きを言います。

テキスト選択 ブックマークレット

次に一段階前に進みます。ブックマークレットを起動後、テキストを選択し、ジェスチャー操作をすると、その選択したテキストがアラート表示されます。

encodeURIComponent ブックマークレット

もう一段階前に進みます。ブックマークレットを起動後、テキストを選択し、ジェスチャー操作をすると、その選択したテキストをURIエンコードした文字列がアラート表示されます。

ピンイン変換 ブックマークレット

さらに前に進みます。ブックマークレットを起動後、テキストを選択し、ジェスチャー操作をすると、その選択したテキストを簡体字とピンイン(pinyin)に変換したものをアラート表示します。

インターネットに接続していないと、APIを使用できません。

スクリプトの簡単な説明

簡体字とピンインの取得は、一橋大学附属図書館・情報検索サポート・漢字ピンインハングル読み変換APIを使用しています。"http://www.lib.hit-u.ac.jp/cgi-bin/pinyin/pinyin_json.cgi?MESG="に変換すべき文字をエンコードしたものを添えて投げると、callbackを関数名とするJSONP形式のデータが返ってきます。

返ってきたデータの処理方法をcallbackで定義します。上記では、簡体字とピンインをアラート表示させています。

Script要素を追加することによって、上記のAPIにリクエストを送ります。

p=d.createElement('script');
p.src='http://www.lib.hit-u.ac.jp/cgi-bin/pinyin/pinyin_json.cgi?MESG='+encodeURIComponent(s);
d.body.appendChild(p);
PR

2012/10/11 (Thu.) Comment(0) Bookmarklet

2012
10
02

ピンイン表示ブックマークレット

中国語の勉強用に、ピンイン表示ブックマークレットを作成しました。

文字列を選択して、お気に入りに追加したブックマークレットをクリックすると、選択文字列の後ろに[pinyin]が追加されます。

ソース

ブラウザのお気に入りに新しいブックマークを追加して、適当な名前をつけ、プロパティのURLに上記コードをコピペして下さい。

 


使用前
使用後

神楽坂雯麗 Google+」より

2012/10/02 (Tue.) Comment(0) Bookmarklet

Links

ご注意

当サイトのスクリプトは、ブラウザが FireFox 3.0 であることを前提に作成されています。IE などでは正常に動作しないものがあります。

カテゴリー

ブログ内検索

最新記事

カレンダー

06 2018/07 08
S M T W T F S
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 31

アーカイブ

RSS

最新CM

[04/15 jTemplate]
[05/22 寝太郎]

プロフィール

HN:
寝太郎
性別:
非公開

バーコード

P R

アクセス解析

リンク

NSM

コガネモチ

フリーエリア