【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる。今回紹介する内容は以下の通りだ。 アプリケーションキャッシュ クロスドキュメントメッセージング Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5で新しく導入されたタグなどに関しては、前回の特集を参照していただきたい。 今回調査対象としたブラウザは、前回と同じく次の通り。ベータバージョンも含めた最新のバージョンをチョイスした。Internet Explorerについては、最新バージョンの8でもHTML 5への対応があまり進んでいなかったため
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
HTML5：そろそろ本気で勉強するためのリソース | Tokyo O life
nobiさんが、HTML5を熱く語り始めた。 Web 2.0は、その時点で起きていた、インターネット関連のさまざまな新トレンドを、ゆるやかにひとくくりにして、名付けたものだが、 これに対してHTML 5は、 ITの世界を本気で変えようと、多くの企業や人々が集まって巻き起こしている革命だ。 [From nobilog2: 「HTML 5 > Web 2.0」の声かけ確認でITガラパゴス化を防ごう！] 昔からnobiさんが熱くなって騒ぐことは、たいがい流行る。早すぎて周りが理解できないこともあるのだが、今回は過去を反省して、さっそく乗っかることにした。 今はHTML5を公式にサポートしたSafari 4の製品版がMac版とWin版の両方で公開されたことで、HTML5がいきなり身近になったことは確かだ。Google Chrome 3.0、Firefox 3.5でもHTML5がサポートされるので、
たぶん技術革新のなかでHTML5も通過点に過ぎない (1/2) - ＠IT
HTML5が拓く新しいWeb（2. モジラFirefox編） たぶん技術革新のなかで HTML5も通過点に過ぎない 新野淳一 Publickey 2009/9/14 朽ちることのない標準仕様。ソフトウェア開発の競争はなくてはならないと主張するモジラが描くHTML5像とは？ モジラFirefoxの標準へのこだわり Webの新しい標準「HTML5」の登場はどのような意味を持つのでしょうか。前回はグーグルにインタビューを行い（参照：ネイティブアプリ級のHTML5にグーグルが期待すること）、Webアプリケーションをネイティブアプリケーションと同じようなものにまで高めていきたい、というビジョンが語られました。 今回は、Webブラウザをオープンソースとして開発し、HTML5の仕様策定当初から積極的に関与してきたモジラに話を聞きにいきました。インタビューに応じてくれたのは、モジラジャパンの代表理事瀧田佐
HTML5で書かれた「スーパーマリオ」みたいなゲーム
HTML5の目玉機能の1つにCanvasタグがあります。このCanvasタグとJavaScriptを使ってWebブラウザで遊べるゲームが少しずつ登場してきたので、いくつか紹介しましょう。HTML5がどんなポテンシャルを持っているのか、その一部が楽しく分かると思います。 1つめはスーパーマリオみたいなゲーム。ブログ「PurpleFloyd's Blog 」のエントリ「 A Platform Game Using HTML5 Canvas 」で紹介されていました。 遊び方は、カーソルキーで主人公を左右に移動、スペースキーでジャンプです。音は出ませんしスコアも計算しません。Internet Explorer 7/8では「耐え難いほど遅い」そうですので、プレイはFirefoxなどでどうぞ。 もう1つのゲームは、Google Chromeの高速性やとHTML5のデモンストレーションのためにグーグルが
正規表現をいまのうちに覚えておきたい人のためのリソース集
HTML5で正規表現がサポートされる、といったことをきっかけに、正規表現はプログラマだけでなくWebクリエイター全体のスキルとして求められていくものになっていくのではないでしょうか（参考：あまり知られていないけれど、HTML5では正規表現が使えるようになる ）。 ここではそうした正規表現の初学者や、一度挫折したけど再入門したい人、そしてより高度な内容をマスターしたいすべての人のためのリソース集を作りました。 初学者向けには「はじめての正規表現」 「はじめての正規表現」は、文字通り正規表現という言葉は知っていても中味はよく分からない、という初学者の方にぴったりのコンテンツ。紙芝居形式のプレゼンテーションで楽しく正規表現について把握できます。 はじめての正規表現 初学者の方には、次の2つの記事も手っ取り早く読めて概要を把握できますので紹介しておきます。 使うほどに良さが分かる正規表現（1/2）
なぜデザイナーが HTML5 に関心を持つべきなのか - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「Why designers should care about HTML5」を日本語訳したものです。 原文タイトル Why designers should care about HTML5 原文ページ URL http://html5doctor.com/why-designers-should-care-about-html5/ 著者 Cennydd Bowles 氏 原文投稿日 2009-10-14 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる
HTML5はFlashやSilverlightを不要なものにする (1/2) - HTML5が拓く新しいWeb（3. Opera編） - ＠IT
新野淳一 Publickey 2009/11/27 オペラソフトウェア（以下、オペラ）は、グーグルやモジラと同じように積極的にHTML5への取り組みを見せる企業だ。同社はなぜHTML5を支持し、実装するのだろうか オペラは、当初からHTML5策定に深くかかわっていた 現在、HTML5の仕様策定としてW3CのHTMLチームでエディタを勤めるグーグルのイアン・ヒクソン（Ian Hickson）氏は、元オペラの社員であり、HTML5の策定母体となったWHATWG（Web Hypertext Application Technology Work Group）の設立当初はオペラに所属していました。 この話が象徴するように、オペラはHTML5の策定に当初から深くかかわる企業の1つであり、現在もその姿勢は変わらず、積極的にHTMLを実装し、また普及にも積極的です。同社はHTML5について、いまどう考え
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
HTML5 で試しに Web ページを組んでみた (改訂版) - VERSIONFIVE
先日のGoogle I/Oで大きく取り上げられたように、最近HTML5のニュースが増えていて注目度が上がっているようです。canvas要素やvideo要素、オフラインキャッシュのような、アプリケーション開発におけるHTML5が主に注目されているようですが、Safari 4のウェルカムページがHTML5で描かれていたり、国内でもlivedoorのラボが積極的に採用したりと事例も増えていますね。 そこで、約半年前に作ってみたサンプルのコードを見直して修正してみました。参考にしたのは以下のページです。 HTML 5 (W3C Working Draft 23 April 2009) HTML 5 (Editor’s Draft 13 June 2009) HTML 5 ― HTML 4 からの変更点 (Working Draft 23 April 2009) web:g HTML5 コードのアウ
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
最近公開のHTML5関連の参考サイト色々まとめ:phpspot開発日誌
最近公開のHTML5関連の参考サイト色々をまとめてみました。 チュートリアル〜チートシートまでをご紹介。 Coding A HTML 5 Layout From Scratch | How-To, Tutorials | Smashing Magazine ゼロからHTML5レイアウトを行うためのチュートリアル HTML 5 Reset Stylesheet | HTML5 Doctor HTML5用のCSSリセットスタイルシート How to build a desktop WYSIWYG editor with WebKit and HTML 5 - Ars Technica WebkitとHTML5を使ってWYSIWYGエディタを作成するチュートリアル HTML5 drag and drop in Firefox 3.5 ? 0xDECAFBAD Firefox3.5でHTML5のド
HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
はてなブログ | 無料ブログを作成しよう
春の伊予国漫遊記。松山・今治と愛媛の魅力を満喫してきました。 法事を兼ねて愛媛観光へ 2024年のGWは、毎年恒例の名古屋帰省ではなく自宅でゆっくり過ごしておりました。というのも、4月に法事のため愛媛・松山に親族大集合というイベントがありまして、そちらをGWの旅行代わりにしたという理由です。法事は日曜日の予定ということ…
MacでUSTREAMの配信
USTREAMでの配信には、USTREAMのユーザー登録が必要です。利用登録をしていない場合は、USTREAMのトップページ右上にある「ログイン」をクリックし、Facebookのアカウントでログインするか、USTREAMのユーザー登録をしてください。ここではUSTREAMで新規にユーザー登録する手順を紹介します。 サインアップ画面が表示されたら、各項目を入力します。「ユーザ名」は後で変更できないので注意してください。その他の項目は後で変更できます。 ユーザー登録を済ませたら、USTREAMのページ右上にある青色の配信ボタンで、いつでもすぐにライブ配信を行えます。 初回のライブ配信では、「番組名」「カテゴリー」「番組情報」を入力する画面が表示されます。配信画面に表示したい情報を入力してください。この情報は後で変更できます。 「新しいUSTREAMブロードキャスターにようこそ！」が表示された場
エロ漫画で「これはないわ・・・」って思った画像ください - がぞ〜速報
2010年05月02日 エロ漫画で「これはないわ・・・」って思った画像ください 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2010/05/02(日) 01:11:22.72 ID:MpMDQr4a0 1 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 おすすめ 「ちょいエロ」カテゴリの最新記事 エロ漫画で「これはないわ・・・」って思った画像ください 二次褐色娘画像スレpart2 二次褐色娘画像スレ 妙にエロい二次元画像を貼ってまったりと楽しむスレ ２次パンツ画像が自然と集まってくるスレ 現実に戻りたくなくなる虹美少女画像貼ってくれ 平野綾の”ヌケル”画像part2 ・好きな女にこの方法試して
藤本健のDigital Audio Laboratory - 第351回:DTM環境が充実したフリーのOS「Ubuntu」 ～多くのフリーウェアでお金をかけずにDTM～
最近、よく話題に登るようになったフリーのOS「Ubuntu」。Linuxのディストリビューションのひとつであるが、非常にユーザーインターフェイスが分かりやすく、初心者でも十分使えるのが特徴。 しかも非常に軽いOSであるため、最近話題のネットブックをはじめとする非力なマシンでも、軽々と動作してくれる。このUbuntu、結構DTM環境も充実しているようで、オーディオ系、MIDI系含め、数多くのアプリケーションも存在している。 どれもフリーウェアなので、お金をかけずにDTMが楽しめるというのが最大の魅力ともいえるが、実際使えるものか、試してみた。 ■ Ubuntuを起動 実際にUbuntuを使っている人はどの程度いるだろうか? 最近、ネット上で見かけるだけでなく、書店でもUbuntuの書籍やムックなどを見かけるようになったが、実は筆者自身、その存在を知ったのはつい最近。 UNIXは、それこそ高校
KVR Audio
Join KVR Audio Create an Account KVR Audio is a global online community focused entirely on music and audio software technologies. KVR's mission is to stimulate and cultivate the music and audio software community with a rich variety of content and services. KVR Marketplace News Log in to Subscribe The KVR Marketplace News email newsletter is the definitive way to keep up with deals, new products
Mac用VST/AUプラグイン - あぶすとらくと
プラグインを探してこのページに辿り着く方も相当いると思いますが、Rough RiderとMeldaのものがあればことたりるかな‥という気がしないでもないです。 割りと古くから紹介されているMac用のものはIntel非対応のものも少なくないので注意が必要です。 Rough Rider http://www.audiodamage.com/downloads/product.php?pid=ADF002 フリーのコンプとしてはかなり高いクオリティです。 Mac VST/AU Win VST meldaproduction http://www.meldaproduction.com/plugins/product.php?id=MFreeEffectsBundle コンプとEQだけみてもまずまずのクオリティです。 Voxengo http://www.voxengo.com/product/o
唯「ましまし！」 : ゴールデンタイムズ
1 ：以下、名無しにかわりましてVIPがお送りします ：2010/05/02(日) 15:45:38.17 ID:hJwfDfpL0 律「あー、腹減ったなー！」 唯「ﾍﾟｺﾍﾟｺだよう・・・あずにゃんのほっぺ美味しそう〜♪」 梓「きゃっ、やめてください、ちょ！ んぁ・・・」 紬（今夜のｵｶｽﾞｋｔｋｒ） 澪「はは、今日は目一杯練習したからな」 「ん、あの行列は何だ・・・？」 瞳に確固たる意志を宿らせた人々の列。 行列の先には、黄色く目立つ看板が掲げられている。 ラ ー メ ン 二 郎 5 ：以下、名無しにかわりましてVIPがお送りします ：2010/05/02(日) 15:48:59.82 ID:hJwfDfpL0 澪「すごい人数だな・・・人気店なんだろうか」 律「おお、美味そうだな！食っていこーぜ！」 梓「あ、でもここは・・・」 紬「これが、“ラーメン”のお店！？私、はじめてなの！」
Flashで動作する3Dエンジン「Papervision3D」
Flash8とFlash9で動作可能な3Dエンジンで、Flash 8 Image APIに最適化されており、非常にスムーズかつなめらかに動作するのが特徴。Flash9から利用可能になったフルスクリーンモードにも対応しており、360度のパノラマとか、ぐりんぐりん動きまくる3D空間とか、非常に多彩な表現がActionScriptで可能になります。MITライセンスのオープンソースで提供予定となっています。 実際の動作デモは以下から。 Demos << Papervision3D History << Papervision3D ricardo cabello* about* Another PV3D performance test* 360度のパノラマデモ。FPS表示などがあり、右下をクリックするとフルスクリーンモードに。QuickTimeVRに比べると非常に軽快に動きます。 Papervis
Blender：CG制作
Blenderはフリーの総合3D制作ソフトBlenderの特徴 モデリング、レンダリング、アニメーションなど多数の機能を持っているフリーの万能ソフトです。 使用ソフト：Blender2.48a 英語ですが、ある程度日本語化可能。 右クリックで選択、選択解除などを行う特性の為、他のソフトと平行して使おうとすると戸惑うかもしれません。 万能故に不安定さが目立っていましたがバージョンアップを重ねるごとに安定性が増しています。 開発は活発に進んでおり、機能が次々に追加されています。 blender.org 起動時にDOS窓が出現しますが、正常な動作なので消さずに最小化しておきます。 データのインポート、スクリプトを呼びだした時、エラー時などには詳細が表示されます。 まとめ 多数のOSに対応 設定で日本語表示に変えられる インターフェイスはユーザーの好みで配置やデザインが変えられる 多数のPytho
blender用スクリプト
blender用のpythonスクリプトです。 このプログラムに関してのご意見・ご要望・バグ報告は こちら へ。 ダウンロード blender_2009_0318.zip add_mesh_heart_edge/ add_mesh_heart_edge.py … 辺で構成されたハート形のメッシュを出力するスクリプトです。 add_mesh_asteroid_edge.py … 辺で構成された星形や花形のメッシュを出力するスクリプトです。 add_mesh_cardioid_edge.py … 辺で構成されたカージオイド形のメッシュを出力するスクリプトです。 mesh_resize_mesh/ mesh_resize_mesh100.py … メッシュをリサイズするスクリプトです( デフォルト値 -1.00 ～ 1.00 )。 mesh_resize_mesh127.py … メッシュをリサ
Blender : Python - CopyVertexGroups
頂点グループの _Src を元に _Dest にある頂点座標を編集するスクリプトです。 うまく使えば左右対称ミラーみたいなことが出来ます。 rvk1_torvk2.py の１つのオブジェクト内で編集するバージョンみたいなものです。 こんな感じ・・・ _Src に ( 10 , 20 , 30 ) の頂点があったとして -X , Y , Z で実行すると _Dest は( -10 , 20 , 30 ) になります。 ボタンの説明 X , Y , Z のボタンはトグルになっていてマイナス方向に設定できます。 全部プラスの設定にすると _Src と同じ位置になります。 左隣にある小さなボタンで有効・無効が切り替えられます。 無効にするとその軸は無視されます。 Execute : 実行します。 Direction : [ Normal / Reverse ] 頂点リストを辿る方向です。 Exec
Blender : Python - CopyVertexGroups
LocusMeshMaker オブジェクトの軌跡をメッシュ化するスクリプトです。 ボタンの説明 Start , End : 開始フレームと終了フレームです。 X0 , Y0 , Z0 : メッシュを作成する方向みたいなものです。 X1 , Y1 , Z1 : Execute : 実行します。 Exit : 終了します。 作業の流れ 1、アニメ設定されたオブジェクトを選択します。 2、Start , End を設定します。 3、X0,Y0,Z0 , X1,Y1,Z1 をお好みに応じて設定します。 4、Execute を押して実行します。 オブジェクトの動きに追随してメッシュが出来ます。 参考にしたサイト http://www.geocities.co.jp/SiliconValley-Cupertino/2019/blender/PythonDocJpn/index.html http://
Extensions:Py/Scripts - BlenderWiki
Introduction A script is a program that is written in the Python language which runs within Blender, and calls on Blender routines to create new functionality. Because Python is a popular interpreted programming language, it can be used to extend the functionality of Blender in a wide array of ways. Users all over the world have written hundreds of scripts, and this section of the Blender wiki att
JBDP - Pythonスクリプト
Blender Documentation 日本語版 : 最終更新日時 2005-04-10 (日) 11:04:20 by morita ←Blenderを拡張する / 原文 / APIリファレンス→ Pythonスクリプト Blenderには強力なのに見落とされやすい機能があります。それは、Blenderに組み込まれた、本格的なPythonインタプリタです。 このおかげで、Pythonスクリプトを書けば誰でも機能を追加できます。Pythonは、インタプリタ方式で、インタラクティブな、オブジェクト指向プログラミング言語です。以下のような機能が盛り込まれています。モジュール、例外機構、変数の動的型付け、非常に高レベルな動的データ型、クラス。Pythonは、強力な機能と、とてもクリアな文法を合わせ持っています。Pythonは、プログラム可能なインターフェースを必要とするアプリケーションのた
「なう」は色気に欠ける？ 働く女子のtwitter事情｜「マイナビウーマン」
とある日曜日、「浅草なう」とtwitterでつぶやいていたら、隣にいた友人Hさん（メーカー広報／23歳）が「いつでもどこでも『なう』なんて書き込んでいたら、なんだか色気にかけるよね」とひと言。カフェでお茶したら「渋谷でケーキおいしいなう」、電車が止まれば「総武線、平井で立ち往生なう」なんてついついつぶやくのが癖になっていたけれど、確かに「日常ダダ漏れ」状態って色気がないかも……。 そんな私のtwitter事情を指摘したHさんをはじめ、なにかとtwitterを活用している女子に、いったいどんなことを考えながらつぶやいているのかを聞いてみました。 ■あえて現在地をつぶやかない理由は……（Hさん／メーカー広報／23歳） そのときに感じたことや、思ったことのみつぶやいて生活感をわざと消しています。今フォロワーに好きな人がいるので、ちょっとミステリアスなイメージで見られたいこともあり（笑）、あまりに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
で、実際のところHTML5でどのくらいのアプリが実装できるのか実験してみた
http://www.designwalker.com/2009/11/html5.html
＼(^o^)／ - HTML5 CSS3 DEMOっ アニメーション - ＼(^o^)／
狐に背中を飛び越されまして
【閲覧不注意】これはエロいｗｗｗ
Light Guitar, A Free Audio Unit For Mac OS X – Synthtopia
Teragon Audio、無償ドラムシンセサイザー「KickMaker」リリース - MusicMaster.jp ～音楽制作ポータルサイト～ News
AudioUnits版Csound！ - μ memo
役職の偉い順にIPアドレスを自動的に振るにはどうしたらよいでしょうか。 - Master of IP Network会議室
R o m a t i c A
nsf.tc
秋葉原「男の娘カフェ」、開店１周年 オトコの娘18人になる : ニュー速VIPブログ(`･ω･´)