BloggerGoogle のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。
Google APIs + HTML5 = A New Era of Mobile Apps
This post is part of the Who's @ Google I/O, a series of blog posts that give a closer look at developers who'll be speaking or demoing at Google I/O. This guest post is written by Adrian Graham, co-founder of nextstop.com who will give us a demo inside the Developer Sandbox. When building nextstop's HTML5 mobile app, we were able to leverage a powerful combination of HTML5 and Google API's to bui
共著「Google Chrome OS」出版のお知らせ
先日のセミナーでも少し触れた、「Googleのコモディティ戦略」。インプレスからこのたび出版される「Google Chrome OSー最新技術と戦略を完全ガイド」の「戦略」の部分に共著者の一人として寄稿したのでここで紹介させていただく。 Chrome OSにせよAndroidにせよ、OSをGoogleが無料で提供するには深い意味があるのだから、それをちゃんと理解した上で、自社のデバイスに採用するかしないかを「経営判断」として決めるべき。「他のメーカーも載せはじめたから」とか「自分だけ乗り遅れたくないから」ぐらいな安易な気持ちで始めると、「実際やってみたら得をしたのはGoogleだけ」という結末になりかねないので慎重にすすめるべき。 ２年ほどiPhone向けのアプリを作って来た結果、最近強く思うのは、テレビなどの据え置きがたの家電にアプリをダウンロードして走らせる、という発想自体が根本的に間
Firefox と HTML5 について発表してきました | Mozilla Japan ブログ
先週末に開催された OSC 2010 Tokyo/Spring に参加し、Web の標準技術やブラウザがどのように変化してきているのか、「Firefox & HTML5 - Web プラットフォームの今 -」というタイトルでお話しさせていただきました。 当日は他にも多くの講演や展示のある中、100名を越える方に聞いていただき、ありがとうございました。 講演ではまず、HTML5 などの標準技術とブラウザが次世代プラットフォームとして注目されるようになるまでの経緯をお話ししました。そして、ブラウザに最近導入された技術について、次期 Firefox に向けて実装中のものを含めて 10 点ピックアップし、デモやコードを交えて紹介しました。ブラウザによって率先してサポートする技術に違いはあるものの、標準技術を共にサポートすることで Web を新しいプラットフォームとして育てていく今を楽しんでいただけ
「なぜAppleはiPadにFlashを載せるべきではない」のか
気がついた人も多いと思うが、iPadのアナウンスメントであっさりと無視されたのがAdobeのFlash。私は意図的（＝「Flashなんか重要じゃない」というメッセージ）と読んだが、皆さんはどうだろうか。 iPhoneがFlashをサポートしていないことに対するAdobeを含めたさまざまな方面からの批判を考えれば、「the best way to experience the web （最高のウェブ環境）」を売り文句のiPadが、これだけ広く使われているFlashをサポートしないというのはおかしな話だ。 不思議に思う人も多いかもしれないが、自分をAppleの経営陣の立場に置いて良く考えてみれば答えは明確になる。 Appleという会社は、昔からさまざまなクリエーターたち（アーティスト、ミュージシャン、ウェブ・デザイナー、etc.）を魅力的で便利なパソコンやツールで味方につけ、彼らの作品を消費者
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
HTML5を日本語で議論するW3Cのグループ、日本で初めての会議を開催
WebブラウザごとにHTML5をサポートしている比較表は、簡単ではない。ブラウザが多い。さらに、バージョン、デバイス、ユーザーによる設定でも異なってくる。JavaScript On/Offとかプラグインありなしとか。それを全部比較するのは非常に大変。 しかもHTML5の仕様そのものの変更も多い。私はイギリス人でHTML5仕様は英語で書かれているが、それでも混乱する。 だからブラウザが対応しているかどうかを考えるのは無視しよう。 OperaでのHTML5対応関連技術の紹介。 HTML5 Form Flashなしで動画再生。字幕をJavaScriptで表示 Video＋SVGフィルタ Canvas WAI-ARIA CSS3 Transitionsでアニメーション でもHTML5に対応しないブラウザはどうする？ HTML5 FormsはOperaが対応している。Ruby（ルビ）はIEが対応。D
HTML5 Presentations To Help You Get Started with HTML 5
The Best HTML5 Presentations To Help You Get Started Written by Amit Agarwal on Oct 14, 2009 HTML5 is next major version of HTML and, though it is still a "work in progress", some of the new HTML5 specific tags are already natively supported in the latest builds of all popular browsers including Chrome, Safari, Firefox and Opera. Internet Explorer users can download Chrome Frame for IE to experien
HTML5時代の「運営しやすいアーキテクチャ」の話
増井君と二人でPhotoShareというサービスを立ち上げてもう１５ヶ月になるが、いろいろと学んだことがある。その中でもつくづく思うのは、サービスを作り上げる段階よりも、運営のことを考えた設計が大切なこと。つまり、メンテナンスしやすい、テストしやすい、多少のミスをしても大丈夫、こまめなアップデートがしやすい、作業分担がしやすい、などなどである。 そんななかで強く感じるのは、「AJAXを見た目や使いやすさの面だけに利用するだけでなく、『運営しやすいサービス』を作るのに利用できないか」ということである。 私のイメージするアーキテクチャを図にするとこんな感じになる。 まず一番の特徴は、テンプレート等を利用したHTMLのダイナミックな生成をすべてやめて、データ（JSONもしくはXML)だけをダイナミックに生成するようにし、HTMLはスタティック・ファイルをサーバー側に置いておく（上の図で、CSS,
Google WaveがHTML5ブラウザーへのシフトを加速する
Internet Explorer 3.0/4.0 の開発に関わっていた人間として言うのも変な話だが、そろそろIEには主役の座を降りてもらった方が良いと思っている。いろいろな要因がからみあって今の状況があるわけで、その部分について今さらここであれこれ言うつもりはないが、実際のところ、 IEが他のブラウザー（Safari/Firefox/Chrome/Opera)と比べてHTML5やCSS3のサポートに関して大きく遅れている そもそもIEの進化のスピードが（というかMicrosoftから出る製品すべての進化のスピードが）遅すぎる にもかかわらずIEのシェアが大きいため、業界全体の足を引っ張っている という現状があることは誰にも否定できない。 HTML5やCSS3の新しい機能により可能になる新しいウェブアプリをどんどんと作って行きたいと考えているエンジニアは私だけではないわけで、その意味では「
HTML5入門：アニメーションの実装方法３種
HTML5・CSS3のような新しい技術の問題点は、HTML4やらFlashなどの枯れた技術と違ってノウハウ・ライブラリ・ツールとかがまだ十分にそろっていない事。普及のタイミングもまだはっきりとしていないこの段階で手を出せない・出しにくいと感じている人が多いのも良く理解できる。 私から見れば、逆に「こんな楽しい状況は滅多にない」わけで、商売になるかならないかは二の次にしていろいろと試したくなる。 今日作ったのは、HTML5+CSS3上で可能になる（ただし現在ではWebkit独自の拡張を含む）３つのアニメーション・テクニックの比較（左に貼付けたものがそれ、Safari/Chromiumだとすべて動く。Firefox/OperaだとDOMとCanvasのみ（ただし別ウィンドウで開かないとCanvasが動かないークロス・ドメインセキュリティのバグか？））。 詳しくはソース（参照）を見ていただければ
「Flash vs. HTML5」という構図がはっきりと見え始めたぞ、と
業界関係者（特にスマートフォン関係の仕事をしている人たち）少し前からすでに気がついていた話だが、今回のAdobeからの一連のアナウンスメントで明らかになってきた「HTML5対Flash」という構図。とてもワクワクする戦いだ。 ウェブ上のリッチコンテンツという分野でリーダーシップ・ポジションを取りながらも、「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えたFlash（数年前の話）。しかし、動画フォーマットがReal Networks、Microsoft、Appleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash（現在）。しかし、その地位も安泰ではない。 Adobeにとって一番頭の痛い問題はiPhone
SlickMap CSS: A Visual Sitemapping Tool for Web Developers | Astuteo
Slickmap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It's suitable for most web sites – accommodating up to four levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. Features and Benefits Eliminates the need for additional softwarePlan s
ブラウザのスクロール量を取得するには？ | Diaspar Journal
オンライン英会話kiminiは、教育に70年の歴史をもつ「学研」が提供するオンライン英語学習サービスです。 英語の学習に取組むために、「どうやって勉強すればいいのかわからない」といった悩みを解決するために、オンライン授業に適した教材を学研が細部までこだわって作成しています。 kiminiは、月額980円（税込み1,078円）からの始めやすい料金プランが採用されいます。また、オンライン英会話に興味があるけど迷っている方に無料体験が用意されています。 オンライン英会話は、パソコンやスマートフォンを利用してレッスンを受講する仕組みです。インターネットさえ利用できる環境であれば、受講場所を問わず、自宅やカフェなど好きな場所で英語学習ができます。 英語学習の講師としてのトレーニングを行ったフィリピン人英会話講師と、早朝から深夜まで英語学習に取組むことができます。 kiminiには、1,400名以上の
nobilog2: 「HTML 5 > Web 2.0」の声かけ確認でITガラパゴス化を防ごう！
まだまだWWDCレポート記事を書かなければならない立場ながら、 今、この心の高ぶりを逃すと、このままチャンスを逃してしまいそうだ。 運よく、私をインタビューするはずだった担当者２名からの連絡もないし、 次の記事について相談しようとした編集者がつかまらないので、 20分１本勝負、校正無しで一気にブログを書きあげよう。 私はYouTubeで見たGoogle IOからも、仕事の合間にちょっとだけ覗いてきたWWDCの会場からも、 先日、足を運び、まだ記事化できていないMozillaの次期Firefoxについてのインタビューからも、 まったく同じ５文字のシグナルを受けとった。 「HTML5」 このシグナルを受信すると、 実は4.0=3.5=3.0 = 5という不可解な数式が成り立ってくる。 つまり (Safari) 4.0=HTML 5 (FireFox) 3.5= HTML5 (
anything from here offsetLeft,offsetTop,offsetWidthそしてoffsetHeight──静的配置要素の絶対位置を確実に取得する方法について
結論概要 通常配置要素の絶対座標上の位置を取得するJavascriptコードは、ウエブ上や書籍でかなり流布されている。しかし、それらは正しく絶対座標を提供しないものが多い。 だから仕方なく、コードの進行過程をチェックし、ブラウザ毎に必要となる補正を行うコードを追加し、確実に正しい座標値を得る方法を確立した。そのコードはこのエントリイの末尾に掲載し、検討経過を克明に下記にまとめた。 なお、改訂したコードが対応するブラウザはIE7、FF2及びOpera9であり、safariは検証する術がなかった。 object.offset○○は大変便利なプロパティ それは位置と大きさを与えてくれる。それはマイクロソフトが定義し、Mozzillla系も随随した便利この上ない属性だ。 さて、これらの４つのプロパティは片や位置を、片や大きさを取得する。異なる属性取得を同じoffsetで行うのだ。しかも嫌がらせとし
Rails 2.0でCSRF対策 - cys b
Rails 2.0ではCSRF（cross site request forgery, クロスサイトリクエストフォージェリ）対策が標準で入っているって事でActionController::RequestForgeryProtection::ClassMethodsのRdocを読みながら試した。まず、以下の様なコントローラ（top_controller.rbとした）を作る。 Railsアプリのルートで ./script/generate controller top index （だっけ？） top_controller.rbの中身は以下の通り。 class TopController < ApplicationController protect_from_forgery :secret => 'my-little-pony', :only => :index def index end
ブログ全盛期だからこそ逆を行く――HTMLサイトの始め方（初心者向け） - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。 山田井ユウキです。 前回の記事にたくさんのコメントありがとうございました。 また、ありがたいことに古い記事にもちょくちょくコメントをいただくことがあり、これがブログカルチャーの醍醐味か！ と、驚いています。 ……このブログ円熟期にお前は今さら何を言ってるんだという感じですが、HTMLしかなかった時代に個人サイトをスタートさせた僕は、恥ずかしながら未だに「ブラウザ上で記事を書く」というブログの仕様に慣れないんですよね。 ここまで書いてふと思ったんですけど、 このご時世に、「ブログじゃなくてあえてHTMLでサイトを作りたい」と思っている人ってどれくらいいるんでしょう？ 昔からやってた人を除けば、もう絶滅危惧種なのかなー。 そりゃブログって便利ですもんね……。企業ならいざしらず、個人サイトでわざわざHTMLを組むなんてめんどくさいこと、やりたくないですよ
HTML 5のクライアントサイド・データベースストレージ - builder by ZDNet Japan
SQLでより複雑なデータの保存が可能に 前回まではHTML 5で新しく導入される予定のDOM Storageを使ってローカル側にデータを保存する方法を紹介してきた。HTML 5にはもうひとつ、クライアントサイド・データベースストレージと呼ばれる機能が用意される（長いのでここではローカルDBと記載することにする）。これはローカル側のリレーショナルデータベースに、ウェブアプリケーションで利用するデータを保存し、SQLでアクセスできるというもの。DOM Storageはキーと値のセットという形でしかデータを保持できなかったが、ローカルDBを使えばより複雑な構造を持ったデータを保存することが可能となる。 残念ながら、Firefox 3ではまだこの機能はサポートされていない。FirefoxではFirefox 2の頃よりローカル側にデータを保存するデータベース機能が用意されていたが、これは拡張機能のた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
