スポンサーリンク

今から3分で,Chromeブラウザの独自アドオンを自作してみよう (jQueryを使ったクローム拡張機能を,開発および動作テストする入門)

今から3分で,Chromeブラウザのアドオン(拡張機能)を作ろう。


ここで作るのは,「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。

アドオン自作の入門,初歩の第一歩にうってつけ。


作成に必要なツールは,なんとメモ帳だけ。

JavaScriptやJSONなどの「Web系技術」を使って,ちょこっとコーディングするだけで完成してしまう。


わずか3分で作成とインストールを終えるので,今すぐに始めてみよう。

  • (1)フォルダを作ってjQueryを格納
  • (2)マニフェストを作成
  • (3)メイン処理を実装
  • (4)ブラウザにインストールする
  • (5)動作テスト
  • 使い終わったら
  • 参考資料


(1)フォルダを作ってjQueryを格納

続きを読む

JavaScriptの動かないコード(中級編) 配列のsort結果がおかしい …評価関数が正数か負数以外の値を返す場合の挙動のエラー


以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分)

やりたい事:

  • オブジェクトの配列を,年齢の若い順に並び替える。
// WSHの場合はalertを定義しておく
if( typeof alert == "undefined" ){
	var alert = function(s){
		WScript.Echo(s);
	}
}


// 「名前」と「年齢」を持った
// オブジェクトの配列
var arr = [

	{
		name : "太郎",
		age  : 21
	},
	
	{
		name : "花子",
		age  : 9
	},
	
	{
		name : "次郎",
		age  : 19
	},
	
	{
		name : "マルガリータ",
		age  : 49
	}
	
];


// 年齢の若い順に昇順ソート
arr.sort(function(o1, o2){

	// 年齢を比較
	return o1.age > o2.age;

});


// ソート結果を表示
for( var i = 0; i < arr.length; i ++ ){
	alert( arr[i].name );
}

結果として「花子,次郎,太郎,マルガリータ」の順番で表示されれば成功。

続きを読む

Windows上でCUIで動く,無料の「オフライン英和辞典」バッチ。コマンドラインから英単語の日本語翻訳を自動化するWSHサンプルコード

オフラインで,Windows上のコマンド・バッチで
英和辞典」が動いたら便利だ。


無料で,CUIで利用でき,ネットに接続する必要がない。

英単語を入力として,日本語の意味を1つずつ回答・出力してくれる仕組みがあればよい。


そのようなWindowsバッチをWSHで実装したので,
下記に全ソースコードと導入手順,
および動作サンプルを掲載する。


(1)Windows上で動く「英和辞書バッチ」の概要

ここで作成した英和辞書バッチの動作サンプル。


英単語の意味を1つずつ調べるWSHコード(JScript):

// 英単語の意味を調べる。

e2j.get( "sage" );

e2j.get( "mean" );

実行結果:

sage
sage : (通例経験に富んだ年輩の)賢人 / 思慮深い,賢明な
sage : セージ(薬用・調味料のシソ科の草);その葉 / =sagebrush

mean
mean : 〈人が〉…‘を'『意図する』,‘の'つもりである;…‘を'言おうとある;示そうとする / 〈単語・句・文章などが〉…‘を'『意味を持つ』,‘を'『意味する』 / (人に対して)…‘を'当てる,向ける《+『名』+『for』+『名』》 / 《受動態で》〈人・物〉‘を'(…)向きにする / 〈物事が〉…‘を'示す,表す / (結果として)〈物事が〉…‘を'もたらす,生じさせる / 《『mean』+『for』+『名』+『to』 do》《米話》(…が…するような)つもりでいる 
mean : 《名詞の前にのみ用いて》(品質・価値・才能などが)『劣った』,つまらない / (人・行為などが)『卑劣な』,さもしい / 《古》(身分・地位などが)卑しい / 《まれ》(身なり・建物などが)みずぼらしい,見るもあわれな / 《米話》(動物が)御しにくい;(一般に)扱いにくい 
mean : 中庸,中道 / (数学で) / 平均[値];(特に)算術平均,相加平均 / (比例式の)中項,内項 / (両極端の)中間の,中央に位置する / (大きさ・品質・程度などが)平均的な,平均の

ある単語に,複数の品詞の意味がある場合,
一行ごとにそれぞれ分けて翻訳結果を表示している。


たとえば「sage」という単語の意味は
(某掲示板の「サゲ」ではなく)
「思慮深い」という形容詞だ。


また「mean」という単語の意味は
「意味する(動詞)」「卑劣な(形容詞)」「平均(名詞)」
などいろいろあるが,これも全て一発で取得できている。


次に,複数の単語をいっぺんに英和変換することもできる。

文章をスペースで分割して順番に単語訳を取得するだけ。


簡単な英語の文章:

// 複数の単語の意味を順番に調べる
"I like it very much ."
	.split(" ")
	.each(function( eword ){
		log(
			e2j.get( eword )
		);
	})
;

実行結果:

I
I : 『私は』私が 
I : iodineの化学記号 

like
like : …‘を'『好む』,‘が'好きである / 《しばしば否定文で,またwould,《英》shouldと共に用いて》…‘を'望む,…したい / 『好む』;望む / 《複数形で》好み,好きな事
like : (外観・性質などが)…『に似た』,のような / (やり方,程度などが)…『と同じように』 / …『らしい』,にふさわいし / 《おもに話》たとえば…のような / 《名詞の前にのみ用いて》(性質・外観などが)同じの,(数量が)等しい / 《補語にのみ用いて》似ている,そっくりで / たぶん,おそらく(probably) / (…に)似た人(物),(…と)同等の人(物),匹敵する人(物)《+『of』+『名』》 / …のように / あたかも…のように

it
it : 《すでに述べられた物・事または幼児,動物などを指して》『それは』(『を』),そのものは(を),そのことは(を) / 《その場の状況で相手に何であるか分かるような物・事または人を指して》『それは』(『を』),そのことは(を) / 《天候・時間・距離・事情・状態などを指して》 / 《It seems(happens, appears… )thatなどの形で》 / 《形式主語として》 / 《形式目的語として》 / 《It is … that(who, which)の形で…を強調して》 / 《ある種の動詞・前置詞に添える形式上の目的語として》 / 〈C〉(遊戯の)鬼 / 〈U〉《話》理想,第一人者 / 〈U〉《話》性的魅力 

very
very : 《副詞・形容詞・分詞形容詞を強めて》『非常に』,とても,たいへん,きわめて / 《否定語と共に用いて》『あまり』,さほど,たいして(…でない) / 《same, opposite, [one's]ownなどの前で》『真に,まったく』,ほんとうに / 《古》まったくの,本物の,真の / 《the(this,that,one's)~》『まさにその』,ちょうどその / 《the(one's)~》ただ…だけで(mere);(…)でさえ,までも(even)

much
much : (量・程度などが)『多くの』,多量の / 『たくさん』,多量 / 《通例否定文の補語として》大した物(事),重要な物(事) / 《動詞・過去分詞を強めて》『大いに』,非常に / 《形容詞・副詞の比較級・最上級を強めて》『ずっと』,はるかに / 《「同じ」の意味の語句を修飾して》たいてい,ほとんど

.

各単語ごとに日本語訳を付与できている。

文章としての日本語訳ではなく,
あくまでも単語レベルで分解した和訳を得ることができる。


文法やイディオムの勉強ももちろん大事だが,
単語力アップの目的で,ボキャビルに活用できるだろう。


(2)バッチの導入手順と,全ソースコード

では,この英和辞書バッチを導入しよう。

続きを読む