どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは
Electron（旧Atom-Shell）とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScript、HTML5の進化によって、多機能なWebアプリケーションが増えてきました。それに伴い、モバイルでは、WebViewやApache Cordovaなどを使ったハイブリッドアプリも注目されています。Electronはその流れの中から生まれた新しい実行環境です。 ElectronはChromiumブラウザを内蔵しているのが一番の特徴です。Chromiumブラウザは、Google製のChromeブラウザのオープンソース版にあたります。ウェブ開発者がChrom
HTMLとJavaScript、CSSだけで作ろう！Firefox OSアプリ
HTMLとJavaScript、CSSだけで作ろう！Firefox OSアプリ 清水智公（Mozilla） こんにちは、清水です。先日のHTML5 ConferenceでFirefox OS上で動作するアプリの開発と、Firefox Marketplaceの公開に関する講演をさせていただきました。今回はその講演内容のうち、アプリ作成に関する部分を重点的に説明します。 すべてWeb技術で Firefox OSの特徴は、ユーザの目にする部分は全てHTML5で実装されている点にあります。音楽アプリ、カメラ、ギャラリーといったプリインストールされているものはもちろん、ダイヤラーや、SMS、スマホのロックスクリーンや、ホーム画面といったシステムよりのアプリもすべてHTMLとJavaScript、CSSだけで実装されています。 Firefoxをインストールして、開発スタート Firefox OSのアプ
理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第１回目です。 はじめに Frontrend Conferenceでは、皆さんが新しい技術について話していた中、私からはCSS2.1のお話をさせていただきました。私が解説したのは、CSSを書く上で欠かせない、以下の4つについてです。 font-size line-height vertical-align inline-block トレンドとはほど遠い内容ではありますが、多くの人にとって、なんとなく感覚
昨今のCSS設計事情からみるCSS設計のあり方とは
本記事は2015年1月に開催されたHTML5 Conferenceでお話させていただいた、 「Beyond CSS Architecture」というCSS設計のセッションをフォローアップする記事です。 本記事では、このセッションの概要と補足、またセッション中に説明できなかった点などについて書いていきます。 ※当日のセッションの動画・スライドも公開されているので、文末からご覧ください。 CSSの難しさと、昨今のCSS設計事情 この近年、CSSにおける設計論というのが話題に出てくるようになりました。筆者も拙著『Web制作者のためのCSS設計の教科書』を書いたり、各地でCSS設計をテーマとした講演をする機会が多くありました。 CSSの難しさというのは、石本氏によるCSSコードの評価についての記事にも書かれているのですが、CSSは良くも悪くも厳格なコード規約は少なく、ただ宣言的に書けばいいだけです
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015 佐川 夫美雄（Ashiras, inc.） この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート（第2回目）です。 はじめに HTML5ハイブリッドアプリケーションとは、内部の実装にHTML5が利用されているモバイルアプリケーションです。アプリの内部実装にHTML5を使うことでクロスプラットフォーム対応が可能になりますが、その代わり問題となるのがUIとパフォーマンスです。このセッションでは、Angularの上に構築されたUIフレームワークであるOnsen UIを紹介しながら、Angularでどうすれば高速かつ快適なUIを持つモバイルアプリを作れるかについて話します。 AngularとOnsen UIで作る最高のHTML5ハイブリッドアプ
あなたにWebSocketは必要ないかも | POSTD
(訳注：2015/8/4、いただいた翻訳フィードバックを元に記事を修正いたしました。) 本題に入る前に強調しておきます。WebSocketは優れた通信プロトコルです。実際私はこの RFC6455 を、 Fanout のサービスで使っている( Zurl や Pushpin といったパーツで採用しています。Fanoutではまた、 Primus （異なるリアルタイムフレームワーク間での通信を可能とするラッパー）を利用し、 XMPP-FTWインターフェース を介したWebSocket通信をサポートしています。 しかしながら私はこれまで、多くの広く普及しているアプリケーションにかなりの時間を費やし、おかげでRESTやメッセージングパターンについては多少なりとも理解が深まってきた今、実はWebSocketを実装した典型的なWebアプリケーション（もしくはWebSocketライクな抽象化レイヤ）の大部分
HTML5は一度墜落・炎上したが、今再び飛び立とうとしている | readwrite.jp
2010年4月にスティーブ・ジョブズは「Flashに対する考え」と題した公開状を発表した。その中で彼は「モバイルの時代にはHTML5のような次世代のオープンスタンダード技術が勝利する」と明言している。フェイスブックもその後「プロジェクト・スパルタン」と呼ばれる構想を発表し、フェイスブックアプリをすべてHTML5で作ると公表してジョブズの考えに追随した。 HTML5とは皆が渇望した聖杯であった。一度コーディングするだけであらゆる場所での動作を保証してくれる、次世代の偉大な統一的技術だったのである。 HTML5に対する過剰な期待こうして盛大なスタートを切ったHTML5は、W3C（ワールドワイド・ウェブ・コンソーシアム、ウェブの標準策定を行っている国際的な団体）によってその仕様が公表され、ほとんど全てのブラウザに採用されることとなった。 2011年から2012年の間には多くのベンチャー企業が出版
HTML5が盛り上がった本当の理由 － ＠IT
2012/09/11 9月8日、HTML5コミュニティ「html5j.org」が主催するイベント「HTML5 Conference 2012」が慶應義塾大学日吉キャンパスで開催された。コミュニティとしては初めての1000人規模のイベントであったが、応募開始からわずか2日間で席が埋まってしまうほどの盛り上がりをみせた。全22のセッションのうち、パネルディスカッション「Web最先端、エキスパートたちの視点から」では、グーグルの及川卓也氏、Futomiの羽田野太巳氏、シーエー・モバイルの白石俊平氏、NTTコミュニケーションズの小松健作氏が登壇。「たくさんの優れた技術がある中で、なぜHTML5が今、こんなにも盛り上がりを見せているのか」という議論が行われた。 羽田野氏は、「冷めた言い方かもしれないが、HTML5が盛り上がったのは、Appleショックがあったからである」と話した。「仮に、iPhone
HTML5 の学習: HTML5 トレーニング: ジャンプ スタート トレーニング - Microsoft Virtual Academy
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Welcome to Microsoft Learn Discover your path Whether you're just starting or an experienced professional, our hands-on approach helps you arrive at your goals faster, with more confidence and at your own pace. Master core concepts at your speed and on y
エンタープライズでも広がる、フルOSSでHTML5-RIAなWeb開発 - ふろしき Blog
本稿は、2013年11月16日開催、オープンソースカンファレンス2013 福岡の講演資料の説明です。以下のスライドを使って説明したものを、補足しながら文章ベースに書き起こしました。 HTML5で脅かされたRIA HTML5の登場で、Webブラウザは単なるドキュメント表示のツールから、アプリケーションプラットフォームへと姿を変えました。もちろんそれ以前から様々な技術は出現していましたが、HTML5のインパクトは大きく、Webブラウザそのもののあり方を変えてしまいました。 2010年以降、色々な事件がありました。特にAppleショックが大きかったと思います。これから伸びる市場でFlashは隅に追いやられ、気がつけばSilverLightもサポート期間を5年から10年に変更し、先が伸びるイメージがありません。 こうした中、プラグインでのRIA開発は、「今後やってはいけない」という印象を業界全体に
「SPAを構築するときに知っておいた方がいい7つの課題」は課題ではない - albatrosary's blog
2014-01-15 「SPAを構築するときに知っておいた方がいい7つの課題」は課題ではない 「SPAを構築するときに知っておいた方がいい7つの課題」という記事がブログエントリーされていました。しかし、課題の一つ一つは、先人がノウハウとして蓄積されており課題というよりも「知っておくべき事柄」です。 ７つの課題として上げられている事項は パフォーマンス メモリリーク セキュリティ フレームワークロックイン 画面設計からUIコンポーネント設計への思想転換 フロントエンジニア不足 番外編 です。いづれもSPA構築の際考慮すべき事柄ですが解決する道筋は既にできています。 パフォーマンス Sencha Touchの開発チームがHTML5で高速に動作するfacebookを開発したことで問題は明確になっています。 Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサク
【デブサミ2014】13-D-2 レポート 待ったなし！ HTML5がSIer・エンタープライズ開発者にこそ必要な理由
HTML5が創り出す新たな世界を資格から支援 最初に登壇した成井 弦氏が理事長を務めるLPI-Japan（LPIの本部は在カナダ）は、ITプロフェッショナルの技術力や知識を認定する資格制度の運営を通じて、日本におけるITエンジニアの育成、さらにはOSS、Linux、Webビジネスの促進に寄与する活動を展開するNPO法人である。同団体では2014年1月より、「HTML5プロフェッショナル認定試験」をスタート。現在受験できるのはレベル1で、レベル2は2014年の9月頃に開始予定となっている。 レベル1：マルチデバイスに対応した静的コンテンツをHTML5を使ってデザイン・作成できる レベル2：システム関連連携や最新のマルチメディア技術に対応したWebアプリケーションや動的Webコンテンツの開発・設計ができる 成井氏は、長くシリコングラフィックス社（以下、SGI）に在籍していたという。SGIのハー
地図サービスの王Googleマップをじわじわと追いかけるOpenStreetMap
1998年に検索エンジンとしてサービスをスタートさせ、大企業に成長したGoogleの所有するサービスの中で最も強力なものと言っても過言ではないのがGoogleマップです。Googleマップが地図検索サービスとして有能で便利であるのは疑いのない事実ですが、他の地図検索サービスの中で昨今注目を集めているものに「OpenStreetMap(オープンストリートマップ)」というサービスがあり、創設者であるスティーブ・コースト氏がThe Next Webのインタビューで、オープンストリートマップの長所や短所、今後の展望などについて語っています。 OpenStreetMap http://www.openstreetmap.org/ The rise of OpenStreetMap: A quest to conquer Google’s mapping empire - The Next Web h
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
I am mitsuruog | SPAを構築するときに知っておいた方がいい7つの課題
ブラウザでの Javascript の高速化と Backbone や Angular のような JavascriptMVC フレームワークの登場により、以前より SPA（Single page application）が構築しやすくなりました。 さらに、Yeoman に代表される SPA を作成するするための scaffold（土台）が整備されてきましたので、結構さくっと SPA が作れるようになったのも事実です。 さくっと作った SPA がさくさく動かない・・・作ったけど使えない・・・なんてことにならないように、SPA を構築する前に知っておいた方がいい課題について調べてたり考えてみました。 目次 1. パフォーマンス 2. メモリリーク 3. セキュリティ 4. フレームワークロックイン 5. 画面設計から UI コンポーネント設計への思想転換 6. フロントエンジニア不足 7. 番外
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
はやわかりHTML5ハイブリッドアプリ開発事情
Web Component概要
