swf2js SWF/FlashをHTML5に変換、JavaScript製FlashPlayerエミュレーター
2020年のAdobe Flash Playerサポート終了に伴い、全てのFlashコンテンツは2つの選択を迫られました。 選択肢1「サービスの終了」/選択肢2「作り直す」 swf2jsはFlashコンテンツをそのままHTML5化するという3つめの選択肢を選びました。 Adobe Animate(Flash)はとても優れたオーサリングツールで、SWFファイルを通じた描画はとても軽量で美しい表現が可能です。 これらの資産と技術はこれからのWeb業界でもまだまだ活躍できる技術です。 swf2jsはSWFをリアルタイムで分解しHTMLの技術を用いてエミュレートするライブラリです。 ブラウザの標準技術を採用する事でAdobe Flash Playerが抱えていた脆弱性の問題も大きく改善されています。 そして、各ブラウザの進化と共に快適な環境を一緒に構築していくことができます。 実装言語はJavaS
Webの過去から現在・未来まで！エバンジェリストたちが語る、最先端Web技術の世界
連載： Webの未来を語ろう 2018 (1)HTML5 Experts.jp 副編集長兼エキスパートの吉川です。昨年好評だった「Webの未来を語ろう」企画を2018年もやります！ 今回はパネルディスカッション形式で、HTML5 Experts.jp 編集長の白石が、ブラウザベンダーのGoogleのデベロッパーアドボケイトのえーじさん、 Microsoftのエバンジェリスト物江さんをお迎えして、興味深いお話を多数お聞きしました。 会場も交えたトークは、今後のWeb業界の動向を追いかける上で、重要な内容となっているので、ぜひ読んでみてください！ 2017年のWebで印象に残ったことは？ 白石: まずは簡単な自己紹介と、2017年のWebで印象に残ったことを教えてください。 えーじ: えーじです。Googleでデベロッパーアドボケイトをしています。もともとは、Google Chromeのアドボ
中国HTML5ゲームはなぜ巨大市場になったのか -微信小游戏前夜と微信小游戏後-｜Gaoqiao（ガオチャオ）
大家好。Gaoqiao（ガオチャオ）です。 中国では春節の休みが終わったばかりですが、まだまだ正月ムード。なんならクリスマスの飾りもまだ残ったままです。 私はというと春節はずっと中国で過ごしていたものの、遠隔で仕事をしつつ日本で某メーカーと協業で作っていたHTML5ゲームのプラットフォームが先週ローンチして一息ついています。 私の会社では2015年に日本のYahoo!かんたんゲームプラスという広告マネタイズ主体のゲームプラットフォームにHTML5ゲームをリリースして以来、継続的にHTML5ゲームの開発に取り組んでいます。 HTML5ゲームとはどういうものかというと、例えば下記のようなWebブラウザで起動してプレイできるゲームのことです。 ひっぱりマッピー大作戦 - Yahoo!ゲーム http://yahoo-jp.portal.connectedgamestore.com/game?ga
Flashが教えてくれたこと、HTML5で失ったもの。（仮
イントロ 上のはただの画像です。もしクリックした人がいたらすいません。 私、この業界に入った時は20歳くらいでした。 その時はソシャゲの始まりで、まだガラケーだったのでFlashLiteでゲームを量産してました。（知る人ぞ知るコ◯チとか） ３年前くらいにアプリとかHTML5に移行してきっちりしたものとかFlashっぽいものを作ってます。 さて、今回のネタですが、 FlashLiteネタとかAdobeAirネタとかありそうなんですが、思い出すの面倒なんで、 Flasherってなんだったんだろうっていう感想文を残したいと思います。 Flasherが担ってた仕事 わかりやすいように、極端めに書いてますのでご容赦ください。 Flasherが現れる前のデザイナーさんとプログラマーさん デザイナーさん ヴィジュアル担当。 カッコいいWebサイト探しが大好き。 稀にプログラムが出来る人がいるものの、小難
［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015
［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015 マイクロソフトが米サンフランシスコで開催中のイベント「Build 2015」。2日目の基調講演では、iOSやAndroid、Windows 10などクロスプラットフォーム対応のアプリケーションを一括で生成するツール「ManifoldJS」を発表しました。 マイクロソフト チーフエヴァンジェリストのスティーブ・グッゲンハイマー氏。「Windows対応だけではなく、クロスプラットフォーム対応のアプリケーションをどう作ればいいのかとよく聞かれる。2年前、われわれはゲーム向けにUnityを発表し、昨年はiOSとAndroid対応でXamarinの採用を発表した。今年はWebアプリケーションにフォーカスしよう」
GitHub - moklick/frontend-stuff: 📝 A continuously expanded list of frameworks, libraries and tools I used/want to use for building things on the web. Mostly JavaScript.
Frontend stuff A continuously expanded list of frameworks, libraries and tools I used/want to use for building things on the web. Mostly Javascript stuff. Table of Contents CSS/UI Frameworks Frontend Frameworks/UI Component Libraries Allrounder (jQuery like) Charts Maps Tables & Spreadsheets Selects Loaders UI Elements Content Slider/Carousels Typography/Text Video Audio Canvas and SVG 3D/WebGL Fr
解決してしまったTap delay問題 #html5j
それぞれの対応方法 Chrome、Firefox meta[name="viewport"][content="width=device-width"] IE touch-action: none iOS8 touch time(150ms)
“マークアップ”するということ ～ HTML5勧告に寄せて ～
HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化 著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素 スタイリングとの兼ね合い マークアップするということ HTML5での変化 コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は
Unity WebGL x WebSocket で複数クライアント間の大量のオブジェクトを簡単に同期できる仕組みを作ってみた - 凹みTips
はじめに まだ実験中なのですが、Unity WebGL x WebSocket で大量のクライアント間で大量のオブジェクトを同期できる仕組みを作っています。UNET や Photon によって近いうちに対応されると思うのですが、現状では使えないのと、制限なく扱えたりチューニング次第で速く出来る可能性があるので作ってみようと思いました。 昨日、技術デモを公開しまして、最大で同時に 30 〜 40 人ほどの方に同時に遊んでもらいました。皆様ありがとうございました！200 オブジェクトくらいならフレーム落ちすること無くサクサク動いたと思うので、現状の仕組みや知見などを備忘録も兼ねて共有できればと思います。 開発環境 Mac OS X 10.10.1 Unity 5.0.0b18 デモ いつ止めるかは未定ですが、以下から遊ぶことが出来ます。 hecom.in - このウェブサイトは販売用です！ -
HTML5 is a W3C Recommendation
The HTML Working Group today published HTML5 as W3C Recommendation. This specification defines the fifth major revision of the Hypertext Markup Language (HTML), the format used to build Web pages and applications, and the cornerstone of the Open Web Platform. "Today we think nothing of watching video and audio natively in the browser, and nothing of running a browser on a phone," said Tim Berners-
Gruntでがんばるぞい系フレームワーク「Rin 2.0」作った - MEMOGRAPHIX
※おしらせ: Rin 3.0 を作りましたRin 2.0 をアップデートした「Rin 3.0」を作りました。詳しくは下記の記事で。 http://memo.sanographix.net/post/111271001195〜〜〜お知らせ終わり〜〜〜 Rin 2.0 というのを作った。 Rin - A Lean, Basic HTML5 and SASS Template by sanographixこれは何かぼくが普段Webサイト制作に使っているフレームワークというかテンプレートです。 何が入ってるかHTML5 Boilerplate ライクなHTML5テンプレートと、Sass/Compassのスタイルシート一式、Gruntベースの開発環境の3つがセットになっています。 この手のフレームワークは既に山ほどあって、CSSだけならTwitter Bootstrapとか、ほかにも個人でフレームワ
Code Guide
Golden rule Enforce these, or your own, agreed upon guidelines at all times. Small or large, call out what’s incorrect. For additions or contributions to this Code Guide, please open an issue on GitHub. Every line of code should appear to be written by a single person, no matter the number of contributors. HTML Syntax Don’t capitalize tags, including the doctype. Use soft tabs with two spaces—they
Panda JS 2021 - Panda JS
About the conference For all of you who have connected your life with computer game development or are about to start a career in the industry, we are glad to announce that soon you will have the opportunity to attend the only big game-development conference in the region: PANDA JS 2021 ! Student If you’re just starting out in the world of gamemaking, this is the place for you. Come, make new acqu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - rishabhp/bideo.js: Fullscreen HTML5 Background Video for the Web.
ウェブパフォーマンスの基礎とこれから
GitHub - paypal/accessible-html5-video-player: Accessible HTML5 Video Player
Chart.js
はやわかりHTML5ハイブリッドアプリ開発事情
DevDocs
Webアプリ開発者のためのHTML5セキュリティ入門
