W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999

W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
Mozillaは11月5日、HTML5メディアツールキット「Mozilla Popcorn.js 1.0」を公開した。動画とさまざまなWebコンテンツを連動させられるツールキットで、HTML5のvideoタグとJavaScript、CSSなどの技術を利用している。 Popcornは、Webと動画コンテンツを組み合わせたインタラクティブなコンテンツの作成を支援するプロジェクト。Mozillaのオープンビデオの取り組み「Web Made Movies」のプロジェクトとして発足した。動画製作者やジャーナリスト、クリエイティブなコンテンツクリエイターなどを対象とする。 Popcorn.jsはHTML5のvideoタグを用いてWebページ内に埋め込まれた動画にJavaScriptからアクセスしたり、逆に動画の再生に応じてイベントを発生させることができるフレームワーク。たとえば動画の再生中、特定のシー
MediaElement.js Plugins Boost your player with Chromecast, Google Analytics and more Look good. Sound good. MediaElement.js is a blazingly fast and amazingly powerful HTML5 audio and video library that creates a unified feel for media files (MP4, MP3), streaming content (HLS, M(PEG)-DASH), and embeddable players like YouTube, Vimeo, Twitch, DailyMotion, Facebook, and SoundCloud.
Ustreamがいつの間にかFlash無しでもライブ配信が見れるようになってたんで、HTML5のVideoプレーヤーをカスタマイズしてiPad用のオレオレUstreamViewerを作ってみたよ。小ネタ。 Ustream Data APIからチャンネル情報を取得 Ustream Data APIを使うと、配信中の動画、ユーザー、チャンネルとかの情報が取得できます。例えばチャンネル情報だとこんな感じ。 http://api.ustream.tv/json/channel/チャンネル名/getInfo APIからはXML、JSON、PHP、HTMLの形式から取得できます。今回はJSONで取得します。必要なのは、「チャンネルのID」「Twitterのハッシュタグ」「チャンネルのサムネイル画像」クロスドメインな環境になるので、JSONPで取ってきます。jQueryでやるならこんな感じ。callba
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
Resumable.js: Fault Tolerant Resumable File Uploads in JavaScript - Badass JavaScript ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」。 HTML5のAPIを使ってこうしたことが実現できるようになるみたいです。 ファイルが大きくなり、回線も太くなりますがブラウザベースだと落ちちゃったらまたやり直しと回線も無駄ですし、何より時間のムダですね。 こういった機能が広まれば沢山の人の無駄を減らせそうです 動作ムービーは以下に。 何年後かには当たり前になっていてそんな時代があったの?ということになるかもしれませんね githubにてソースが公開されています 関連エントリ HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 HTML5のcan
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、 各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。 すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、 スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、 一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ? Geo
一番選ばれている電子カタログ作成サービス※ ebook5(イーブック ファイブ)は画像やPDFから簡単に電子カタログを作成します。 表示速度が速く、高度な分析やテキスト検索が可能な電子カタログを無料でお試しください ebook5の特徴 54,000件以上の導入実績 PDFや画像から電子カタログを簡単に作成できるebook5で多くのアカウントが開設されています。今後もebook5は多くの方のお役に立てる電子カタログ作成サービスであるよう、アップデートを続けて参ります。最新のお知らせはこちらからご覧いただけます。 ※2025年5月 当社国内調べ スマホで見やすい電子カタログを3分で作成できます パソコン・タブレット・スマートフォンに対応した電子カタログをあなた自身で運用できるebook5。とてもシンプルな操作方法で、高機能かつ高速表示の電子カタログがわずか3分で作成できます。専用アプリケーショ
Chrome 136が公開、新しい静的メソッドRegExp.escape()などを導入 (窓の杜) / 書籍:UXリサーチの活かし方 - ユーザーの声を意思決定につなげるためにできること (アマゾン) / キーワードカニバリゼーションとは?自サイトでのカニバり状況を調査する3つの方法 (Web担当者Forum) / ChatGPTがショッピング検索結果を大幅に改良 (海外SEO情報ブログ) / クリーンでユーザーフレンドリーなUIコンポーネントを提供する「Snappy UI」 (かちびと) / WebGPUの基礎と3DCG開発のはじめかた (Think IT) / PGlite + pgvectorで100行で実装するベクトル検索 - node/deno/drizzle (mizchi | Zenn) ... 続きを読む グーグル、サードパーティクッキーは現状維持 - プライバシー保護
IMPACTというフレームワークをご存じでしょうか? 去年10月にJavaScriptで記述されたゲームがiPhone 3GS実機で 60fpsにて動作するという内容で衝撃デビューを狙ったフレームワークです。 残念ながらprivateフレームワークを利用しているという点で iOSでの動作は見送りとなりましたが、、、HTML5でのゲームフレームワークとして $99でライセンスが販売されました。正直その時点で私は少し熱が覚めてしまったのですが、 最近ついにiOSでも動作させる方法に成功し、みごとAppleの審査を通して AppStoreで無料アプリとして公開されました。 Biolab Disaster Drop JS これらのゲームは、JavaScriptのみで記述されています。 特にBiolab Disasterは、びっくりするんじゃないでしょうか? Box2Dとも連携できるようになっている
従来はブラウザゲームと言えばFlashが主流でしたが、iPhoneやiPadの登場でプラグインを使用しない作り方が求められてきています。 その中で今一番注目を集めているのはやはりHTML5では無いでしょうか。 LimeJSの目標はユーザーがFlashで出来ているのかHTML5で作られたのかを意識しないような操作性を求めているとの事です。 実際にデモを体験してみるとわかるのですが、かなり直感的に操作できるようになっています。 動作ブラウザはHTML5が動作するものとの事で、 Chrome、Safari、Firefox、Operaで動作するようになっています。 もちろん、iPhone、iPadやAndroidでも動作します。 IEだけはまだサポートされていないようですね。 ソースコードはGithubから自由にダウンロードできるようになっていますが、 セットアップにはpythonが必要なようです
JavaScript Advent Calendar 2010も22日目!あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん?なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。 どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。 前置きはこれくらいにして、今回は次のようなカラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く