Web ページの背景を動く星空にした話 (with react-three-fiber)

2022/08/15 144 users web.archive.org ウェブページ 星空 手打ち

モチベーション ウェブページの背景に星空を見せたかった。それがちゃんと実際の星空の、リアルタイムの状況を反映していたら面白いよねと思った。 スタート時の状況 主に愛情のこもった手打ち HTML5 と 手打ち CSS でシンプルな Web ページを作っていた https://web.archive.org/web/20210212085818/celestian.io この... 続きを読む

【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita

2022/04/01 168 users Qiita マリオ ファミコン コイン ブラウザ

const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator = audioContext.createOscillator() oscillator.connect(gainN... 続きを読む

どうしてHTML5が廃止されたのか | フューチャー技術ブログ

2021/06/21 1773 users フューチャー技術ブログ 肩書き プログラミング 文字列 話題

HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、... 続きを読む

10 年前に JavaScript で Flash Player を開発し買収された話

2020/12/24 594 users Flash Player JavaScript 買収 実装

この記事は、JavaScript で Flash Player の実現を頑張った（もしくは現在進行系で頑張っている）人たちの集う Flash Advent Calendar 2020 に参加しております。 私は過去に自分が設立した会社で ExGame という HTML5 実装の Flash Player（正確には Flash Runtime Engine）を開発し、その会社ごと DeNA に買収（M&A）... 続きを読む

知っておくと便利なHTML5の機能、要素や属性のまとめ | コリス

2020/10/06 235 users コリス ライセンス 属性 翻訳記事 下記

今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要... 続きを読む

あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita

2020/09/22 316 users たか Qiita リリース 最初 許可

こんにちは、たかとーです?‍? こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用して... 続きを読む

CSSで見出し固定＋レスポンシブ対応の表を作成 | Webクリエイターボックス

2019/10/16 345 users CSS Webクリエイターボックス 作成 レスポンシブ対応

2019年10月17日 CSS, HTML5, Webサイト制作 料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。 見出しの行を固定する 表の中の行が増えてくると、スクロ... 続きを読む

HTML5のLocal Storageを使ってはいけない（翻訳）

2019/10/09 853 users Local Storage 翻訳 local 許諾 原著者

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 HTML5のLocal Storageを使ってはいけない（翻訳） 本気で申し上げます。local s... 続きを読む

【重要】サービス終了のお知らせ - jsdo.it - share JavaScript, HTML5, CSS - developers blog

2019/07/25 127 users CSS jsdo.it 皆さま サービス 利用状況

いつもjsdo.itをご利用いただきまして誠にありがとうございます。 ご利用いただいている皆さまに大切なお知らせがございます。 2010年より運営してまいりましたjsdo.itですが、サービスの利用状況を鑑みて、2019年10月31日（木）15:00 をもちまして、サービスを終了させていただくこととなりました。 サービス終了に伴い... 続きを読む

HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に － Publickey

2019/05/28 265 users Publickey WHATWG 両者 策定 HTML

HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に W3CとWHATWGは、HTML標準仕様の策定について合意したことを発表しました。 いわゆるHTML5と呼ばれるHTMLの最新仕様には、WHATWGが公開しているものとW3Cが公開しているものが併存しており、しかも両者には... 続きを読む

進化が止まったIE、Web開発の足かせに | 日経 xTECH（クロステック）

2019/01/14 119 users 勧告 xTech 足かせ Webブラウザー 開発基盤

Webブラウザー「Internet Explorer（IE）」の進化が止まり、Webフロントエンド開発の足かせになっている。開発基盤であるWebブラウザーの最新事情に迫る。 HTML5が国際標準化団体W3Cで勧告されたのは2014年10月のことだ。勧告は標準化を意味する。4年が過ぎ、Webフロントエンドの開発事情は大きく変わってきた。 特に変... 続きを読む

CSSすら不要！detailsとsummaryタグで作る簡単アコーディオン | Webクリエイターボックス

2018/11/14 207 users details アコーディオン CSS 補足説明 長い文章

2018年11月14日 CSS, HTML5 長い文章や補足説明をアコーディオン（折りたたみ）にしたい時ってありますよね。そんな時に使える details と summary タグを紹介します。CSSなしでも実装できますが、CSSを加えてより素敵な表現をする方法も挑戦しましょう！ detailsとsummaryタグの基本的な使い方 details タグで囲んだ部... 続きを読む

VMよりコンテナよりもさらに軽量な分離技術、V8のIsolateを用いてサーバレスコンピューティングを提供するCloudflare Workers － Publickey

2018/11/11 258 users Publickey サーバレスコンピューティング CDN

CDNプロバイダのCloudflareは、いわゆるサーバレスコンピューティングサービスの一種としてCDNのエッジにおいてJavaScriptのコードを配置し実行できる「Cloudflare Workers」を提供しています。 Cloudflare Workersは、HTML5の機能であるService Workerの実行環境をクラウド上で提供するというものです。 Service Worker... 続きを読む

運用期間20年　DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで - ログミーTech

2018/10/23 246 users ログミーTech Vue.js ServiceWorker

運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで 長期運用サービス改善のために構築した開発環境の話 2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツ... 続きを読む

「艦これ」Flash→HTML5に　大規模メンテスタート - ITmedia NEWS

2018/08/15 181 users Flash ITmedia News 艦これ

「艦隊これくしょん-艦これ-」が54時間にわたる大規模メンテナンスに入った。FlashベースからHTML5ベースに移行することが目的。 DMM GAMESが運営する人気ブラウザゲーム「艦隊これくしょん-艦これ-」が8月15日、54時間にわたる大規模メンテナンスに入った。FlashベースからHTML5ベースに移行することが主な目的だ。15日... 続きを読む

PWAが来るって言っているエンジニアは今すぐ辞めろ

2018/03/21 302 users Pwa Instagram エバンジェリスト クー ネイティブ

PWAとかいうhtml5のリブランドが技術者界隈で騒いでるが、こんなの受け入れられないだろ。 PWAの実物見た？触った？？ instagramのPWAが最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、 オワコンであった。 ネイティブと見分けつかないんだったら本当にエンジニア辞めたほうがいいよ。 まず、タイムライン上で複... 続きを読む

誰でもWeb上でリアルに動くHTML5アニメーションを製作できる「Animatron Studio」を使ってみた！ - paiza開発日誌

2018/02/01 412 users 0310lan paiza開発日誌 アニメーション 開発ネタ

2018 - 02 - 01 誰でもWeb上でリアルに動くHTML5アニメーションを製作できる「Animatron Studio」を使ってみた！ Webサービス紹介 開発ネタ どうも、まさとらん（ @0310lan ）です！ 今回は、ブラウザ上から誰でも簡単に HTML5 で作られたアニメーションを製作できる Webサービス をご紹介します！ Webサイトやサービスに組み込んで動きのあるコンテンツ... 続きを読む

最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート | コリス

2018/01/18 309 users コリス テンプレー テンプレート 最小限 ベース

HTML5でWebページを作成する時のベースになる必要最小限の構成で記述されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 イラスト: Girls Design Materials HTML5 Boilerplate -GitHub HTML5のテンプレート HTML5のテンプレートの解説 HTML5のテンプレート HTML5 Boilerplateのテンプレー... 続きを読む

Flash Playerが終了するまでに見ておきたい！ 今も試せる歴史的Flashサイトまとめ - ICS MEDIA

2017/07/27 316 users Flash Player ブラウザプラグイン アドビ 移行

多くのサイトは脱Flashの流れのなかにあり、従来Flashで作られていた表現の多くはHTML5へ移行が進んでいます。使われている技術は変われど、アニメーションを心地よく見せる技やユーザーを楽しませる要素は普遍的なもの。かつて話題になったFlashサイトから得られるものは多いはずです。 昨日7月26日(水)、ブラウザプラグインのFlash Playerが2020年末に終了すると、アドビが発表しまし... 続きを読む

CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール | コリス

2017/05/30 448 users Facebook OGP コリス Mic CSS

CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmic ...記事の続きを読む 続きを読む

CircleCI x SchemaSpyでER図を新しくし続ける - hatappiのブログ

2017/03/29 165 users Cacoo CircleCI hatappi Excel 手段

こんにちは @hatappi です 今回はCircleCIネタです 以前CircleCIを使って下記のようなものを作っていました qiita.com 何かとCircleCIにはお世話になってます 業務などでER図やテーブル定義書などを書く機会あると思います Excel ? Google Sheets? MySQL Workbench? Cacoo?( html5 化待ち遠しい) 色んな手段がありま... 続きを読む

目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | ヌーラボ

2017/02/27 282 users SVG Cacoo ヌーラボ 描画 図形

こんにちは！ Cacoo チームの中原です。現在CacooチームはFlashで作られている図の編集画面(以下エディタと表現します)を* HTML5 で置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される、SVGを選択した理由と経緯について説明したいと思います。 （*置き換える理由については「 Good-Bye Flash ~ CacooはHTML5で... 続きを読む

Flashが教えてくれたこと、HTML5で失ったもの。（仮 - Qiita

2016/12/09 285 users FlashLite Qiita Adob イントロ Flash

イントロ 上のはただの画像です。もしクリックした人がいたらすいません。 私、この業界に入った時は20歳くらいでした。 その時はソシャゲの始まりで、まだガラケーだったのでFlashLiteでゲームを量産してました。（知る人ぞ知るコ◯チとか） ３年前くらいにアプリとかHTML5に移行してきっちりしたものとかFlashっぽいものを作ってます。 さて、今回のネタですが、 FlashLiteネタとかAdob... 続きを読む

サーバーだけに頼る時代は終わった!? クライアントサイドでしっかり Validation する方法 | phiary

2016/06/02 385 users クライアントサイド Validation phiary 未だ

未だに form の validation って, とりあえずなんでも受け付けてサーバー側で してエラー返ってきたらヘッダーなりダイアログなりでエラーメッセージを表示するなんてのをよく見ます. 某大手サイトなんかはエラーがあるとリロードしちゃったりするし... 実はこの辺って HTML5 からクライアントサイドでもある程度できるように整備されています. なので ライブラリを使わなくてもある程度サー... 続きを読む

独学でWebデザインの知識が身につく！デザイナー初心者が絶対に抑えておきたいサイト・記事14選

2016/05/13 463 users 独学 jQuery タイポグラフィ webデザイン 知識

HTML、CSS、JQuery、WordPress、タイポグラフィ、配色、コピーライティングなどなど、Webデザイナーに求められるスキルは多岐に渡ります。 より多くのスキルを使いこなせるほど、Webデザイナーとして活躍できる場面は増えていくでしょう。 本記事では、これらのスキルを身につける必要性を解説した上で、独学でも学べるサイトや記事を紹介します。 HTML5、CSS3を学習できるサイト・記事 ... 続きを読む