忍者ブログ

Home > JavaScript

JavaScript Archive

[PR]

  • 2017-06-28 (Wed)
×

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

  • Comments (Close):
  • TrackBack (Close):

JavaScriptでタイピングゲーム(英語長文暗記用)

いつまでも「英語苦手」とも言ってられないので、
やる気を出してプレゼンでも暗記するかと思って、
任意の長文をタイピングするようなWebサービスを探したけど、
イマイチ見つからなかったので作ってみた。

ながらプログラミングなので、
コードはひどいけど、一応動いているのでよしとする。
(といってもテスト全然してないけど。)

タイピング試作版

使い方は至って簡単。
初めて開いた時に表示されるtextareaに英文を入力してregisterします。
※ テストの時はこの英文を使いました。

すると、localStorageに英文を保存して、タイピングができるようになります。
問題を変えるときは、右上の問題登録から再度同じ操作を行ないます。

と、まぁ最低限の機能は備えてるかな、と思います。
自分で使ってる中で不満があれば、機能追加するかもしれません。

以上、久々の投稿にしては質が低いなー。

PR

JavaScriptのキーワードとか予約語をかき集めてみた

jsの定義済みメソッドやプロパティの一覧欲しいなぁと思うことがあるんだけど、
意外となかったりするので、いろいろなサイトから集めて1ファイルにまとめてみた。

インプットはこちら。
Emeditorのjavascript自動補完を強化する - prog*sig
Vim用の辞書ファイル - おつあり
SHJS - License

Plugins | jQuery Plugins
Canvasリファレンス - HTML5.JP
File API & Firefox 3.6

これらをjs1.js, js2.jsみたいなファイル名で保存。
で、以下の超適当なシェルでマージ。
(こういう作業はやっぱりunixなmacだとすぐできて楽ですね。)

#!/bin/sh

rm temp.js js.js
cat js*.js > temp.js
sort -f temp.js | uniq > js.js
rm temp.js
wc -l js.js

ちなみに、macのuniqコマンドはsortしてからじゃないと使えないらしいです。
(っていうかsort -uで良かったことに今気づいた。)

cat js.js | uniq
→ダメ

sort js.js | uniq
→OK

完成したファイルがこちら。

これ足りないんじゃない?とかあったら、コメントいただけると助かります。
特にhtml5関連のメソッドとか。
(現状、canvasとfileapiとdragdropしか入れてません)

2009/1/22
drag&drop関連のeventを追加。
参考にしたのはこちら。
Drag and drop - MDC
abort
abs
abstract
acceptCharset
acos
action
ActiveXObject
addColorStop
addEventListener
alert
align
alinkColor
altKey
anchors
appendChild
appendData
applets
applicationCache
apply
arc
arcTo
arguments
Array
asin
atan
atan2
atob
attributes
availHeight
availLeft
availTop
availWidth
azimuth
back
background
backgroundAttachment
backgroundColor
backgroundImage
backgroundPosition
backgroundPositionX
backgroundPositionY
backgroundRepeat
beforeunload
beginPath
bezierCurveTo
bgColor
blur
body
Boolean
boolean
border
borderBottom
borderBottomColor
borderBottomStyle
borderBottomWidth
borderCollapse
borderColor
borderLeft
borderLeftColor
borderLeftStyle
borderLeftWidth
borderRight
borderRightColor
borderRightStyle
borderRightWidth
borderSpacing
borderStyle
borderTop
borderTopColor
borderTopStyle
borderTopWidth
borderWidth
bottom
break
btoa
bubbles
button
byte
call
cancelable
cancelBubble
caption
captionSide
captureEvents
case
catch
ceil
cellPadding
cellSpacing
change
char
characterSet
charAt
charCodeAt
childNodes
class
className
clear
clearInterval
clearRect
clearTimeout
click
clientHeight
clientLeft
clientTop
clientWidth
clientX
clientY
clip
cloneNode
close
closed
closePath
color
colorDepth
compatMode
Components
concat
confirm
console.debug
console.dir
console.dirxml
console.error
console.info
console.log
console.traceInfinity
console.warn
const
content
contentType
contextmenu
continue
controllers
cookie
cos
counterIncrement
counterReset
createAttribute
createAttributeNS
createCaption
createCDATASection
createComment
createDocument
createDocumentFragment
createDocumentType
createElement
createElementNS
createEntityReference
createEvent
createImageData
createLinearGradient
createNSResolver
createPattern
createProcessingInstruction
createRadialGradient
createRange
createTextNode
createTFoot
createTHead
createTreeWalker
crypto
cssFloat
cssRules
cssText
ctrlKey
cue
cueAfter
cueBefore
currentTarget
cursor
data
dataTransfer
Date
dblclick
debugger
decodeURI
decodeURIComponent
decordURI
decordURIComponent
default
defaultStatus
defaultView
delete
deleteCaption
deleteData
deleteRow
deleteRule
deleteTFoot
deleteTHead
designMode
detail
dialogArguments
dir
direction
directories
dispatchEvent
display
do
doctype
Document
document
documentElement
domain
double
drag
dragdrop
dragenter
dragleave
dragover
dragstart
drawImage
drop
dropdataTransfer
dump
E
Elements
elements
elevation
else
embeds
emptyCells
encodeURI
encodeURIComponent
encoding
enctype
enum
Error
error
escape
eval
EvalError
evaluate
eventPhase
exec
execCommand
exp
explicitOriginalTarget
export
extends
false
fgColor
FileReader
files
fill
fillRect
fillStyle
fillText
filter
final
finally
find
firstChild
float
floor
focus
font
fontFamily
fontSize
fontSizeAdjust
fontStretch
fontStyle
fontVariant
fontWeight
for
forms
forward
frame
frameElement
frames
fromCharCode
fullScreen
Function
function
getAsDataURL
getAttention
getAttribute
getAttributeNode
getAttributeNodeNS
getAttributeNS
getComputedStyle
getContext
getDate
getDay
getElementById
getElementsByClassName
getElementsByName
getElementsByTagName
getElementsByTagNameNS
getFullYear
getFullYear 
getHours
getImageData
getMilliseconds
getMilliseconds 
getMinutes
getMonth
getNamedItem
getNamedItemNS
getResponseHeader
getSeconds
getSelection
getTime
getTimezoneOffset
getUTCDate
getUTCDate 
getUTCDay
getUTCDay 
getUTCFullYear
getUTCFullYear 
getUTCHours
getUTCHours 
getUTCMilliseconds
getUTCMilliseconds 
getUTCMinutes
getUTCMinutes 
getUTCMonth
getUTCMonth 
getUTCSeconds
getUTCSeconds 
getYear
globalAlpha
globalCompositeOperation
globalStorage
goto
hasAttribute
hasAttributeNS
hasAttributes
hasChildNodes
hasFeature
height
History
history
home
id
if
images
implementation
implements
import
importNode
in
indexOf
Infinity
initEvent
initKeyEvent
initMouseEvent
initUIEvent
innerHeight
innerHTML
innerWidth
insertBefore
insertData
insertRow
insertRule
instanceof
int
interface
isChar
isFinite
isNaN
isPointInPath
isSupported
item
JavaArray
JavaClass
JavaObject
JavaPackage
join
keydown
keypress
keyup
lang
lastChild
lastIndexOf
lastModified
layerX
layerY
left
length
letterSpacing
lineCap
lineHeight
lineJoin
lineTo
lineWidth
linkColor
links
listStyle
listStyleImage
listStylePosition
listStyleType
LN10
LN2
load
loaded
loadend
loadOverlay
localeCompare
localName
Location
location
locationbar
log
LOG10E
LOG2E
long
margin
marginBottom
marginLeft
marginRight
marginTop
markerOffset
marks
match
Math
max
maxHeight
maxWidth
measureText
menubar
metaKey
method
Microsoft.XMLHTTP
min
minHeight
minWidth
miterLimit
mousedown
mousemove
mouseout
mouseover
mouseup
moveBy
moveTo
Msxml2.XMLHTTP
name
namespaceURI
NaN
native
Navigator
navigator
new
nextSibling
nodeName
nodeType
nodeValue
normalize
null
Number
Object
offsetHeight
offsetLeft
offsetParent
offsetTop
offsetWidth
onabort
onbeforeunload
onblur
onchange
onclick
onclose
oncontextmenu
ondblclick
ondrag
ondragdrop
ondragenter
ondragleave
ondragover
ondragstart
ondrop
onerror
onfocus
onkeydown
onkeypress
onkeyup
onload
onloadend
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onpaint
onprogress
onreadystatechange
onreset
onresize
onscroll
onselect
onsubmit
onunload
open
openDialog
opener
originalTarget
orphans
outerHeight
outerWidth
outline
outlineColor
outlineStyle
outlineWidth
overflow
overrideMimeType
ownerDocument
ownerElement
package
Packages
padding
paddingBottom
paddingLeft
paddingRight
paddingTop
page
pageBreakAfter
pageBreakBefore
pageBreakInside
pageX
pageXOffset
pageY
pageYOffset
paint
parent
parentNode
parse
parseFloat
parseInt
pause
pauseAfter
pauseBefore
personalbar
PI
pitch
pitchRange
pixelDepth
pixelHeight
pixelLeft
pixelTop
pixelWidth
pkcs11
playDuring
plugins
pop
popupNode
posHeight
position
posLeft
postMessage
posTop
posWidth
pow
prefix
preventDefault
previousSibling
print
private
progress
prompt
protected
prototype
public
push
putImageData
quadraticCurveTo
queryCommandEnabled
queryCommandIndeterm
queryCommandState
queryCommandValue
quotes
random
RangeError
readAsBinaryString
readAsDataURL
readAsText
readyState
rect
ReferenceError
referrer
RegExp
relatedTarget
releaseEvents
removeAttribute
removeAttributeNode
removeAttributeNS
removeChild
removeEventListener
removeNamedItem
removeNamedItemNS
replace
replaceChild
replaceData
reset
resize
resizeBy
resizeTo
responseText
responseXML
restore
result
return
returnValue
reverse
richness
right
rotate
round
rows
rules
save
scale
screen
screenX
screenY
scroll
scrollbars
scrollBy
scrollByLines
scrollByPages
scrollHeight
scrollIntoView
scrollLeft
scrollMaxX
scrollMaxY
scrollTo
scrollTop
scrollWidth
scrollX
scrollY
search
select
self
send
sessionStorage
setAttribute
setAttributeNode
setAttributeNodeNS
setAttributeNS
setDate
setFullYear
setFullYear 
setHours
setInterval
setMilliseconds
setMilliseconds 
setMinutes
setMonth
setNamedItem
setNamedItemNS
setRequestHeader
setSeconds
setSeconds 
setTime
setTime 
setTimeout
setTransform
setUTCDate
setUTCDate 
setUTCFullYear
setUTCFullYear 
setUTCHours
setUTCHours 
setUTCMilliseconds
setUTCMilliseconds 
setUTCMinutes
setUTCMinutes 
setUTCMonth
setUTCMonth 
setUTCSeconds
setUTCSeconds 
setYear
shadowBlur
shadowColor
shadowOffsetX
shadowOffsetY
shift
shiftKey
short
showModalDialog
sidebar
sin
size
sizeToContent
slice
sort
speak
speakHeader
speakNumeral
speakPunctuation
specified
speechRate
splice
split
splitText
sqrt
SQRT1_2
SQRT2
static
status
statusbar
stop
stopPropagation
stress
String
stroke
strokeRect
strokeStyle
strokeText
style
styleFloat
styleSheets
submit
substr
substring
substringData
summary
super
supports
switch
synchronized
SyntaxError
tabIndex
tableLayout
tagName
tan
target
tBodies
test
textAlign
textBaseline
textContent
textDecoration
textDecorationBlink
textDecorationLineThrough
textDecorationNone
textDecorationOverline
textDecorationUnderline
textIndent
textShadow
textTransform
tFoot
tHead
this
throw
throws
timeStamp
title
toDataURL
toDateString
toExponential
toFixed
toGMTString
toLocaleDateString
toLocaleLowerCase
toLocaleString
toLocaleTimeString
toLocaleUpperCase
toLowerCase
toolbar
tooltipNode
top
toPrecision
toString
total
toTimeString
toUpperCase
toUpperCaseXMLHttpRequest
toUTCString
toUTCString 
transform
transient
translate
true
try
type
TypeError
typeof
undefined
unescape
unicodeBidi
unload
unshift
updateCommands
URIError
URL
UTC
value
valueOf
var
verticalAlign
view
visibility
vlinkColor
voiceFamily
void
volatile
volume
which
while
whiteSpace
widows
width
Window
window
with
wordSpacing
write
writeln
XMLHttpRequest
zIndex

JavaScriptでカードをめくるアニメーション

ふと思いついたのでやってみました。
こういうのこそCanvasでやれよ、なんですが今回はDOMです。

JavaScriptでカードをめくる

めくるのところに何てキーワードを使えばいいかわからず、
参考文献探し(検索)に苦労しました。
※ 裏返すとか反転とか回転とか・・・。

最終的に以下のFlashコミュニティに助けられました。感謝。

FLASH-JP.COM - フォーラム

cosでできるんですねー。
自力(算数できない)じゃ絶対思いつかんなぁ。

何はともあれ、うまくいってよかったです。
※ まぁ結局移植しただけなんですけどね^^

JavaScript製付箋アプリ「Pretzels」

定員オーバーでHTML5勉強会に参加できなくて悔しかった勢い(?)で作ってみた。

Pretzels

JQuery UIに頼りまくって殴り書きで作った付箋アプリです。
メモの内容はCookieに保存してるだけなので、ページまるごとダウンロードすればローカルでも使えます。
同期できないオフラインアプリケーションですw

MacのStickiesを目指して作り始めましたが、結果は程遠いものになりました。
くれぐれもご利用は一時的なメモに!

というわけで(?)HTML5 3Days Tech Talkのプレゼン資料他のリンクを貼っておきます。

一通り目を通したけどCanvas以外は使ったことないのでなんとも。なんか作らないと駄目かぁ。

正直HTML5を作ると初めて効いた時は「XHTMLは!?」と耳を疑いましたが、
最近はどんどんおもしろそうになってきてるので、そろそろ真面目に勉強しないとね…。

インクリメント:i++と++i

「"i++" "++i"」っていう検索フレーズによるアクセスがあったので、
なんとなく説明してみる。

i++(後置)は、インクリメントが後に処理される。

つまり、

var i = 0;
var a = i++;

alert('i = ' + i);
alert('a = ' + a);

だと、結果は、

i = 1;
a = 0;

になる。

もうおわかりとは思うが、++i(前置)はその逆で、インクリメントが先に処理される。

したがって、

var i = 0;
var a = ++i;

alert('i = ' + i);
alert('a = ' + a);

は、

i = 1;
a = 1;

になるのである。

なお、今回は、「++」について説明したが、
「--」についても同様である。

以上。
こんな感じでいいかなー? > 検索で辿りついてくれた人。

Home > JavaScript

Search
Loading
Feeds
Links
スポンサードリンク
Ad
デル株式会社
Ad

Page Top