HTML5 HTML5技術を大盤振る舞い！「おHTML5」制作秘話 新年 あけましておめでとうございます！ クライアントワーク 企画部の村上です。 本年も、カヤックディレクターズブログを どうぞよろしくお願いいたします！ さて、カヤックは毎年年始のご挨拶としてお年賀サイトを公開しております。 今年もコンテンツもりだくさんの、楽しいサイトが出来上がりました。 もうチェックしていただけましたでしょうか？？ まだのかたは、こちらからご覧ください！ カヤックでは、このお年賀サイトに掲載するコンテンツを 全社員まぜこぜにしてチーム編成し 年末に企画制作します。 今回ばびこチームが制作したのは、 昨年から熱い風を吹かせ続けている HTML5技術を使った、ブラウザでお正月気分を味わえるコンテンツ 「おHTML5」です。 お正月コンテンツとして、たくさんのツイートやいいね！を頂きました。 あ
新年明けましておめでとうございます。本年も宜しくお願いします。 さて、今年最初のPOSTは、僕が今一番興味を持っているAPIの "Web Intents" について取り上げます。 この、"Web Intents"は、Androidの "Intent" に非常に良く似た仕組みで、異なるWebアプリケーションを自由に連携することを可能とするAPIです。Webサイトの不足機能に対し、他のWebアプリの機能を利用することが可能になるため、スピーディーなWebアプリの開発を実現してくれます。利用するユーザーにとっても、手慣れたWebアプリを利用できるメリットが有ります。 このAPIの更に興味深いところは、 Device機能の利用 デバイス内の固有の機能（カメラや、住所録など）をブラウザから利用する。 Web of things スマートフォンやテレビなどのマルチデバイス連携サービスをWebで実現する
InfoWoldが、エンタープライズ分野で注目が集まっている技術トップ10を記事「InfoWorld's top 10 emerging enterprise technologies」で公開しています。定番の技術から、なるほど、と思うものまで並んでいて参考になります。 InfoWorld's top 10 emerging enterprise technologies | Cloud computing - InfoWorld オリジナルの記事は7ページにわたる力の入ったものです。ここでは10位から1位へとカウントダウンでポイントだけ紹介していきましょう。 10位 HTML5 HTML5はどの分野でも注目技術の定番といえるでしょうから、説明は省略します。10位に入っているのは納得です。 9. Client-side hypervisors 日本ではまだあまり注目されていない、クライアン
AndroidブラウザのFlashPlayerの開発が終了したり、HTML5製の3Dコンテンツが出てきたりで、「Flash終わったの？」とか、「これからはFlashじゃなくて全部HTML5で作った方がいいの？」とか聞かれる事が増えてきたので、ちょっとまめとめてみました。 同じような境遇の方も少くないと思うので、参考程度にどうぞ。 AndroidブラウザFlashPlayerの開発終了について 残念なことにAndroidブラウザのFlashPlayerはバージョン11.1を最後に開発は終了することが発表されました。これについて「AdobeがFlashよりHTML5の方が優秀だと認めた」や「HTML5を推奨していたジョブズの完全勝利！」と考えている方もいるかと思いますが、実際のところどうなのでしょうか。 記事を参考に、開発終了の理由についてまとめてみました。 【参考記事】 ・ Clarific
Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 (追記 2012/01/14) Googleから動画が公開されました。 http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※このセッションで解説された内容に一部変更点があるとのことなので、こちらも合わせて参照下さい。 (追記ここまで) HTML5 のオフライン機能(Eiji Kitamura) @agektmr 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html スライド 動的なデータの保存 Web Storage (localStorage / sess
最近テック系のブログやニュースなどでHTML5を取り上げられることが多くなり、目にされた方も多いと思います。人気ブログの「Techwave」でも以下のような記事でHTML5に言及しており、その注目の高さが伺えます。 ソーシャルの次の時代、「フリーミアム」が終わり「コンテンツがキング」になる Appleを脅かすFacebookの「プロジェクト・スパルタン」とは 日本のソーシャルゲームに追い風、日本はスマホソーシャルゲーム市場で世界を獲れる！ これらの記事の中で、HTML5をベースにしたWebアプリの可能性が非常に高く評価されており、今後のモバイルアプリの主流がネイティブアプリからWebアプリに移行すると予想されています。 そこで今回はこのHTML5およびWebアプリについて取り上げ、その可能性を探ってみたいと思います。 ■ HTML5とは 最初にHTML5とはどういうものなのか簡単に説明した
スマーフォン対応あれこれ - Presentation Transcript ⼤大 ⼀一 ⽐比 ⾃自 ⽤用 ⽤用 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title> </title> </head> <body> <header> ... </header> <article> ... </article> <footer> ... </footer> </body> </html> ⾃自 ⾮非 ⽣生 ⾮非 ⾓角 ⽴立立 ⼗十 ⽤用 ⽤用 ⽰示 ⽰示 ⽰示 ⾳音 ⽣生 003SH iPhone4http://haz.io ⼤大 ⽤用 ⾮非 ⾊色 ⽤用 ⼤大 ⾝身 ⾝身
8. Flash HTML5 Adobe - Wallaby http://labs.adobe.com/technologies/wallaby/ Google - Swiffy http://swiffy.googlelabs.com/ OpenSource - Smokescreen http://smokescreeen.us - FlashForward https://github.com/ken39arg/FlashForward/ iOS Flash HTML5 http://www.gree.co.jp/news/press/ 2011/0711.html (DeNA) - ExGame http://www.broadtail.jp/tec/exgame.html CLOQUE- FLAML http://flaml.jp/
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
愛知県の名古屋で受けられるシミ取りのおすすめ院を紹介しています。 品川スキンクリニック名古屋は顔全体初回8,640円でシミ取りを行う事が出来ます。 4回コースでも48600円です。 品川スキンクリニックはこちら pr湘南美容皮フ科 栄矢場町院 クリニック情報 詳細
ちょっと前になりますが、ThinkMobile2011というイベント向けに制作したHTML5製ソーダ缶のデモをご紹介します。 担当の方から、広告主向けにHTML5を使ったスマートフォン広告の新しい形を紹介したいので、何かアイディアはないかと依頼を受けました。技術的にHTML5の何かを使った広告を作ること自体は難しくないかもしれませんが、イベントのデモとして見せるということで、ある程度の派手さとHTML5ならではという部分のわかりやすさが要求されたため、アイディア出しそのものに最も時間を割きました。 コンセプト ネイティブアプリケーションにできてウェブアプリケーションにできないことはまだまだ多いですが、いかにネイティブアプリケーションに近づけるか、という部分がHTML5の醍醐味でもあります。逆にウェブアプリケーションのネイティブアプリケーションに対するアドバンテージに、インストール無しでさら
疑問 XHTMLはSGMLで定義されていたHTMLをXMLの文法で定義し直した言語であり、XMLを埋め込むことができるが、 現在の制作現場においてそのようなケースは低く、HTML4.01と利用とほとんど変わらないように思う。 XHTMLの利用について 利点 MathMLやSVGの利用 RDFaなどによるセマンティック化 欠点 xmlを利用する場合、Doctypeの先頭にが必要(IE6で互換モードになる) タグの省略が不可 Strictの場合、target=”_blank”、iframe(GoogleMapsの利用)が文法エラーになる。 MathML, SVG, RDFaを利用するのであればXHTMLである必要があるが、通常のサイトのコーディングにおいてXHTMLである必要はなく、HTML4.01であっても問題ないように思う。 HTML5はどうなのか？ 通常のサイトのコーディングであれば、
HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 HTML5、CSS、JavaScriptなどのWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」が、正式版「PhoneGap 1.0」になったと開発元のnitobiより発表されました。 PhoneGapはオープンソースソフトウェアとして開発されているソフトウェアで、無料でダウンロードし利用することができます。 デバイスごとのネイティブアプリケーションに変換 PhoneGapを、jQuery Mobileのようなマルチデバイスに対応したモバイルアプリケーション用フレームワークと組み合わせると、HTMLやJavaScriptなどのWeb標準
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く