どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
こんにちは、たかとーです🧑🎤 こちらは、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
Google Code閉鎖の対応
Google Codeが1/25でサービス終了ということで、仕事でもいくつか対応があったのでやったことをメモしておきます。 今回はajaxzip3.js、html5shiv.js、css3-mediaqueries.jsの3つを対応しました。 ajaxzip3.js Githubに移行されているので、読み込み元を変更することで対応できます。 変更前 <script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js"></script> 変更後 <script src="https://ajaxzip3.github.io/ajaxzip3.js"></script> html5shiv.js 他のCDNサービスを使ってもよいのですが、今回はファイルをダウンロードしてサーバに設置する方法で対応しました。 ダウ
html5shiv - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers
html5shiv is an HTML5 JavaScript shim for IE to recognise and style the HTML5 elements
【Web制作】Google Codeが終了→html5shivでIE8のHTML5対応している人は注意！
概要 ▶ IE8のHTML5対応としてhtml5shivのファイルをGoogle Codeからロードしている方はHTMLを今すぐ変更しましょう。他のCDNもあります。本ページはプロモーションが含まれている場合があります 画像出典：Google Code Google Codeがスパムや悪質なプロジェクトのために2016年1月25日に終了するというニュースが3月にありました。 米Googleは3月12日（現地時間）、開発者向けにAPIなどを提供したり、オープンソースプロジェクトをホスティングするサービス「Google Code」を来年1月に閉鎖すると発表した。同日、新たなプロジェクトの作成はできなくなった。 「Google Code」、2016年1月25日に閉鎖へ GitHubへの移行を奨励 - ITmedia エンタープライズ その時は「開発者向けのページが閉鎖か、別に開発者ではないし…（
GDevelop - コーディングレスでゲームを作るプラットフォーム MOONGIFT
ゲームを作ってみたいという考えつつも、プログラミングが敷居になってしまっている人は多いでしょう。Webシステムを作ったりするプログラミングとはまた異なる知識が必要です。Unityでさえ、本格的に作ろうと思うとプログラミングの知識が必要になります。 今回紹介するGDevelopはプログラミングをせずにHTML5でゲームが作れるプラットフォームになります。 GDevelopの使い方 シューティングゲームの例です。 Webブラウザ上で実際に遊べます。 設定で振る舞いを修正します。 こちらはアクションゲームの例。 こちらも実際に遊べます。 基本的に画面上に物体をドロップして、振る舞いを設定していくことでゲームが作れます。もちろん凝ったゲームは難しいかも知れませんが、GDevelopを使えば多彩なジャンルのゲームが作れるでしょう。 GDevelopはC++製のオープンソース・ソフトウェア（MIT L
Flashが教えてくれたこと、HTML5で失ったもの。（仮
イントロ 上のはただの画像です。もしクリックした人がいたらすいません。 私、この業界に入った時は20歳くらいでした。 その時はソシャゲの始まりで、まだガラケーだったのでFlashLiteでゲームを量産してました。（知る人ぞ知るコ◯チとか） ３年前くらいにアプリとかHTML5に移行してきっちりしたものとかFlashっぽいものを作ってます。 さて、今回のネタですが、 FlashLiteネタとかAdobeAirネタとかありそうなんですが、思い出すの面倒なんで、 Flasherってなんだったんだろうっていう感想文を残したいと思います。 Flasherが担ってた仕事 わかりやすいように、極端めに書いてますのでご容赦ください。 Flasherが現れる前のデザイナーさんとプログラマーさん デザイナーさん ヴィジュアル担当。 カッコいいWebサイト探しが大好き。 稀にプログラムが出来る人がいるものの、小難
【Web制作】HTML5のvideoタグにはMP4形式動画だけ指定すればよい（IE8対応）＠2014年末
概要 ▶ 2014年末ではほとんどのウェブブラウザーがMP4形式の動画に対応しています。videoタグもシンプルになります。非対応のIE8はライブラリーの活用を。本ページはプロモーションが含まれている場合があります ●videoタグは複数ソースが設定できて便利HTML5のvideoタグでは以下のように書くことで複数のファイルソースを指定することができます。 <video> <source src="example.mp4"> <source src="example.webm"> <img src="example.gif"> </video> 上記の例だと、 最初に「example.mp4」の再生をトライ 「example.mp4」を再生できない場合、「example.webm」の再生のトライ 「example.webm」を再生できない場合、「example.gif」を表示となります。
アドビがFlashの名を捨ててでも守りたかったもの
みなさん、こんばんは。ASCII（週刊アスキー＋ASCII.jp）の吉田ヒロでございます。本日は、先ほどアップデートがかかったアドビ システムズのウェブ系開発ツールをご紹介したいと思います。アドビのウェブ開発ツールとしては、コードを書かずにサイトデザインが可能な「Muse CC」、コード編集を伴う高度なウェブサイト構築が可能な「Dreamweaver CC」、ウェブ用のインタラクティブコンテンツの制作が可能な「Animate CC」の3つがあります。 今回、アップデートされるのは、Muse CCとAnimate CCの2製品。多くのみなさんが聞き慣れないかと思いますが、Animate CCというのは元Flash Professionalのことです。ASCII読者なら、一時は一世を風靡したFlashの現状をご存じかと思いますが、いちおう変遷を説明しておきます。 2000年代中盤まで、Flas
html5-screensaver-node-webkit – node-webkitを使ったHTML5製スクリーンセーバー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5の表現力はこれまでのHTML4に比べて格段にあがっています。CSS3を使ったアニメーション、WebGLやCanvas、SVG、JavaScriptによる表示制御など様々な要素があります。 そんな多彩な表現力はブラウザ上だけのものではありません。デスクトップでスクリーンセーバーとして活用してしまおうというのがhtml5-screensaver-node-webkitです。 html5-screensaver-node-webkitの使い方 html5-screensaver-node-webkitはその名の通り、node-webkitを使ってHTML5で作られた作品をスクリーンセーバーにしています。Windows向けには実行ファイル形式で配布されています。他のOSでも使うの
HTML5製アプリParticle Developの開発の裏側〜ElectronとAngular 2で開発効率が劇的に向上―CreateJS勉強会発表資料（後編） - ICS MEDIA
HTML5製アプリParticle Developの開発の裏側〜ElectronとAngular 2で開発効率が劇的に向上―CreateJS勉強会発表資料（後編） 本記事は2016年1月26日（金）に開催されたCreateJS勉強会 （第7回） の発表資料「CreateJSで開発するクロスプラットフォームなアプリ開発〜ElectronとPhoneGapで広がる可能性〜」の後編となります。前編記事「高まるHTML5製アプリの需要」に続けて本記事ではHTML5製デザインツール「Particle Develop」の開発事例を紹介します。 HTML5製デザインツール「Particle Develop」とは 今回、Particle Developという美しいパーティクルを作れるHTML5製のデザインツールを作成しました。雪や炎、キラキラなどのパーティクル表現を作成でき、ベクターグラフィックスとなって
HTMl5 CanvasでColor Cycling - Nothing ventured, nothing gained.
また、魅力的なHTML5デモが公開された。 その昔、Color Cyclingという技術があった。PCのビデオカードが256色しか同時に利用出来ないときに、その256色を動的に素早く切り替えることで多くの色を使えるようにする技術で90年代初頭まで多く使われていた。 参照: Wikipedia/Color Cycling（英語） 現在では32ビットのTrue Colorのビデオカードや3D環境が一般的になったためほとんど使われることは無い。しかし、モバイルやWebなどのように利用出来る色が制限された2D環境で、この技術が復活するかもしれないと考えて開発された魅力的なデモが公開された。これが本当にクールだ。 Color Cycle: True 8-bit Color Cycling with HTML5 デモでは上にある""をクリックするか下向きの矢印アイコンをクリックすることでほかのデモに切
Old School Color Cycling with HTML5 | EffectGames.com
Anyone remember Color cycling from the 90s? This was a technology often used in 8-bit video games of the era, to achieve interesting visual effects by cycling (shifting) the color palette. Back then video cards could only render 256 colors at a time, so a palette of selected colors was used. But the programmer could change this palette at will, and all the onscreen colors would instantly change to
RPGツクールMVのメモリ事情 - Qiita
Pixi.jsの二つのモード Pixi.jsはWebGL、Canvasの二つのモードで動きます。 そのどちらが使われるか、によって、メモリ事情が異なってきます。 Canvasモードの場合、メモリマネジメントの結構な部分をブラウザが行ってくれますが、WebGLモードの場合は、ほとんどこちら（JavaScript）まかせです。 どちらのモードを使うかは、環境によって決定されていて、 モバイルの場合ー＞強制的にCanvasモード それ以外の場合ー＞可能ならばWebGLモード となっています。 現状のRPGツクールMVのエンジンには、メモリ管理にまつわる問題を二つ抱えています。 メモリブロート（メモリをため込む）問題 Canvasモード：影響度はブラウザ依存 WebGLモード：深刻 ImageManagerには、一度読み込んだ画像は使いまわす、キャッシュの仕組みがあるのですが、それを空にするメソッ
HTML5 Canvas のarcTo関数の実装が未だにorz - 風と宇宙とプログラム
２年近く前にCanvas APIの実装状況を網羅的に調査したことがありますが、ブラウザごとに実装がいろいろ異なっていていました。その中で一番目立ったのがarcTo関数の実装の違いです。改めて調べてみました。 ブラウザのバージョンは以下です。 Chrome Safari Opera Firefox 4.0.249.43 4.0.4(531.21.10) 10.10 3.5.7 IEはExplorerCanvas r3を見てみましたがarcToは実装されていませんでした。 テストケース 今回、新たに簡単なテストケースを作りました。左図のような絵を描画するものです。arcToだけを使って描画しています。ちょっとキモイ絵になってしまいした。 Chromeではこうなります まあまあですが、描かれるべき線と左目の点がありません。 左目の点がないのは、arcToの問題もありますが、さらに長さゼロの線に対
HTML5 CanvasのarcToをarcで実装してみた - 風と宇宙とプログラム
はじめに 前回のエントリ「HTML5 Canvas のarcTo関数の実装が未だにorz」で書いたCanvasのarcToですが、これをarcで実装してみました。CanvasのarcTo関数は左図のように３点A, B, Cが与えられたとき、その２本の半直線に接する半径Ｒの円弧を描画するものです。 結果のJavaScriptプログラムは非常にシンプルになりましたが、そこに到るステップはちょっと面倒でした。今回のエントリーは高校の数学の復習的な内容になっています。昔を思い出して紙と鉛筆だけの手計算をしました。 ２本の直線に接する円を求める arcToを実装するポイントは下記の問題を解くことです。 平行ではない２本の直線に接する半径Rの円の中心と２つの接点の座標を求めよ。 ２本の直線に接する円は左図のように４つ存在します。ここでは途中の計算を簡単にするため、２の直線は原点を通り傾きが無限大でない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Shiv Google CDN Link Not Working
GDevelop: Free, Fast, Easy Game Engine - No-code, AI-assisted, Lightweight, Super Powerful | GDevelop
GitHub - sinky/html5-screensaver-node-webkit: Screensaver made with HTML5, CSS, Javascript and NodeJS driven by node-webkit
Canvas Cycle: True 8-bit Color Cycling with HTML5