ホーム > タグ > html5

html5

[seminar] WCAN 2009 Autumn SESSION-2 菊池崇さん [study]

Pocket

wcan2009AutumnL

時間作れたんで、昨日の続き。

[seminar] WCAN 2009 Autumn [study]

ではでは、WCAN 2009 Autumn のSESSION-2 菊池 崇さんのお話について。

2)60分できる!実践 HTML5 & CSS3ウェブサイト 菊池 崇さん

印象が残っている内容と、メモ書きしている内容を列挙。

・HTML5の日本の盛り上がりはすごい!海外では日本よりはあんまり盛り上がっていない。なぜなら、仕様がまだFixしてないから。

・W3Cがフィードバックが欲しいため、2009年10月公開と発言!まんまとしてやられたということです。
(今のドラフトはまだ変わる。仕様決まるのは来年2~3月くらい???)

・XHTML+SVG+SMIL+XForm(XHTML2.0は互換性がない。。。)

・Web Forms2+Web Application1.0=HTML5の基本の基本。

・HTML5が生まれた理由は、ブラウザのパーサ問題とエラーのハンドリング問題を解決しようよ!という趣旨。
(HTML5が生まれた理由:「ブラウザのパーサーの問題」、「エラーの扱いの問題」。
Safari、Chrome、Firefox、OperaはHTMLパーサーと、XMLパーサーを搭載しているが、
Internet Explorerは8でもHTMLパーサーのみ。。。やっぱりIEですね。。。)

・Alexsaのトップサイト93%がなんらかのエラーを含んでいる。 (93% invalid)

・DOM(ドキュメントオブジェクトモデル)を基本として、作成すれば、パーサ問題とエラー問題が解決!

・全部、Javascriptを使うと、いろんなことができる!!
(Web Works,Web socket,Web Storage,Web Database,Geolocation API)

コンテンツ・モデル – HTML5タグリファレンス – HTML5.JPから引用。

content-venn

・HTML5について、<h1>がいくつあってもOK。html5にはDTDはない。、<!DOCTYPE html>でスッキリ。
img要素にaltが必須ではなくなった。すげぇー!まぁ必須ではなくなったんで、あってもいいんですよ。
html5

・チェックするならこのサイトが一番いい!
Validator.nu (X)HTML5 Validator

・html5用のreset.cssには、sectionなどの新しい要素に対してはdisplay:block;をかける必要がある。
(なぜなら、モダンブラウザがHTMLの新要素をインライン要素として扱ってしまうため。)

・IE8専用のjavascriptをレミーさんが作ってくださった。その名も、html5.js

・CSS3について、Vender prefixについて要確認!

・簡単に言えば、CSS3だけで、グラデーションや、ドロップシャドーとかができるようになった。あのiPhoneの下側が透明で反射してるやつも可能。
けどね、あれはもう古いデザインだと思うんですよ。ww

・マウスオーバーすると変化するようなアクションも可能。数秒違いで、ぜんぜんイメージが変わってくる。

・Blockで定義しているので、レイアウトの配置を変更することが簡単になった。

最後に、
html5はjavascriptとDOMを勉強しておいてくださいね。
とのことです!

そんな感じですです。

From xxxYukihiroxxx

Pocket

[seminar] WCAN 2009 Autumn [study]

Pocket

wcan2009AutumnL

ども。いつも情報は手書きでメモしてます。xxxYukihiroxxxです。

初めて年4回開催されているWCANに参加することができました。
以前から、先生から話は聞いていました。いつだろ?1年前ぐらいかもしれません。やっと足を運べたって感じで楽しみに運転してました。

で、結局到着したのが2時。。。1時30分からなのに、30分遅刻でしたわ。ほぉ。。。

さて、前置きは置いといて、
内容は3つ。
1)80カ国に広がる世界スタンダード iPhoneが生み出したモバイルWebの世界 林 信行さん
2)60分できる!実践 HTML5 & CSS3ウェブサイト 菊池 崇さん
3)Webディレクターとしての経験密度とWebブランディング 名村 晋治さん

他の方もレポ書いていますので、よかったらぜひ。
@riatwさんのTwitterへごぉ。それからブログ先を見つけてくださいね。

自分は違い視点というか、思ったことをそのまま書きます。

アップルップルロゴマークの飴が美味しかった。
2つもらえばよかったと思いながら、帰宅。w

疲れていたのでしょうか?
めちゃくちゃ美味かったです。いや、お腹が空いていたからかもしれません。

はい、本題。

・iPhone関係の特許の数は200個ぐらい。
・HTML5になったことで、XHTMLより厳密にはならなくなった。
・ディレクターの知識によって、クライアント様へのご提案が全く異なる。

以上、3点にしぼりました。

タイムアップなので詳しい内容は後日書きます。
噛み砕いてガツガツ書きます。w

しっかし、いっぴきおおかみなので、行動もひとりなんですが、
知ってる人が前回WCAN miniでお会いした方ふたり(男性と女性)と、Twitterで知り合った方ひとり(男性)、そして後ろの席の方(男性)。

人見知りしないほうなので、結構お話できたかな?と。ww

From xxxYukihiroxxx

P.S
ディレクションってなんですか?

以下、後半ブログmemo。(ネタ倉庫)
iPhone欲しくなった人もいるはず。最初はアップルの宣伝かと思った。w CS5、3.5、5%、Books、そこまでやるか?
チェックはあのサイトで。あとあの図形も。IE対策、Webkit、やっぱりIE。CSS3であんなこと、こんなこと。これからはjavascript。
あのお話を理解できる人がどれだけいるか?
台本必要(俺はプレゼンするつもりはないので台本はなし。その場の雰囲気とイメージでどんどん提案していく派。)
3つの○○すべてわかってしまった件、(大文字と小文字は間違えた。w)→○○を○○として○○○○を頭に記憶していたのが幸いか???
テトリスの説明が結局なかった件。w

お金が当たり前のように振り込まれているのは誰のおかげなのか、考えてみろ。

お金のありがたみがわかって、初めて仕事って大変だなと感じる件。

仕事と作業は違う。

By Yukihiro Kondo

Pocket

[flash] as3であんなこと、こんなこと [javascript]

Pocket

今のところ、as2で作っていたが、最近になってas3の作品も作るようになってきたが、非公開状態。
唯一、公開しているのが、あのサイトの星が流れてるやつだ。

自分が作ったイラストや画像を組み込んでas3のファイルのみ(つまり、すべて外部ファイルから読み取る方法)で作りこもうとすると、まだまだ工夫が必要。
だから、Flash CS3に頼ってしまうのが現状。

ソースだけでなんとかやりたいと思うが、ムービークリップとかに変換して呼び出すようにするだけで簡単なのだが、歯がゆい状態です。

いつかはFlashDevelopのみで造りこんでいきたいと思っていますが、どうなることやら?です。

とりあえずはhtml5対応可能になるようなひな形作成と同時にスキルアップのために、作りこんでいきたいと思います。
javascriptがメイン。flashはどうする?というのが最大の課題になるわけだが、2010年後半にはフルフラッシュサイトはどうなるのかが楽しみです。

というのは・・・
javascriptではできない動きをflashで動かすのはいいと思うが、javascriptで再現できるのをわざわざflashで作りこむのもどうかと思う。
だから、今後はjavascriptでこんなことできるんだ。みたいなサイトも結構いっぱいあるので、まとめていきたいと思います。

逆に、このサイトjavascriptで出来てるんか!というようなサイトも作りたいと思って先日ブログに書きました。
ひな形は出来上がったので、あとはデザインを作りこむだけです。

そそ、Twitter(iPhoneユーザー)でも話になっている、My Name is Eのアカウントを取得してみました。w

From xxxYukihiroxxx

Pocket

[html5] なんとか作りこんでみたが・・・。[masturbation]

Pocket

「index.htmlだろうが、index.phpでもいいんだよな?」
と質問してみる。

構築中のメモ&めも。

IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS-Opacityテクニック – WEBデザイン BLOG
opacity – 半透明を操るJavaScript – youmos
ThickBox 3.1
大阪でWebのコーディングをしている人のお漏らしF2009年02月
ぺんラボ » XML-RSS(PHPでRSSをパースする)
pearXML_RSSPHP講座
Manual Example for the usage of XML_RSS
Twitterのreplies(返信)をRSSリーダーで取得する fjkktkys blog
ぷぎえもん日記 php:RSSのdcdateとかpubDateタグの日付を処理する
Tak’s Software » Blog Archive » Twitter Board ウィジェット ダウンロードページ
Factory-AJ Blog cron から root へ送付されるメールを停止
Perl・PHP・Javaによるプログラミングサンプル集 - テキストファイルを読み込み出力する

コマンドラインでこれらのリンクをたどっていけば、何がやりたかったのか?いや、これを元にどんなものを作ったのかがわかると思います。

久々にプログラム書いたが、いやぁーActionscriptとは違って、忘れてる部分も多かったです。
これじゃ、システムエンジニアとは言えないなぁと思った今日この頃でした。

次は、これはFlashなの?と思わせるようなサイトを作りこみたいと思います。

From xxxYukihiroxxx

Pocket

[html5] どこまで作りこむことができるか挑戦したいと思う。 [challenge]

Pocket

ベースをどうしようか?というのが問題だが、とりあえず、先日記事として投稿した3Dベースでやってみたいと思うが、まずは自分が知っているJavascriptでできる限り操ってみようかと。

no flashかぁ。。。

時間が許される限り、いろいろと作りこんでみて公開?するかどうかはさておき、やってみたいと思う。
CMS系は恐らくXHTML1.0で止まるかもしれません。すでにHTML4.1で止まっているCMSもありますので。

けれど、XHTML2がHTML5に統合という話も出てきておりますので、今後の動向に注目です。

XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に Web標準Blog ミツエーリンクス

消えちゃうといけないので、とりあえず引用しておきます。

2009年07月03日
XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に
フロントエンド・エンジニア 矢倉

タイトルのとおりですが、XHTML 2.0をはじめとする各種XHTML仕様を策定していたXHTML 2 WGの活動が、年内で終了することがアナウンスされました。W3Cは、今後はHTML5に注力すると発表しています。

今後のXHTMLはHTML5でXHTML 1.1などのメンテナンスは活動終了までに行うものの、次世代のXHTML仕様はXHTML2 WGで行いません。すなわち、XHTML 2.0の策定は終了ということになります。

今後のXHTMLは、HTML5で定義されます。名前が「HTML5」とあるため紛らわしいのですが、HTML5仕様にはXML構文も含まれており、これは「XHTML5」と便宜的に呼ばれています。XMLでもcanvasやvideo要素などを利用することができるのです。

「XHTML 2.0と統合する」というわけではありませんが、機能のほとんどすべてがXHTML5でもカバーできるとされています。
#たぶんここ、誤字かと。XHTML5->HTML5

XHTMLの今後に関するFAQも公開
HTML5の策定については以前より「XHTMLを蔑ろにしている」といった誤解が多く見られます。今回の決定でさらに誤解が広まることを危惧したのか、「Frequently Asked Questions (FAQ) about the future of XHTML」という文書があわせて公開されています。先ほど日本語訳を公開しましたので、参考にしていただけたらと思います。

XHTML の今後に関する FAQ

解決すべき問題の幅広さ、大きなテーマである「実装の互換性確保」など、HTML5の策定には時間がかかります。少しずつですが進んでいってくれればと思います。

W3C,マークアップ言語「XHTML 2」を「HTML 5」に統合へ:ITpro

消えちゃうといけないので、とりあえず引用しておきます。

W3C,マークアップ言語「XHTML 2」を「HTML 5」に統合へ 記事一覧へ >>  Web関連技術の標準化団体World Wide Web Consortium(W3C)は米国時間2009年7月2日,マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について,策定担当ワーキング・グループ(WG)の憲章(行動指針)「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず,HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ,HTML開発の方向性を明確化する考え。

W3CはXHTMLをHTMLのXMLシリアライゼーション(XML形式への変換)と見なしている。HTML 5仕様にXMLシリアライゼーションを含め,引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが,今後HTML 5仕様のなかで定義する見込みという。

XHTML 2 WGが提供している仕様書などは,ほかのWGが作業を引き継ぐ。

[発表資料へ]

(ITpro) [2009/07/03]

最近、注目していた記事が消える消える。。。
キャッシュを探しに行くというのもなんか嫌なんで、引用するようにします。
本当にMemo代わりになってしまいそうですが、申し訳。

From xxxYukihiroxxx

Pocket

Home > Tags > html5

Search
Feeds

Return to page top