【先進Web】 HTML5 Section 1【iPhone/Webkit】 0-50
2010年01月26日
- 1 :iPhone774G:2010/01/24(日) 23:18:21 ID:yLkWu8W70
- iPhone OS の Mobile Safari ではHTML5 がサポートされています。
知っていましたか?意外とiPhoneユーザでもHTML5 何それと言う方も多いと思います。
HTML5の可能性とその利便さをいち早く経験しましょう。
ユーザも開発者も歓迎。IE8でもサポートされていない先進技術をいち早く体験しましょう。
HTML5だと今までプログラムやFlash等を使わないと出来なかったような事が簡単にできるようになります。
HTML5はWebアプリケーションを根底から変えていくでしょう。
iPhoneはいち早くその恩恵を受けられます。safari は、Appleがその技術をオープンソースとして公開しているWebkitを使っています。
このWebkit開発グループにはGoogle も参加していますのでGoogleのChrome やAndroidにもWebkitが使われています。Safari/Webkitが現在最もHTML5を牽引している主要なグループです。
http://webkit.org/
- 2 :iPhone774G:2010/01/24(日) 23:19:13 ID:yLkWu8W70
- まずはデモを見てみましょう。
(全てが動くわけでは有りません)
http://webkit.org/demos/
日本語HTML5 サンプル
http://ayuta.co.jp/html5-samples/関連リンク
W3C - HTML 5 differences from HTML 4 日本語訳
http://www.html5.jp/trans/w3c_differences.htmlHTML5のFAQ(WHATWG)
http://www.html5.jp/trans/whatwg_html5faq.html - 3 :iPhone774G:2010/01/24(日) 23:34:20 ID:yLkWu8W70
- HTML5がそれほどまだ一般に浸透していないのはIE8でも使えなくてIE9にならないと使えないと言う事が大きいでしょう。
しかし、Safari, FireFox , Opera , Chrome 等IE以外のブラウザは続々使えるようになっています。
HTML5を牽引していくのはiPhone,Android 等のスマートフォンかもしれません。HTML5を使ったサイトとか開発ツールとかそんなのが有ったら紹介してください。
HTML5で作ってPhoneGapで変換すればアプリができると言う開発ルートができます。 - 4 :iPhone774G:2010/01/24(日) 23:54:48 ID:PG8SuX5lP
- 突然(今頃)HTML5のスレとはどうした>>1
とりあえずHTML5の威力は下記動画を見れば分かる。
Google I/O 2009 Keynote, pt. 1
http://www.youtube.com/watch?v=W4FbF8GKChk
Google Developer Day 2009 Japan 基調講演 vol.2 HTML5
http://www.youtube.com/watch?v=ODI5o4Wx1Lc
O3D Beach Demo
http://www.youtube.com/watch?v=uofWfXOzX-g - 5 :iPhone774G:2010/01/25(月) 00:03:27 ID:zSXG70S60
-
なにもすごいところがない。
- 7 :iPhone774G:2010/01/25(月) 00:05:24 ID:8F3eqVJG0
- >>1
乙。 - 8 :iPhone774G:2010/01/25(月) 00:05:51 ID:qm97ihRY0
- HTML5にすごいところがないのは当たり前だよ。
すでにFlashなどで作られているものを
標準技術に置き換えようって話だから。だからやれることは一緒。むしろFlashよりも少ない。
標準化すると進化スピードが大きく落ちる。 - 9 :iPhone774G:2010/01/25(月) 00:12:54 ID:9juOdXrc0
- 標準技術
AppleとGoogleが猛プッシュという時点でOK。FLASH屋は絶滅するかな。
- 10 :421:2010/01/25(月) 01:04:36 ID:5kAeftARP
- スマホに限っての進化ならあるのかもね
- 11 :iPhone774G:2010/01/25(月) 01:19:17 ID:QXT+VaZ60
- >>8 それは仕方ないが世界標準になれば特定企業に情報を握られる心配が無くなる。
これが最も重要じゃないのかな。 - PR
-
- 1超簡単!HTMLメールの作り方―写真入りカラフルメール!!楽しい&役立つ!! (祥伝社ムック)
- 2Internet client SDK Dynamic HTML (Ascii books) 川田 敦
- 3ダイナミックHTMLファーストステップ 松尾 忠則
- 4ホームページ作成108の疑問に答える―ホームページ作成ソフト以上、HTML未満のユーザーのための G.K.K.
- 5iモード対応HTMLとCGI (やさしいホームページの作り方シリーズ) 河西 朝雄
- 6これ一冊でわかる!!HTML―やさしいホームページの作り方 ノマドワークス
- 7クイックHTMLリファレンス (クイックシリーズ) Robert Mullen
- 8最新HTMLタグ辞典 アンク
- 9超HTML入門―HTML,CGI,Java,VRML 私立大学キャンパスシステム研究会
- 10HTMLタグリファレンス (ナツメ社ハンディ・リファレンス) 磯野 康孝
- 12 :iPhone774G:2010/01/25(月) 01:20:54 ID:pl9Q9xRYI
- 全然Flashとかぶらないじゃんw
しかしこういうのが普及しない最大の原因は、ユーザが
ブラウザを取替えないから。
最近IE5.5がやっと絶滅しそうだが、7年くらいかかってない?
6なんてまだまだバリバリ現役だしw - 13 :iPhone774G:2010/01/25(月) 01:23:55 ID:zSXG70S60
- >>11
ばかだなぁ。お前クラウドでメールやオフィスデータを
Googleに握らせているだろw - 14 :iPhone774G:2010/01/25(月) 01:29:41 ID:jCrP7V1T0
- まだワーキング・ドラフトとかいう段階ですよね、確か。
正式勧告とやらになるのは、今年中でしたっけ?来年?定義される要素や属性も増えたり変わったりするし、
個人サイトにまで浸透するのはまだまだ先かなあ。自分としては、Webアプリ的な部分はさておき、
タグ付けで文書構造を表現するというのが、HTML5でようやく達成するのかなと。
今まで<div class=”section”>・・・</div>などとやってた部分を
単純に<section>・・・</section>にできるとか。 - 15 :iPhone774G:2010/01/25(月) 01:34:38 ID:QXT+VaZ60
- >>12 ま、まだWindowsのIEは勢力が強いからIE9にならないと世間の人は知らない状態だろうね。
しかし、携帯の世界では特定の携帯だけに対応すればよいからその普及は早いと思うよ。
iPhoneやAndroidができる事だけに特化すればいいんだから開発者は楽だよ。 - 16 :iPhone774G:2010/01/25(月) 01:41:54 ID:zSXG70S60
- >>15
> iPhoneやAndroidができる事だけに特化すればいいんだから開発者は楽だよ。今のiPhoneと将来のiPhoneは別物だろう。
今のiPhoneじゃなにもできない。
楽になんかなるわけないじゃないか。Flashで作ったほうがよっぽどらくだという。
- 17 :iPhone774G:2010/01/25(月) 01:42:40 ID:QXT+VaZ60
- >>14 最終は2012年となってる。 色んな問題が有るからね。
例えばVideo コーディックの標準を何とするかとかそんなところまで踏み込んでいる。一般的なWebサイトがHTML5対応するのは2012年以降だろう。
しか〜し、重要なのは携帯はそれ以前に対応するだろうと言う事だよ。
iPhone Android は対応する。携帯が出来てPCが出来ないのはダサいと言う事になるんじゃないのかな。
Microsoftは、神経が麻痺してるんじゃないのかな。 - 18 :iPhone774G:2010/01/25(月) 01:44:57 ID:zSXG70S60
- >>17
えとさぁ。
IEはバージョンアップできるんだよ?
知らない? - 19 :iPhone774G:2010/01/25(月) 01:49:26 ID:QXT+VaZ60
- >>16 Flash で作った方が楽と言う事はわかる。
しかし、その能力を発揮出来るの相手が秘密(API)を教えてくれた場合だけ。
だからiPhoneアプリをFlashで作る事が出来なかった。
HTML5なら出来る。(出来る事は狭いけど) - 20 :iPhone774G:2010/01/25(月) 01:50:54 ID:QXT+VaZ60
- >>18 ごめん、知らなかった。 IE9はどこでダウンロードしたらよいの?
- 21 :iPhone774G:2010/01/25(月) 02:03:30 ID:YNyBQ3cjP
- HTML5のほうがFlashより凄い的なレスしちゃう情弱m9(^Д^)プギャー
- PR
-
- 1HTML―人気ブラウザにフル対応であなたのホームページをパワーアップ!! 早川 聖司
- 2HTML 4 Per Il WWW Castro
- 3Dynamic HTMLポケットリファレンス (Pocket reference) アンク
- 4プログラムとシステム演習―Word・Excel・Access・HTML 加藤 武信
- 5HTML Style Book シーズ
- 6ダイナミックHTML入門―例題で学ぶ次世代HTMLの世界 (INTERNET BOOKS) Bruce Campbell
- 7入門コンピュータ演習―Windows,一太郎,1‐2‐3,Internet,HTML 山本 誠次郎
- 8はじめて学ぶパーソナル・コンピュータ入門―Windows95+ワード・エクセル+インターネット・HTML 大道 卓
- 9HTMLハンドブック (Handbook (20)) 渡辺 竜生
- 10お気楽Q&A HTML よしだ たろう
- 22 :iPhone774G:2010/01/25(月) 02:15:23 ID:QXT+VaZ60
- >>21 ま、こんなのにレスする必要も無いんだけど
そんなこと誰も言っていないだろ.それは、プログラムでできる事とHTMLでできる事を比べているようなものだぞ。
そこに色んな差が有るのは当然。Flashの先進性が失われるとも思っていない。しかし、今までFlashを使っていたホームページのほとんどがHTML5
に置き換わるだろうし、今後のアプリがHTML5に移行していくのは間違いないと思う。
今までのFlashを使ってた90%以上はHTML5で置き換えられるんじゃないのかな。 - 23 :iPhone774G:2010/01/25(月) 02:17:09 ID:jCrP7V1T0
- >>21
誰も HTML5>>>>>Flash、なんて思っていないです。Flash(というよりプラグイン)がなくても、
HTML5+CSS3+JavaScriptでも似たような事(もしくは同等)のことが出来るよっていう、それだけ。 - 24 :iPhone774G:2010/01/25(月) 02:18:45 ID:QXT+VaZ60
- 思うんだけど、なんでFlash がオープンソースに参加しないんだろうと言う事。
- 25 :iPhone774G:2010/01/25(月) 02:21:01 ID:YNyBQ3cjP
- >>22
情弱m9^Д^)m9^Д^)m9^Д^)ジェトストリームプギャー - 26 :iPhone774G:2010/01/25(月) 02:25:16 ID:zSXG70S60
- それはIEがHTML5に対応してからだろうなw
- 27 :iPhone774G:2010/01/25(月) 02:26:10 ID:zSXG70S60
- Flash>>>>>HTML5
標準という言葉だけだよ。
HTML5が勝っているのは。 - 28 :iPhone774G:2010/01/25(月) 02:32:39 ID:QXT+VaZ60
- >>27 うん、実力はその通りだよ。
でも大事なのは標準HTMLでサイトを作ると言うことなんだよ。
国が発注する場合すべてソースをオープンにしろと言うから難しい。
Microsoftでさえ、ソースを出さないと受注できない状況。 - 29 :iPhone774G:2010/01/25(月) 02:35:40 ID:zSXG70S60
- > でも大事なのは標準HTMLでサイトを作ると言うことなんだよ。
誰にとって大事なんだかw
世の中、理想だけじゃ回らないんだぜ。
大人になれよ。 - 30 :iPhone774G:2010/01/25(月) 02:44:51 ID:1JMnCanf0
- というかこれは勝ち負けとかじゃないだろ。
今までFlashとかはブラウザのプラグインとかの拡張で実装してきたけど、
ブラウザ標準でできるようにしようってのが、HTML5じゃないの?Flashが動画なりインタラクティブなコンテンツなりの普及を担ってくれたおかげでもある。
普及したからには独自規格よりも、標準化していったほうが都合がいいじゃん。 - 31 :iPhone774G:2010/01/25(月) 02:45:16 ID:QXT+VaZ60
- >>29 言い訳したい気持ちは解るが、既に動いてるんだよ。
IE9までPCサイトが対応するとは思わないが、モバイル市場は違うぞ。
iPhoneもAndroid も対応してるから利用した方が楽なんだよ。 - PR
-
- 1誰にでもできるHTML入門―インターネットのホームページがすぐ作れる! 小林 憲夫
- 2HTML+CSS Handbook C&R研究所
- 3HTMLポケットリファレンス (POCKET REFERENCE) シーズ
- 4HTML Chuck Musciano
- 5HTML言語がわかるとホームページ作成にもっと差が出る―詳解HTML&DynamicHTML使いこなし事典 武井 一巳
- 6HTML入門 (インターネットマガジン選書) Larry Aronson
- 7HTMLハンドブック (クイック・パワー・リファレンス) 磯野 康孝
- 82000/Me対応 新基礎コンピュータ演習―Windows,Word,Excel,PowerPoint,Internet,HTML 山本 誠次郎
- 9WEB制作 ポケット版HTMLリファレンス PROJECT KySS
- 10JavaScript & ASP.NETによるWebプログラミング―クライアントサイドからサーバサイドまで(HTML/ASP/ASP.NETまで) 横井 与次郎
- 32 :iPhone774G:2010/01/25(月) 03:07:24 ID:zSXG70S60
- なんかいろいろと妄想が見えているようだな。
まあ、Googleのgmailやgoogle mapsが
IEで動かなくなってから着なさい。
そしたら話を聞いてやるからw - 33 :iPhone774G:2010/01/25(月) 03:13:30 ID:jCrP7V1T0
- まあ、実際のところ PC の世界では嫌でも IE を意識しないわけにはいかないからね。
だから今でも古い IE のために、本当ならやりたくもないCSSハックを使ったり、
各種ブラウザ振り分け使ったり、未だにテーブルレイアウトしてる訳さ。
個人サイトならともかく、企業サイト等は標準になったからと言って、
おいそれとHTML5に移行出来る訳ないし、する訳ない。で、このスレは、PC の話してるのではないでしょ?
iPhone も Android も、Web ブラウザは WebKit というエンジンは同じで、HTML5 をサポートしている。ならばスマートフォン向けには HTML5 で色々開発すればいいじゃんっていう話だと思うんだけど。 - 34 :iPhone774G:2010/01/25(月) 03:26:37 ID:QfWSd90S0
- CSS, SVG なにそれ美味しいの?
って人が大半だからこんなスレ成り立つわけがない。 - 35 :iPhone774G:2010/01/25(月) 03:44:12 ID:rckMA+OC0
- ここはiPhone板で、iPhoneのWebkitの話するスレなんでしょ?
IEなんぞを持ち出して必死にWeb標準を否定してる奴って何なの?馬鹿なの? - 36 :iPhone774G:2010/01/25(月) 09:36:19 ID:awmEjlzj0
- >>35
>IEなんぞを持ち出して必死にWeb標準を否定してる奴って何なの?馬鹿なの?
ドザなの。 - 37 :iPhone774G:2010/01/25(月) 09:50:42 ID:QXT+VaZ60
- >>35 デモを見れば素人にもわかると思うけど。
http://ayuta.co.jp/html5-samples/canvas/animation/fade/canvas-fade.html
フェードインフェードアウトが事も無くできるんだよ。 素晴らしいじゃないか。 - 38 :iPhone774G:2010/01/25(月) 11:46:10 ID:MN7zC5uQ0
- >>37 iPhoneが無い人は、Safari, Opera, FireFox 、Chrome 等好きなの使ってみて
ブラウザがHTML5をサポートしているかどうかは
http://journal.mycom.co.jp/articles/2009/07/07/Modernizr/001.html
“CSS3/HTML5、各ブラウザはどこまで対応?” を、確かめられる「Modernizr」ブラウザ対応状況
http://journal.mycom.co.jp/articles/2009/07/07/Modernizr/002.html - 39 :iPhone774G:2010/01/25(月) 11:48:15 ID:Xgu0MHEv0
- PC向けのYouTubeがHTML5で提供され始めたね。
- 40 :iPhone774G:2010/01/25(月) 11:53:18 ID:MN7zC5uQ0
- >>39 そう、Youotube は、実験だけどVIMEOは本格的に運用を開始した。
まだHDにしたりフルスクリーンにしたりとか細かな操作はできないけど。
どちらもiPhone からだとモバイルサイトに飛ばされるからHTML5にはアクセスできない。 - 41 :iPhone774G:2010/01/25(月) 12:53:38 ID:MN7zC5uQ0
- 良いサイトが有った。
http://www.html5.jp/
HTML5の解説とそのサンプルが豊富に出ている。HTML5 gallery 実際のサイト
http://html5gallery.com/ - PR
-
- 1HTML3.2+パワフルテクニック大全集 (Powerful Technique) David Kerven
- 2タグ入門ガイド いますぐHTMLが使える本 ジャムハウス
- 3HTMLリファレンス―WEB制作 PROJECT KySS
- 4千葉麗子とつくるインターネットホームページ―世界一やさしいHTML入門 千葉 麗子
- 5入門HTML ホームページ作りのすすめ 富田 憲範
- 6標準HTMLパーフェクトリファレンス 佐藤 和人
- 7インターネット入門 HTML―Active X & CGIコントロール 野田 祐己
- 8HTML3.2スーパーリファレンス (SUPER REFERENCE) 千葉 毅
- 9カラー版HTMLハンドブック (ハンドブックシリーズ) 水津 弘幸
- 10はじめるホームページHTML編 (For personal computer beginners) グエル
- 42 :iPhone774G:2010/01/25(月) 13:01:52 ID:pl9Q9xRYI
- おのずと他プラットホームを意識せずにはいられないWebの話と、iPhoneだけを気にしてればいい
アプリの話を混同している救い用のない情報弱者>>35が他人を情弱呼ばわりしているスレ
はここですか? - 43 :iPhone774G:2010/01/25(月) 13:34:52 ID:MN7zC5uQ0
- >>42 ここはiPhone 板だからiPhone で使えればいいんだよ。
iPhone 宣伝用のWebも効果的に作れる。
例えば、iPhone用のGoogle latitude は、WebサービスだがHTML5のGeolocation を使っている。
http://www.google.com/latitude
http://japan.cnet.com/news/media/story/0,2000056023,20397164,00.htmグーグルが賭けるHTML 5の未来
http://www.atmarkit.co.jp/news/200905/28/html5.htmlMicrosoftは、HTML5とは別の道を歩もうとしているね。 2012年まで対応しないかも。
12月世界ブラウザシェア
http://japan.cnet.com/news/media/story/0,2000056023,20406120,00.htm
IEは減少を続けている。 - 44 :iPhone774G:2010/01/25(月) 17:53:17 ID:MN7zC5uQ0
- 距離やカロリーが計測できる「キョリ測(β)」iPhone版
http://k-tai.impress.co.jp/docs/news/20100125_344712.html
これもHTML5のGeolocation を使ったWebサービスだね。HTML5をサポートしないスマートフォンはこういうサービスを受けられなくなるね。
- 45 :iPhone774G:2010/01/25(月) 18:09:13 ID:MN7zC5uQ0
- アプリと勘違いするできだね。
http://www.mapion.co.jp/route/
自分の居場所が出るからスクリーンショットを上げられないけど。
ロックされても動く設定が出来るようになるといいんだけどね。 新OSに期待かな。 - 46 :iPhone774G:2010/01/25(月) 18:14:30 ID:zSXG70S60
- >>44
GeolocationはHTML5と関係ないよ。スマートフォンにGPS機能が搭載されているのなら
なんらかの形でGPS情報を通知すれば言いだけなので
HTML5があることとは関係ない。
たとえばFlashでGPSデータを読み取れる。Flash LiteでGoogle Mapsを使ってGPS位置を表示する
http://wiki.forum.nokia.com/index.php/Flash_Lite%E3%81%A7Google_Maps%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6GPS%E4%BD%8D%E7%BD%AE%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8Bなんどもいうけどね。
FlashでできることをHTML5で作ってみましょうって話なだけなので、
何かができるようになる!って例は出さないほうがいいよ。
出してもいいけど無意味。でもそれFlashでできますよね?ってことだから。
単に、標準はすばらしいんだ。と力説してればいいとおもうよ。 - 47 :iPhone774G:2010/01/25(月) 18:17:16 ID:zSXG70S60
- >>44
それとそのキョリ測。
PC版のほうはすでにあったみたいだけど?
IEも対応しているね。 - 48 :iPhone774G:2010/01/25(月) 18:29:42 ID:MN7zC5uQ0
- >>46 Geolocation はまだHTML5には入っていないがいずれ入る。
HTML5に承認されるには2つ以上の実装が無いと駄目だから実装が先になる。
変なことしないでHTMLだけで動く事が出来ると言う事。
純粋なWebサービス。そりゃGPS持ってればそれにアクセスするプログラムを書けばそれなりに出来るだろうが
手間がかかるからやらないか後回しになるだけ。
アプリを動かすのと、Webサービスだけと言うのでは大違い。
なんだってプログラム書けば出来るにきまってるじゃないか。 - 49 :iPhone774G:2010/01/25(月) 18:31:30 ID:MN7zC5uQ0
- >>47 PC版はGPSを使わずに地図をクリックする方法。 完全に違う。
- 50 :iPhone774G:2010/01/25(月) 18:45:25 ID:QuK+kFzd0
- 別にHTML5ができたからって、新しいことができるようになるわけじゃないんだよね。
単に ”ブラウザで” 新しいことができるようになるだけで。他のスマートフォンは、ネイティブなアプリケーションを作れるし、
Flashも動くし、それで作ればいいわけだ。iPhoneはFlash動かないし、独自のアプリは審査があったりと
不便だから仕方ないが、他のスマートフォンにはそういう制約がない。 - PR
-
- 1なるほどカンタンHTML―あなたにだってホームページは作れる (エーアイムック 156) 磯野 康孝
- 2INTERNET ホームページ快適作成テクニック―HTMLからCGI&Javaまで 武井 一巳
- 3Webページ スクリプトテクニック―HTML、JavaScript、VBScript活用事例集 (Internet books) Jason Bloomberg
- 4HTML詳説 井田 昌之
- 5ワンランク上のホームページのためのHTML&CGI入門 笹木 望
- 6HTMLタグ辞典 アンク
- 7Oracle Database 10g HTML DB 入門 (Oracle Hand Books) 今野 留以
- 8OFFICIAL Netscape HTMLパブリッシング For Macintosh (Netscape press) Stuart Harris
- 9HTML (やさしいホームページの作り方シリーズ) 河西 朝雄
- 10こんなに簡単!!カラフルEメールで遊ぶおもしろ素材集 HTMLメール研究会
タグ
2010年01月26日 | トラックバックURL |
カテゴリ: HTML
関連するエントリー
トラックバック&コメント
まだトラックバック、コメントがありません。
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5 451-500 »
« (X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5 501-550


