第1回 HTML5による業務システム開発に踏み出そう
出典：ITpro 2015年2月23日 （記事は執筆時の情報に基づいており、現在では異なる場合があります） ITpro読者のみなさん、はじめまして。新日鉄住金ソリューションズの横山です。本特集は、次世代Web標準である「HTML5」を使って業務システムを構築するために必要な情報や役立つ情報を解説します。HTML5を採用することで、業務システムがどのように見やすく、使いやすいものになるかを紹介すると共に、開発を効率的に進めるための道具や留意点などについてもみていきます。 身のまわりで着実に普及が進むHTML5 最近、ニュースや雑誌で見聞きする機会が増えてきた「HTML5」という言葉ですが、実際に身のまわりでどれくらい利用されているのかよく分からないという人は多いのではないでしょうか。わざわざ「これはHTML5で作ったコンテンツです」と明記しているケースは少ないからです。 HTML5が使われて
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で話すマーク・ザッカーバーグ氏 ネイティブかHTML5かという対立軸 モバイルアプリの世界では現在、「ネイティブアプリか、HTML5か」という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
HTML5によるタフなモバイルアプリ開発の最前線 － ＠IT
2012/09/14 2012年9月8日に慶應義塾大学で開催された「HTML5 Conference 2012」から、ディー・エヌ・エーの紀平 拓男氏によるセッションについてレポートする。 紀平氏は「インストールが嫌い、インストールのない世界にしたい」という思想の持ち主で、「ネイティブアプリではなく、Webにアクセスしてすぐに遊べるコンテンツが理想」という言葉からセッションを始めた。 同氏は、「なぜ、今HTML5なのか」を、Flashと対比しながら説明した。FlashはモバイルOSからはなくなっていく一方だという現状を踏まえ、それに代わる技術としてHTML5が台頭してきている。今までFlashで実現していた表現は、ほぼHTML5でも実現できる状況であることを、自社コンテンツのアニメーションを紹介しながら説明した。 このデモは、同じゲーム中の同じアニメーションを、画面左側はFlash、右側に
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
ネイティブアプリ級のHTML5にグーグルが期待すること - ＠IT
HTML 5が拓く新しいWeb（1. Google編） ネイティブアプリ級のHTML 5に グーグルが期待すること 新野淳一 Publickey 2009/8/21 新たなアプリのプラットフォームとなるHTML 5へのWebブラウザベンダの取り組みを聞くインタビュー。まずはグーグルに聞いた オープンな形でHTML革新を進めなくてはいけない 文書を閲覧するWebから、アプリケーションのプラットフォームへと、HTML 5の登場がWebを大きく変えようとしています。そのHTML 5について主要なWebブラウザベンダはどのように考え、取り組もうとしているのでしょうか。 今回はグーグルのシニアプロダクトマネージャ 及川卓也氏と、ソフトウェアエンジニアの田村健人氏に、グーグル、特にGoogle Chromeに関連したHTML 5の取り組みについて話を聞きました。 ――― グーグルは今年のサンフランシス
HTML5の進化、Web標準の進化はメガトレンドになる
HTML5が登場することによってWebはどう変わるのでしょうか？ いま見えているのは、ハイパーリンクによってつながったドキュメントを閲覧する、という原初のWebの姿から、アプリケーションを実行するプラットフォームへと進化する、という道筋です。 この道筋を改めて確認したのが、8月21日に僕の古巣＠ITに掲載された記事「ネイティブアプリ級のHTML 5にグーグルが期待すること」です。これは、HTML5とその先をグーグルがどう考えているのか？ について僕がインタビューして記事にしたものです（実は僕が＠ITを離れてから初めて寄稿した記事です）。 Webアプリはネイティブアプリと同等になる このインタビューではグーグルの及川氏が、Webアプリケーションでネイティブアプリケーションと同等のものを目指す、と明言しています。 現在のWebアプリケーションでは、GMailのようなメールクライアント、Goog
HTML5リファレンス（旧仕様）
<p> …… ひとつの段落（パラグラフ）であることを表す <hr> …… テーマや話題の区切りを表す <pre> …… 半角スペースや改行をそのまま表示する <blockquote> …… 引用・転載セクションであることを表す <ol> …… 順序のあるリストを表示する <ul> …… 順序のないリストを表示する <li> …… リストの項目を記述する <dl> …… 定義・説明リストを表す <dt> …… 定義・説明される言葉を表す <dd> …… 定義用語や言葉の説明をする <figure> …… 図表であることを示す <figcaption> …… 図表のキャプションを示す <div> ……ひとかたまりの範囲として定義する <main> …… メインコンテンツであることを示す <a> …… ハイパーリンクを指定する <em> …… 強勢する（アクセントを付ける）箇所を表す <stro
HTML5でWebアプリ！マークアップエンジニアがつくるToDo管理アプリ
「DeNA × 面白法人カヤック × クリーク・アンド・リバー社 セミナー」に登壇することになりました。 はじめまして。 このブログで書くのは初めてのME課の比留間(@edo_m18)です。 今回は9/23に開催される「DeNA × 面白法人カヤック × クリーク・アンド・リバー社 セミナー」で、 自分のセッションのプロローグを書きたいと思います。 セッションのタイトルは「もしも、マークアップエンジニアがひとりでWebサイトをつくるとしたら ～HTML5でつくるWebアプリ～」です。 話の内容は、最近なにかと目にする「HTML5」について。 その中でも関連API(JavaScript)を使ったwebアプリについて話したいと思っています。 HTML5になることで、今まではサーバを介してしかできなかったこと、そもそもブラウザ上では実現不可能だったことが実現できるようになります。 これを利用して
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
HTML5だけでiPhoneアプリをつくる - EC studio デザインブログ
間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか
スマートフォンでのアニメーション描画 - 30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
ソーシャルアプリをmixi上で展開するとなると、何らからの形でFlashアニメーションの代替が必要になってくるのではないでしょうか。 例えば怪盗ロワイヤルのレベルアップアニメーションとか。 今回はそれらの代替手段を考えてみます。 Flash ジョブズ閣下はお怒りなので、iPhoneではまず今後も対応しないでしょ。Androidも現状未対応なので却下。 アニメーションGIF 今でもモバイルでは結構使ってる。間違いなく堅実な方法。ただ、1コマの容量×コマ数と言えるほど圧縮率は低い。キャッシュを活用できれば有効。 アニメーションpng マイナーだが、実はpngの画質でアニメーションができます。アルファチャンネルにも対応。 けど現状はFirefoxのみ対応。却下。 Canvas html5の新技術。iPhone・XPERIA共に対応。ベクターデータを扱えるので拡大・縮小をしても劣化をしない。しかし
HTML5・CSS3を使用してiPad用アプリを作成する為のテクニック
iPadに最適化させる為のテクニックやアプリ開発に関して専門書も発売されてませんし、まだまだWeb上には情報が少ないですが、下記サイトに少しだけテクニックが紹介されています。備忘録としてエントリー。 http://www.aivy.co.jp/ http://mir.aculo.us/ 最近購入した一冊。今迄専門書が少なかった欧文組版に関して解説されている書籍です。欧文の組版に関しては日本人なので不安な所だらけでした。最近少しづつ読んでいます。目から鱗の一冊です。 【内容紹介】『欧文書体』『欧文書体2』に続く、「タイポグラフィの基本BOOK」シリーズ第三弾。デザイナー、編集者、企業担当者向けに、実務的な欧文の組み方を指導した本。 実際にコンピュータ上で欧文を組んでみる練習問題や、欧文を組むときの具体的な19の注意事項などを掲載。 amazon.co.jpで購入！
HTML5/CSS3の情報をクリップ！ :: dotHTML5
電子書籍：実践JavaScript！プログラミングを楽しみながらしっかり身につける (アマゾン Kindle) / PC向けサイトのSEOはモバイルファーストインデックスでは無視していいのか？ (海外SEO情報ブログ) / Firefox、オンデバイスAIで画像のAltテキストを自動生成する実験的機能を導入 - スクリーンリーダーのユーザーに利便性 (Publickey) / 高度なカスタマイズも可能な、React向けデータビジュアライゼーションコンポーネントのコレクション「reaviz」 (かちびと) / 自分がMoonbit言語について知っていること (mizchi | Zenn) / ARMに存在するJavaScript専用命令「FJCVTZS」を追う、ついでにV8をビルドする (nmi tkihira) ... 続きを読む 9/7(土) Web Developer Confer
HTML5の波
Internet Explorer（IE）9、Firefox（FF）4と最もメジャーなWebブラウザーがこの3月、相次ぎバージョンアップした（注1）。いずれもウリは、軽量化・高速化および「HTML5」をはじめとする次世代Web技術への対応である。米マイクロソフトはそのすごさをアピールするために、Internet Explorer Test DriveというWebサイト上でIE9に最適化した次世代のWebサイトをデモしている。それらを眺め、操作してみると、なるほど、これからのWebサイトとはこういうふうになるのかというのがよく分かる。 注1 IE9のリリースは3月15日。ただし日本語版については、東日本大震災の影響により延期されており、3月末時点で正式にはリリースされていない。日本語版以外については予定通り提供されている。 現在のWebサイトの大半は、業界標準として使われている「HTML4.
html5doctor - HTML5.JP
サイト内検索 html5doctor ( http://html5doctor.com/ )とは、Richard Clark 氏、Bruce Lawson 氏、Jack Osborne 氏、Mike Robinson 氏、Remy Sharp 氏、Tom Leadbetter 氏といった HTML5 に関して著名な方々が共同で運営しているサイトです。<html>5doctor は、HTML5 を使おうとする人に、さまざまなリソースを提供することを目的として運営されているサイトです。このサイトで掲載されている記事は、HTML5 を習得する上で、非常に有益なものばかりです。特に、マークアップに関する記事が充実しています。 HTML5.JP では、html5doctor の許可を頂き、記事アーカイブの日本語訳を掲載しましたので、ぜひ、HTML5 の理解にお役立てください。 一部、直訳ではなく意訳
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
http://www.lasical.com/2011/04/18/%E6%96%B0%E6%99%82%E4%BB%A3%E3%81%AB%E5%82%99%E3%81%88%E3%82%88%E3%81%86%EF%BC%81html5%E3%80%81css3%E8%A8%98%E4%BA%8B%E3%81%BE%E3%81%A8%E3%82%81-2011411-%EF%BD%9E-417/
HTML5とCSS3でアプリケーションを作れるYUIのライブラリ「Alloy UI」 | Web活メモ帳