読者です 読者をやめる 読者になる 読者になる

糸電話式のアレ

プログラミングのこと。毎日のこと。書いています。

英語のお勉強用に使ってます。

英語 英辞郎 英単語 javascript

3分クッキングで作ったJavaScriptツール。

<html>
<head>
<title>単語リスト化</title>
<style>
.word{
	width:150px;
}

.memo{
	width:290px;
}
td input{
	width:280px;
}
</style>
</head>
<body>
<textarea id="txt"></textarea>
<input type="button"
onclick='
var arr=document.getElementById("txt").value.toLowerCase().replace(/([^\w]|[0-9])+/g," ").split(/ /g).sort();
var tmp = "";
for(i=0;i<arr.length;i++){
	if(arr[i].length > 2 && tmp != arr[i]){
		tmp = arr[i]; // toUnique
		var line=document.createElement("tr");
		var col1=document.createElement("td");
		var col2=document.createElement("td");
		var link=document.createElement("a");
		var memo=document.createElement("input");
		line.appendChild(col1);
		col1.appendChild(link);
		link.appendChild(document.createTextNode(arr[i]));
		link.setAttribute("href","http://eow.alc.co.jp/[" + arr[i] + "]");
		line.appendChild(col2);
		col2.appendChild(memo);
		document.getElementById("tab").appendChild(line);
	}
}'
value="リスト化"
>
<hr>
<table border="1">
<tbody id="tab">
<tr><th class="word">単語</th><th class="memo">メモ</th></tr>
</tbody>
</table>
</body>
</html>

DL
作りはひっじょーに簡単ですが、英文を単語に分解して英辞郎へのリンクを張ってくれます。
単語のリンクは真ん中クリック推奨です。


私の場合は、TEDの全文に対して使ってます。
先に単語を覚えちゃって、知らない単語がない状態にして聞き取りを行うと割と聞き取れるんです。