こんにちは、たかとーです🧑🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt
World Wide Webで使用される各種技術の標準化を推進する為に設立された標準化団体World Wide Web Consortium(W3C)のティム・バーナーズ＝リー氏が、HTML5世代のコンテンツ配信のDRM技術である「Encrypted Media Extension(EME)」の開発遅れに伴うタイムライン延長申請を却下したことが明らかになりました。Google・Microsoft・Netflixなどが推進する次世代DRM技術の実用化に暗雲が垂れ込めています。 Tim Berners-Lee just gave us an opening to stop DRM in Web standards | Defective by Design https://www.defectivebydesign.org/blog/tim_bernerslee_just_gave_us_op
【HTML5】HISTORY API「pushState/popState」を使って画面遷移しなくてもURLを変化させて、戻るボタンの挙動をカスタマイズする こんにちは。 pushStateやpopStateというHTML5 HISTORY APIをご存知でしょうか。 もともとhistory APIは前からあり、history.back();などでブラウザの戻ると同じ挙動をさせることができます。 今回はHTML5で追加されたpushStateとpopStateに注目していきましょう。 よくAjaxなど、画面遷移を伴わずコンテンツなどの入れ替えを行う際に活用されています。 Facebookの例 ※個人情報の観点からスクリーンショットがご用意できずすみません。 メッセージページでは左側にメッセージのやり取り相手の写真が並びます。 それらをクリックすることによってメインのやり取りが表示されていく
米Google、米Microsoft、米Netflixの3社は2月21日（現地時間）、Web標準化団体のWorld Wide Web Consortium（W3C）に対し、暗号化された動画や音楽のHTML5での再生を可能にするためのAPIの標準化を求めるドラフトプロポーザルを行った。 HTML5では、FlashやSilverlightなどのプラグインを使わずに動画や音声を再生できる（Webブラウザによる対応が前提）が、そうしたプラグインと異なり、デジタル著作権管理（DRM）の方法は定められていない。そのため、DRMで保護されたコンテンツを提供するには、Webブラウザや端末別に対応させる必要がある。これは、コンテンツ提供側にとっては大きな負担になっている。 Googleらが提案するシステムでは、APIをWebブラウザに追加することで、HTMLのmediaエレメントに変更を加えることなく、あら
12月8日にボイジャーが新しい読書システム「BinB」をリリースしたので、さっそくいくつかの作品を試し読みしてみました。以下に述べるのは、その読書体験を通して感じたことです。 今回リリースされた「BinB」はウェブブラウザ上で電子書籍の閲読ができるしくみで、世界標準フォーマットであるHTML5とEPUB３に準拠しています。これまでの専用アプリや読書端末を介して読む電子書籍とことなり、HTML5に対応しているウェブブラウザ（Safari、Firefox、Google Chrome）さえあれば、PCでもMacでも、スマートフォンでも各種のタブレットでも同じように読むことができるのが特徴です。 BinB Storeにいくと、まずこのような映像が流れます。 「ブラウザの中に本がある」「インターネットが本の入り口」という言葉どおり、「BinB」をつかうと、自分の読んでいる本をインターネットを介して他
ボイジャーはHTML5ベースのビューワ「BinB」を発表。12月8日に公開する。BinBで読める最初の作品には、黒澤明監督が小國英雄氏、菊島隆三氏とともに書き残し、成しえなかった一編の映画『虎 虎 虎』の準備稿など。 「自由な読書、自由な出版。これが本の未来だ」――20年にわたり電子出版のあるべき姿を考え続けてきたボイジャーは12月1日、新読書システム「BinB」を発表した。12月8日から公開予定の「BinB store」で利用可能となる。 BinBは、Webブラウザで本を読む（Books in Browsers）という考え方に基づいて開発されたHTML5ベースのビューワで、7月に開催された「第15回国際電子出版EXPO」ではそのプロトタイプが公開されていた。HTML5に対応したWebブラウザ（Internet Explorerは現時点で未対応）であれば、PCでもMac OSでも、iPho
「釣り針でかすぎだろ・・・」 いえいえ、田中流儀のゲーム個人制作では、でかい障壁があるんです。 結論から書きますが、それは「ロイヤリティ効果音・BGMをhtml5で利用するのが難しい」という事です。 「ロイヤリティ素材使うな」 「flash使え」 「Unity使え」と2秒で結論を出したあなたは、よく訓練された開発者かフリーランスですので、ブラウザバックを押して頂いても大丈夫です。 まぁ、たまにはライセンスの話も面白いですよ！ ・ゲーム制作の強い味方「業務用素材集」が使えない 私はゲーム制作に「Sound Ideas」や「HollywoodEdge」、「Nash music library」などの 業務用素材集を多数利用しています。 http://www.sound-ideas.com/ http://www.hollywoodedge.com/ http://www.nash.jp/fum
ウェブ実装技術が支える電子書籍「読書体験」のデザイン - HTML5・CSS3 でつくった EPUB 3.0 ファイルで実感してみよう EPUB 3.0 の仕様が5月23日に固まり、あとは正式公開を見守るだけという段階になりました。先週末まで開催されていた国際電子出版エキスポの様子からも、出版・印刷各社が本気で電子書籍・EPUB に注力しているのがうかがえます。 EPUB とはなにか・EPUB 3.0 でなにができるのかは、以前このブログにディレクタの内藤が書いた記事（１・２）などで確認していただくとして、今日は、EPUB 電子書籍の制作とウェブデザインとの関連をテーマにしてお話ししたいとおもいます。 EPUB も 3.0 から HTML5 ベース（XHTML5）となり、ウェブページの表現や設計実装に起きている大きな変化の流れに一層寄り添うことが決まりました。 今後、ウェブ制作業界は、HT
7月7日～9日に東京ビッグサイトで行われた「国際電子出版EXPO」において、Webブラウザを用いた電子書籍ビューワ「Books in Browsers」を展示したボイジャー。そのボイジャー代表取締役の萩野正昭氏が、同イベント内で行われたセミナーで本の未来研究所 代表のロバート・スタイン氏と、これからの電子書籍のあるべき姿について対談を行った。 どのデバイスを使っていても同じ体験を 電子書籍の過去を振り返り、未来を語るというテーマで行われたこのセミナーは、ボイジャーの電子書籍に対する取り組みを振り返った後、ロバート・スタイン氏が、現在進行している「ソーシャルブック」プロジェクトについて紹介した。 映像や音声などのリッチコンテンツを取り込んだページをオンライン上で展開し、コミュニティーを形成することで、本をソーシャル体験ができる場所にする――これがロバート氏が語ったソーシャルブックプロジェクト
iPad向けHTML5プレーヤーリリース＆生紹介番組 2010年09月29日 iPadで気軽にニコニコ動画を視聴できるよう、HTML5の動画プレーヤーをリリースしました。 iPadのブラウザでニコニコ動画にアクセスし動画を開くだけでご利用いただけます。 ↑再生画面を指先で触れると再生され、指で左右になぞることでシークが可能です。 ※iPad向けにデザイン変更を行っているため、機能制限があります。 なお、HTML5の関係上、対応動画形式が限られています。そのため、 2010年8月26日の低画質モード動画のフォーマット変更以前に投稿された 動画の視聴は出来ません。 また、これ以降に投稿された動画でも、一部視聴が出来ない動画があります。 プレーヤーの詳しい使い方はコチラ また、9月30日（木）20時より、ニコニコ生放送にて iPad向けHTML5プレーヤー開発者によるプレーヤー紹介番
Simple HTML5 Presentation Tool About Download Usage Petal About HTMLで手軽にスライドが作れたら楽なのにというものぐさな気分から生まれた、出来る限り綺麗なHTMLの書けるHTMLプレゼンテーションツールです。 デモ / ちょっとカッコつけたデモ How to use Downloadから、ファイルセットをダウンロード アーカイブを展開 example.htmlを参考にしながら、ぽちぽち書く CSSでお好きな見た目をつける(Effect PetalはPetalから) 推敲する 3に戻る Requirement jQuery Safari / Google Chrome / Firefox License どれならいいのかわかりませんが、GPLだと思います！ Download stable: Zip Archive develo
今日は久しぶりにKindleのお話だよ。 iBooksがビデオ/音声入りEPUBをサポート 7月20日iBooksがver 1.1.1にアップデートされました。 既に境祐司(@commonstyle)さんがポイントをまとめて記事にされているのでそちらをご覧ください。 ポイントの一つにビデオや音声を埋め込んだEPUBをサポートしたことがあります。これにはHTML5のvideoやaudioタグを使用しますが、EPUBのOPS2.0仕様ではサポート必須ではないので、Appleによる拡張という位置づけになります。現在策定が進められているEPUB2.1/3.0で取り入れられる可能性があります。 実は以前からiBooksでビデオが見られる事実は、バージョンアップ以前から一部の先進的なユーザによって発見されていたんですがバージョンアップ前と何が違うんでしょうね。 Page not found – Pig
今朝の「iPadでHTML5 Widgetを走らせて遊ぼう」に対して、「もう少しWidgetについて知りたい」との声が聞こえてきたので、「Widget入門編」を書いてみようかと思う。 Widgetとは何か？ 先のエントリーで書いたが、ひとことで言えば「パッケージ化されたウェブアプリケーションである」。通常のウェブアプリは、特定のURLにアクセスすることにより走らせるが、Widgetの場合は、.wgt のエクステンションを持つWidgetファイルをダウンロード＋インストールした上で、それを起動する。 Widgetファイルの中身は、HTML+CSS+JS+メディア・ファイルで構成されており、それをZIP圧縮して、エクステンションを.wgtに変更しただけのものである。 なぜそんなことをするかと言えば、（１）オフラインで動かしたい、（２）通常のデスクトップアプリの感覚で起動したい、（３）パッケージ
諸事情により公開を停止しました。 ご利用ありがとうございましたっ Safariを開いて「bit.ly/amenow」または「http://kanmisikou.net/lab/amenow/」へGO 下部ナビゲーションバーの「＋」をタップして「ホーム画面へ追加」をタップ ホーム画面にアプリが登録され、フルスクリーンで使用可能に。 とりあえず起動してAmebaなうのIDとパスワードを入力すると、タイムラインが表示される。 右上のPOSTボタンからつぶやき可能。絵文字パレットも使えるよ！ ユーザーアイコンをタップすると、そのユーザーのつぶやきが表示されます。 また返信をタップで、そのつぶやきに返信できます。 ちなみに私のAmebaなうは http://now.ameba.jp/molotan/ です＾＾ iPhoneに搭載されてるSafariは結構性能がよくて、HTML5も一部サポートしてたり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
