HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
XML Path Language 1.0 (XPath 日本語訳)
土壌汚染問題を解決するフィールド・パートナーズがPlatio Connectを導入 労働安全衛生法に基づく点検業務のアプリ化で年間1,800時間の労働時間を削減
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
「WebKit HTML 5 SQL Storage Notes Demo」をなぞってみた - Underconstruction by Taiyo
DashDrawテスト Boxボタンでエレメント作成、ドラッグして位置の移動、クリックしてキャレットを入れると文字入力ができる。その結果を随時Client Side Storageに保存し続ける、というWebKit HTML 5 SQL Storage Notes Demoをなぞってみた。 WebKitのデモではテキストの遅延保存を非同期に行うような処理が記述されているけど、データベースがロックされていたときの処理が書かれていない。WebKitのソースを読みゃいいんだろうけど、そのような場合のテストも行いたいので遅延処理はまだ上記の「なぞり書き」には含んでいない。 次はCANVASのStrokeをDBから読み出す、だなぁ。 DBのversion Client side database storageのDBにはバージョンを含めることができ、changeVersion()という関数で何やら処
IE8 速攻徹底レビュー - IT戦記
こ、この日記、徐々に増えている・・・ というわけで IE8 の新機能、発見したら即更新 window.sessionStorage window.globalStorage キター！！！！！ See Also HTML Standard See Also DOM Storage - DOM | MDN hashchange イベントに対応（HTML5 のメーリングリストで名前を揉めてた気がするけど） online offline イベントに対応 XDomainRequest （なぜ、 XMLHttpRequest level 2 にしなかったのかと（ry window.postMessage（cross-document messaging） キター！！ See Also HTML Standard Selectors API キタキタキタキタキタキターーーーーーーーーーーーーーーーーーー
【詳報】セマンティックWebに向かうIE8の「8つの強化点」
写真1●Internet Explorer担当のGeneral ManagerであるDean Hachamovitch氏 [画像のクリックで拡大表示] 米Microsoftが3月5日（米国時間）にベータ版を公開した「Internet Explorer 8」は，意欲的な新バージョンである。業界標準への準拠を強く意識しているほか，「セマンティックWeb」を実現する新技術も搭載する。その一方でIE8は，下位互換性の問題や新たな規格争いを引き起こす可能性がある。 Internet Explorer 8の詳細は，同日米国Las Vegasで開幕したWeb開発者会議「Microsoft MIX 08」の基調講演で初めて公開された。また同時にベータ版（英語のみ）がWebサイトで一般に公開されている。基調講演でデモを披露したInternet Explorer担当のGeneral ManagerであるDea
【速報】Microsoftが「Internet Explorer 8」のベータ版を一般公開
写真1●Internet Explorer 8の画面。Webページ中にある住所の文字列に反応して，ブラウザ内で地図アプリケーション「Live Earth」の画面が表示されている Microsoftは米国時間2008年3月5日，米国Las Vegasで開催するWeb開発者会議「Microsoft MIX 08」でWebブラウザの新版「Internet Explorer 8」の詳細を発表し，同時にベータ版（英語のみ）をWebで一般に公開した。レンダリング性能を大幅に向上しただけでなく，「セマンティックWeb」を実現するための様々な新機能を追加している（関連記事：【詳報】セマンティックWebに向かうIE8の「8つの強化点」）。 Windows Vistaと同時に登場した現行バージョンの「Internet Explorer 7」は，Microsoft自身が「セキュリティが最重要課題（キー・フォーカ
【コラム】OS X ハッキング! (268) 世界最速はダテじゃない? Safari 3.1を検証する | パソコン | マイコミジャーナル
息をするのも面倒くせぇ (by ゲイラ - 北斗の拳) というわけではありませんが、できるだけ文字を書きたく / 入力したくないこの私。iCalにも、自分以外にはわからないほど略した文字列を書き込んでいます。で、3月22日の予定は「人犬」。もちろん飛鳥了のことではありません、バリウムを飲まなきゃならないんです……ああ、憂鬱。 さて、今回は「Safari 3.1」について。Leopardの発売に先立ちOS X 10.4.11とともにリリースされたv3.0から約4カ月、メジャーバージョンこそ変わらないものの、機能的には大きく前進している。いまやOS Xユーザ必携のこのWebブラウザについて、これまで紹介してこなかった機能を中心に検証してみたい。 ついに登場「Safari 3.1」 まずはお約束、ベンチマーク Safari 3.1のウリは、なんといっても「高速性」。すでに当コラム第262回で説明
名前空間宣言は何ですか？ - WHATWG FAQ - 日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文：http://blog.whatwg.org/faq/ （2011 年 1 月 21 日版） 翻訳日：2011/01/25 最終更新日：2011/01/25 概要 WHATWGが公開しているHTML5のFAQです。HTML5の目的や存在意義といった大枠の話から、要素の記述方法といった細かい話まで、さまざまな方面
開発中のIE8がAcid2テストに合格 － ＠IT
2007/12/20 米マイクロソフトのInternet Explorer開発チームは、現在開発中の次期バージョン「Internet Explorer 8」（IE8）で、Webブラウザの標準テスト「Acid2」に合格したことを明らかにした。同社はIE8のベータ版を2008年前半にリリース予定。 Acid2テストは、Web開発者などが作るグループ「Web Standards Project」が作成したHTML、CSSの標準テストで、HTMLのタグやCSSのプロパティの挙動についてチェックするためのもの。同テストに含まれるCSSのプロパティについて、正しく標準に準拠した挙動を示した場合には“スマイリー”が表示される。Acid2テストの限界と意義についてIE開発チームはブログの中で、「さまざまな標準について、どのような意見を持つかは人それぞれ。Adid2テストで重要なことは、それが特定の1団体に
新Acidテストは、Webアプリケーションに焦点 － ＠IT
2008/03/04 Web技術の標準化を目指した活動を行うWeb Standard Project（WaSP）は3月3日、Webブラウザの互換性テストツールの最新版「Acid3」（アシッド3）を発表した。従来のAcidテストではHTMLやCSSのレンダリングにおける再現性や標準準拠のチェックが主な目的だったが、Acid3ではWebアプリケーションで多用される動的コンテンツに関するチェック項目が中心となる。具体的には、ECMAScript（JavaScript）やW3CのDOMレベル2関連の規格を使ったDOMツリー操作を行うコンテンツを扱う。Acid3は100個のテストから構成され、従来通りHTMLやXHTML、CSS、SVG、HTTPに関してもテストを行う。 結果は100点満点で表示される。点数に加え、テスト中に正しくアニメーションが動作することも、Acid3合格に必要だという。Wind
Opera News
AI Aria browser AI now available in Opera without sign-in September 26th, 2024 Opera is making it possible for you to use Aria AI without sign-in requirements. Opera for iOS Opera One for iOS wins the MUSE Design Award 2024 September 6th, 2024 We're thrilled to announce that Opera One for iOS has won the MUSE Design Award for 2024! AI Image Understanding arrives in Opera for Android September 3rd,
http://webhomaily.seesaa.net/article/69725507.html
ユーザーエクスペリエンスデザインやらユーザー中心設計やら インフォメーション・アーキテクチャやらユーザビリティやらアクセシビリティやら ウェブマーケティングやらブランディングやら CGM やら いろんなデザインやらウェブやら関連のネタをクリップしまくりホマイリー！と叫ぶためのブログ。 今更ですが、Web 2.0 Expo でギリギリ参加できたセッションのレポートをご紹介ナリ。 オペラの CTO で、CSS の生みの親なホーコン・ウィウム・リー氏（新兵風味たっぷりな白人）のセッションです。 まぁ基本的には Opera の宣伝的な話がほとんどでござった。 以下、レポートデス！ --- 最良のWeb2.0体験を全てのデバイスへ ～CSSの生みの親が語る CSS3 そしてウェブの未来～ Opera Software International AS CTO - 最高技術責任者 ホーコン・ウィウム・
Opera News
Desktop Opera One R2 introduces dynamic Themes August 20th, 2024 Opera One R2 introduces dynamic Themes which allow you to customize your browser with animated backgrounds and change the UI... Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera
Google Gears の機能のおさらいと HTML5「Client-side DB」の相互運用を考える。Client-side DB に未来はあるか？ - IT戦記
さきほど Client-side database storage について書きましたが そこで、 Client-side database storage は今は Safari からしか使うことができません しかし、 Google Gears を使ってすべてのブラウザに実装することは可能だと思います。（すでにある？） その辺りも少し調べてみたいです。 Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記 と書いてから、少しだけ Google Gears が持っているクライアントサイドデータベースについて調べてみました。 Google Gears とは まず、 Google Gears について少し触れておきます。 Google Gears はブラウザの機能を拡張するためのもので、以下の機能を提供します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 input type="date" と canvas
IBM Developer
Validator.nu
fam.cx
What you can do - WHATWG Wiki