Born Neet

前回に引き続いて、cssです。
jsに比べればリソースがたくさんあって楽でした。

hail2u.net - Weblog - CSSのプロパティをソートするPerlスクリプト
CSS Properties Index – Jens Meiert
プロパティはこの2つで完璧。

CSS HTML XHTML Reference Book
» 90 CSS Properties, Values and Browser Support :: CSS, JavaScript and XHTML Explained
@規則 一覧 - CSS Dencitie
valueとかはここらへんから頑張って（適当に）抽出。

できたのがこれ。
うん、自信ない。

-moz-appearance
-moz-background-clip
-moz-background-inline-policy
-moz-background-origin
-moz-background-size
-moz-binding
-moz-border-bottom-colors
-moz-border-bottom-right-radius
-moz-border-end
-moz-border-end-color
-moz-border-end-style
-moz-border-end-width
-moz-border-image
-moz-border-left-colors
-moz-border-radius
-moz-border-radius-bottomleft
-moz-border-radius-bottomright
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-right-colors
-moz-border-start
-moz-border-start-color
-moz-border-start-style
-moz-border-start-width
-moz-border-top-colors
-moz-border-top-left-radius
-moz-border-top-right-radius
-moz-box-align
-moz-box-direction
-moz-box-flex
-moz-box-flexgroup
-moz-box-ordinal-group
-moz-box-orient
-moz-box-pack
-moz-box-shadow
-moz-box-sizing
-moz-column-count
-moz-column-gap
-moz-column-rule
-moz-column-rule-color
-moz-column-rule-style
-moz-column-rule-width
-moz-column-width
-moz-float-edge
-moz-force-broken-image-icon
-moz-image-region
-moz-margin-end
-moz-margin-start
-moz-outline-radius
-moz-outline-radius-bottomleft
-moz-outline-radius-bottomright
-moz-outline-radius-topleft
-moz-outline-radius-topright
-moz-padding-end
-moz-padding-start
-moz-stack-sizing
-moz-transform
-moz-transform-origin
-moz-user-focus
-moz-user-input
-moz-user-modify
-moz-user-select
-moz-window-shadow
-ms-background-position-x
-ms-background-position-y
-ms-filter
-ms-ime-mode
-ms-interpolation-mode
-ms-layout-flow
-ms-layout-grid
-ms-layout-grid-char
-ms-layout-grid-line
-ms-layout-grid-mode
-ms-layout-grid-type
-ms-overflow-x
-ms-overflow-y
-ms-scrollbar-3dlight-color
-ms-scrollbar-arrow-color
-ms-scrollbar-base-color
-ms-scrollbar-darkshadow-color
-ms-scrollbar-face-color
-ms-scrollbar-highlight-color
-ms-scrollbar-shadow-color
-ms-text-align-last
-ms-text-autospace
-ms-text-justify
-ms-text-kashida-space
-ms-text-overflow
-ms-text-underline-position
-ms-word-break
-ms-word-wrap
-ms-writing-mode
-ms-zoom
-o-background-size
-o-table-baseline
-webkit-animation
-webkit-animation-delay
-webkit-animation-direction
-webkit-animation-duration
-webkit-animation-iteration-count
-webkit-animation-name
-webkit-animation-play-state
-webkit-animation-timing-function
-webkit-appearance
-webkit-backface-visibility
-webkit-background-clip
-webkit-background-composite
-webkit-background-origin
-webkit-background-size
-webkit-border-bottom-left-radius
-webkit-border-horizontal-spacing
-webkit-border-image
-webkit-border-radius
-webkit-border-vertical-spacing
-webkit-box-align
-webkit-box-direction
-webkit-box-flex
-webkit-box-flex-group
-webkit-box-lines
-webkit-box-ordinal-group
-webkit-box-orient
-webkit-box-pack
-webkit-box-reflect
-webkit-box-shadow
-webkit-box-sizing
-webkit-column-break-after
-webkit-column-break-before
-webkit-column-break-inside
-webkit-column-count
-webkit-column-gap
-webkit-column-rule
-webkit-column-rule-color
-webkit-column-rule-style
-webkit-column-rule-width
-webkit-column-width
-webkit-columns
-webkit-dashboard-region
-webkit-line-break
-webkit-margin-bottom-collapse
-webkit-margin-collapse
-webkit-margin-start
-webkit-margin-top-collapse
-webkit-marquee
-webkit-marquee-direction
-webkit-marquee-increment
-webkit-marquee-repetition
-webkit-marquee-speed
-webkit-marquee-style
-webkit-mask
-webkit-mask-attachment
-webkit-mask-box-image
-webkit-mask-clip
-webkit-mask-composite
-webkit-mask-image
-webkit-mask-origin
-webkit-mask-position
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat
-webkit-mask-size
-webkit-nbsp-mode
-webkit-padding-start
-webkit-perspective
-webkit-perspective-origin
-webkit-rtl-ordering
-webkit-tap-highlight-color
-webkit-text-fill-color
-webkit-text-security
-webkit-text-size-adjust
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-touch-callout
-webkit-transform
-webkit-transform-origin
-webkit-transform-origin-x
-webkit-transform-origin-y
-webkit-transform-origin-z
-webkit-transform-style
-webkit-transition
-webkit-transition-delay
-webkit-transition-duration
-webkit-transition-property
-webkit-transition-timing-function
-webkit-user-drag
-webkit-user-modify
-webkit-user-select
100
200
300
400
500
600
700
800
900
:active
:after
:before
:first
:first-child
:first-letter
:first-line
:focus
:hover
:lang
:left
:link
:right
:visited
@charset
@font-face
@import
@media
@page
above
absolute
alignment-adjust
alignment-baseline
always
angle
animation
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
appearance
armenian
attr
aural
auto
auto,
avoid
azimuth
backface-visibility
backgroun-position-y
background
background-attachment
background-break
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-repeat
background-size
baseline
baseline-shift
below
bidi-override
binding
blink
block
bold
bolder
bookmark-label
bookmark-level
bookmark-target
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-break
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-length
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
both
bottom
box-align
box-break
box-direction
box-flex
box-flex-group
box-lines
box-ordinal-group
box-orient
box-original-group
box-pack
box-shadow
box-sizing
braille
capitalize
caption
caption-side
center
circle
clear
clip
cm
code
collapse
color
color-profile
colorName
column-break-after
column-break-before
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
content
counter
counter-increment
counter-reset
counterName
crop
cross
crosshair
cue
cue-after
cue-before
cursor
dashed
decimal
decimal-leading-zero
default
deg
digits
direction
disc
display
display-model
display-role
dominant-baseline
dominate-baseline
dotted
double
drop-initial-after-adjust
drop-initial-after-align
drop-initial-before-adjust
drop-initial-before-align
drop-initial-size
drop-initial-value
e-resize
elevation
em
emboss
empty-cells
ex
expression
fast
faster
fit
fit-position
fixed
fixed,
float
float-offset
font
font-1
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
fStyle
georgian
grad
grid-columns
grid-rows
groove
handheld
hanging-punctuation
height
help
hidden
hide
hyphenate-after
hyphenate-before
hyphenate-character
hyphenate-lines
hyphenate-resource
hyphens
Hz
icon
identifier
image-orientation
image-rendering
image-resolution
ime-mode
in
inherit
inline
inline-block
inline-box-align
inline-table
inset
inside
integer
invert
italic
justify
kHz
landscape
large
larger
left
left-side
leftwards
length
letter-spacing
lighter
line-height
line-stacking
line-stacking-ruby
line-stacking-shift
line-stacking-strategy
line-through
list-item
list-style
list-style-image
list-style-position
list-style-type
local
loud
lower
lower-alpha
lower-greek
lower-latin
lower-roman
lowercase
ltr
margin
margin-bottom
margin-left
margin-right
margin-top
mark
mark-after
mark-before
marks
marquee-direction
marquee-loop
marquee-play-count
marquee-speed
marquee-style
max-height
max-width
medium
menu
middle
min-height
min-width
mm
move
move-to
ms
multiple
n-resize
nav-down
nav-index
nav-left
nav-right
nav-up
ne-resize
no-open-quote
no-repeat
none
normal
nowrap
number
nw-resize
oblique
once
opacity
open-quote
or
orphans
outline
outline-color
outline-offset
outline-style
outline-width
outset
outside
overflow
overflow-style
overflow-x
overflow-y
overline
padding
padding-bottom
padding-left
padding-right
padding-top
page
page-break-after
page-break-before
page-break-inside
page-policy
pause
pause-after
pause-before
pc
percent
percentage
perspective
perspective-origin
phonemes
pitch
pitch-range
play-during
pointer
pointer-events
portrait
position
pre
pre-line
pre-wrap
presentation-level
print
progress
projection
pt
punctuation-trim
px
quotes
rad
rect
relative
rendering-intent
repeat
repeat-x
repeat-y
resize
rest
rest-after
rest-before
rgb
rgba
richness
ridge
right
right-side
rotation
rotation-point
rtl
ruby-align
ruby-overhang
ruby-position
ruby-span
run-in
s-resize
screen
scroll
se-resize
separate
show
silent
singleFontFamily
size
slow
small
small-caps
small-caption
soft
solid
speak
speak-header
speak-numeral
speak-punctuation
specificVoice
speech-rate
spell-out
square
src
static
stress
string
string-set
sub
super
sw-resize
tab-side
table
table-caption
table-cell
table-column
table-column-group
table-header-group
table-layout
table-row
target
target-name
target-new
target-position
text
text-align
text-align-last
text-bottom
text-decoration
text-emphasis
text-height
text-indent
text-justify
text-outline
text-rendering
text-replace
text-shadow
text-top
text-transform
text-wrap
thick
thin
time
top
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
transparent
tty
tv
type
underline
unicode-bidi
unicode-range
upper-alpha
upper-latin
upper-roman
uppercase
url
vertical-align
visibility
visible
voice-balance
voice-duration
voice-family
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
volume
w-resize
wait
white-space
white-space-collapse
widows
width
word-break
word-spacing
word-wrap
x-high
x-loud
x-low
xx-large
xx-small
z-index

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

今日のセミナー中にできるかも・・・と思いついたので作ってみました。
意外と簡単に、1時間程度でできました。

canvasで画像拡大鏡

マウスカーソルのある部分を拡大して表示できます。
ただ、単純に引き伸ばしているだけなので、荒くなっちゃいます。

一応倍率も変えられますよ。

bookmarkletとかにしたらおもしろいかもですね。

あ、tnantoka's Canvas Showcaseと2重更新するのが既に面倒だ。
どうしよう？？

そろそろ本格的にhtml5やcanvasが流行り始めるかもしれない、
そんな予感というか妄想をして、今まで作ったcanvasプログラムを集めてみた。

ちょっとしたポートフォリオですね。

tnantoka's Canvas Showcase

2年前から触ってるのに、進歩してない・・・orz
むしろ小ネタに走ってる傾向にあることがわかりました。

これからも思いつきを大事にしていきたいです。

※ 実は結構アーリーアダプターだったんだぜ？

「canvas初心者」という条件に該当しないと思われることをわかっていながら、
行ってきました。
（googleの食堂以外の場所に入ってみたかっただけ、というわけではないですよ^^）

簡単にまとめると、こういうことをしようというセミナーでした。





嘘です、もっとためになる話がたくさんありました。
内容については、公開されてる資料とかをご参照下さい。
※ ハッシュタグ#html5jとかから辿れば見つかると思います。

で、今日の話を聞いてて気づいたのは、結構前からcanvasを触ってきたけど、
初心者とあんまり変わんないなーということ。
つまり、canvasを使うのに知識なんていらなくて、
アイディアと気合とリファレンスさえあれば、なんだってできるんですよね。
（と、珍しくポジティブシンキンしてみる）

ただ、非プログラマ層（デザイナーさんとかエンドユーザ）に広めるのって難しそう、
と今更ながらに思ったりもした。
確かにjsプログラマな僕達にとっては画期的なんだけれど、
デザイナーさんにとってはASでやれば良いのでわざわざ覚える必要もないし、
ユーザにとってはFlashだろうとcanvasだろうと動けばいいんですもんねー。
※ これはHTML5の他の仕様にも言えて、cometだろうとwebsocketだろうと
　　動けば（例えば、ホワイトボードを共有できれば）なんだって良い。

とかごちゃごちゃ考えずに、「こんな便利なことできるぜ！」ってサービスを作って、
「これどうやってんの？」「HTML5だよ！」「すげー！！」って広めていけば良いんでしょうね。
そして、最終的には「標準仕様だから、全部のブラウザで動くんだぜ！！！」って胸をはって言いたい。
（Google Waveもそういう方針？）

ということで、皆さん頑張りましょう。
僕も微力ながら、今後もhtml5な作品を公開していきたいと思います。


・・・あ、あと、属性値の引用符の省略ってどこまで推奨してよいものやら、
と思うのは僕だけでしょうか？
htmlってやっぱプログラムで（ユーザ入力データを使って）生成されることが多いから、
引用符で囲んでおいた方が安全なんじゃないかと思ってしまうんですよねー。

まぁそもそも仕様的にスペースやタグ、引用符が入る場合は、省略×なわけだから、
ちゃんとエスケープしなさいってことなんだろうけど。


とまぁいろいろ考えさせられて良い刺激になりました。
やっぱりセミナー・勉強会っていいですね。

最後になりましたが、セミナーを主催していただいた、白石さんや羽田野さんにお礼を申し上げます。
ありがとうございましたm(_ _)m