執筆した井上誠一郎氏ら共著者に敬服。お疲れさまでした。 パーフェクトJavaScript (PERFECT SERIES 4) 言語仕様のpart2(2〜7章)まで読みました。その後はパラパラっと流し読み。まずは言語仕様までの内容について雑感を述べます。 JSには既にサイ本と呼ばれるバイブルが存在しますが、サイ本は「仕様を淡々と解説している本」といった印象を持っています。対してパーフェクトJavaScriptは「仕様における用語を整理し、分かりやすくまとめて解説している本」といった印象でした。そして表紙がダサいです。ガラケーがのってます。サイ本に対してガラケー本といったところでしょうか。・・・って不名誉な名称だからやめとこうと思いましたが、パーフェクトJavaScriptと長いのでやっぱり使います。 対象読者 入門書ではないと「はじめに」で言い切っています。対象読者についてもそのページで言
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
Ajaxに関する日本語の情報をざっと集めてみました。(一部日本語ではないものを含みます) 丁寧な調査ではないので、本当に大ざっぱなものです。 一応、以下の内容は多少メンテナンスしようと思うので、追加削除などのリクエストがあれば、私までメールを下さい。 非常に長くて申し訳ありませんが、頑張って必要な情報を探してみてください。 ★ 出版物 (この部分は現在フォロー仕切れていません) Ajaxイン・アクション (2006/06/20追加) https://www.amazon.co.jp/exec/obidos/ASIN/4844322222/autumnmagazin-22 Ajax イン・アクションの4章が酷すぎる (2006/06/20追加) https://blog.hawklab.jp/item-69.html Googleマップ+Ajaxで自分の地図をつくる本 Google Maps
こんにちは。 私は現在クリエイティブディベロッパーという、フロントエンド＋WebGL 実装する仕事を2年半ほどやっています。 1年半東京の会社で働いたあと半年間フリーランスをして、その後アムステルダムの会社に入社して現在8ヶ月経ちます。 three.jsで絵を作るのが好きで、仕事でもプライベートでもこんなかんじのものを作っています。ほとんどtwitterにあげてるので、興味がある方はぜひ見てみてください。 最近ツイッターのDMでどうやってthree.jsを勉強すればいいかアドバイスが欲しいというのをもらうことが多くなってきたんですが、この質問に答えるのは難しいなと感じています。 人によって得意不得意があるし、始めようと思った時点でどのくらいプログラミングや数学に精通しているか人それぞれすぎて、これがベストな勉強法！これをやれば誰でも大丈夫とは言えないです。 この記事では、私が初心者レベルか
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
ある日偶然このようなエントリをはてブで見かけました。 もうそろそろアニメで突然やってくる女の子とか、幼なじみとか、やめませんか？ - 海ノ藻屑 今期から放送が始まった「アキカン！」をきっかけに、ある日突然現れた女の子と○○し始めるアニメ多すぎなのはどうよ、と提言されています。 そういったパターンのアニメをやめろとまでは云わずとも、当たり前のようにその設定が前提となっているアニメが多すぎる現状は何とかならないか、という大意は概ね理解できます。しかしこういった意見はこれが初めてではありません。 つい先日もある日突然現れた女の子と○○し始めるアニメ多すぎ！といったエントリが多数見受けられました。 今日もやられやく 10月期アニメ 『ある日突然現れた女の子』のガイドライン 2008秋アニメに「ある日突然現れた女の子と同棲し始めるアニメ」が多い件 :Syu's quiz blog 「ある日突然現れた
HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと
HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4の日本語訳も、いつもの通り更新しています。 HTML5 における HTML4 からの変更点 変更点 昨年の草案からの変更点から、いくつか気になるものを挙げてみます。 ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。 また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlab
HTML5 Canvasのブラウザによって異なる微妙な振る舞いについてまとめてみた。 - 風と宇宙とプログラム
はじめに CanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。 調べたブラウザの各バージョンは以下の通りです。 Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 線を描く (lineTo) ただの直線を描くだけのlineToですが、その単純なものにも、恐らく、多くの人が普段は気にしないような問題があります。それは座標値とアンチエリアスです。詳しく見る前に、実際の結果を示しましょう。下記のイメージ中に描かれている線は、いずれも線幅(lineWidth)が1の線です。 (左から、Firefox, Chrome, Safari, Opera
こんにちは！ Cacoo チームの中原です。現在CacooチームはFlashで作られている図の編集画面(以下エディタと表現します)を* HTML5 で置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される、SVGを選択した理由と経緯について説明したいと思います。 （*置き換える理由については「Good-Bye Flash ~ CacooはHTML5で生まれ変わります」をご覧ください） どの技術を使って図形を描く?重視したのは「パフォーマンス」 図形の描画にどんな技術を使うか。いくつか候補を上げました。 2D Canvas 3D Canvas (WebGL) SVG (これ以外に、Unityという意見もありましたが今回はWeb標準技術を使うことを前提にしました。) さて、どれを使おう。私たちがどの技術を選択するのか、基準を決める必要があります。そ
私は2018年10月上旬にプログラミングスクール”G's ACADEMY”に通いはじめました。現在も学習中で、平日に授業を受けています。いわゆる、駆け出しエンジニアです！ このコースでは、週に2回、課題が出されます。入学したからには本気でプログラミングやろう！と躍起になり、死ぬ気で課題を取り組んでいたら、大量の習作ができました。 2ヶ月がたち、課題提出は終了。振り返ってみると、大量の習作たちを全力で作ってきてよかったなぁ…と思えることがたくさんあり、習作として Qiita に残すことにしました。個人的な1年間(2ヶ月半)の振り返りです！ 背景 色んな凄腕プログラマーが色々作るの大事って言ってる アイデアがない？だったら、たくさん習作を作ろう！ まず2ヶ月はコード書きまくろう！と言われまくる 習作の製造機になることを誓う。 習作達の紹介 １作目 LP ＋α(ビンゴ、クイズ、canvas) ２
HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance
HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance First Draft of HTML 5.1 Offers Glimpse at Next Round of Standardization Read below what W3C Members have to say about HTML5 17 December 2012 — The World Wide Web Consortium (W3C) published today the complete definition of the HTML5 and Canvas 2D specifications. Though not yet W3C standards, these specifications are no
とほほの HTMLリファレンス
HTMLリファレンス トップ > HTMLリファレンス [HTML概要] [フレーム版] [逆引き] [用途順] x は廃止されているものを示します。 A <a> <abbr> <acronym> x <address> <applet> x <area> <article> <aside> <audio> B <b> <base> <basefont> x <bdi> <bdo> <bgsound> x <big> x <blink> x <blockquote> <body> <br> <button> C <canvas> <caption> <center> x <cite> <code> <col> <colgroup> <command> x <comment> x D <data> <datalist> <dd> <del> <details> <dfn> <dialog>
今期放送開始したアニメの第1話を大体見終えた。今年最後のクールもバラエティに富んだアニメがあって楽しめそうと思ったが、一方でラノベ原作アニメの設定や展開がかぶりすぎているということが話題になっていた。 http://d.hatena.ne.jp/taida5656/20151009/p1 アスタリスクと落第騎士の違いワロタw pic.twitter.com/4ETMnzFTKq— しゃんぱん (@Salyu_Ulyu) 2015, 10月 4 『落第騎士の英雄譚』の先行視聴組が『学戦都市アスタリスク』と展開かぶりすぎという話をしていたので、どのくらい似てるんだろうと見てみたら確かにかなり似通っていた。ただ共通点を挙げるのは箇条書きマジックなところもあって、一つ一つの要素を拾っていくと別にラノベ原作のアニメに限らない設定だと思う。 同じクールで似た設定のアニメが放送されてしまったのは不運だっ
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
本記事では、アニメ120作品から120曲のアニメソングをまとめています。 期間は1987〜2017年で、2000年代以降の楽曲が多め。カラオケで歌う曲に悩んだときの参考などになれば幸いです。公式動画があるアニソンについては、YouTubeリンクも掲載しています。 スポンサーリンク 【87〜97】色あせないジャンプアニメ｜DB、るろ剣、ぬ〜べ〜 Get Wild『シティーハンター』（1987） CHA-LA HEAD-CHA-LA『ドラゴンボールＺ』（1989） 残酷な天使のテーゼ『新世紀エヴァンゲリオン』（1995） 嵐の中で輝いて『機動戦士ガンダム第08MS小隊』（1996） DAN DAN 心魅かれてく『ドラゴンボールGT』（1996） バリバリ最強NO.1『地獄先生ぬ～べ～』（1996） 1/3の純情な感情『るろうに剣心』（1997） BOO～おなかが空くほど笑ってみたい～『はれとき
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2018 の投稿記事です。 はじめに こんにちは。デザイン統括１グループの萬成です。 みなさんは「リファライオン」をご存知ですか？ リファライオンはリクルートマーケティングパートナーズの内製開発組織を体外向けに紹介するべく誕生したライオンのキャラクターです（リファラル + ライオン === リファライオン）。リファライオンの Twitter アカウントでは、社内の開発組織が日々どのような活動を行っているのかを知ることが出来るので、気になる方はぜひフォローしてみましょう。 ちなみに鳴き声は「だお〜」です。 第三回Re:OD Hackおわったおー マネジメント人材がなぜ不足するのか？その真因を語り合ったんだお！ エンジニアリングマネージャー/エンジニア/人事がそれぞれの視点で会社の垣根を越えて話し
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 2013年1月のW3C: CORS勧告候補、Navigation Timing 2公開 CSSモジュールの2草案が更新 1月3日付で、CSS Text DecorationモジュールとCSS Cascading and Inheritanceモジュールの草案が公開されました。 CSS Text Decoration Module Level 3 CSS Cascading and Inheritance Level 3 Text DecorationモジュールはLast Callとなります。2011年11月版の草案から大きな変更はありせん。 Cascading and Inheritanceモジュ
Here is an uncategorized list of online programming books available for free download. The books cover all major programming languages: Ada, Assembly, Basic, C, C#, C++, CGI, JavaScript, Perl, Delphi, Pascal, Haskell, Java, Lisp, PHP, Prolog, Python, Ruby, as well as some other languages, game programming, and software engineering. The books are in various formats for online reading or downloading
ICS MEDIAのトップページに掲載しているモーショングラフィック。これはCSSとHTML Canvas要素を使って作成したものです。時間経過とともに波の形状と色彩が変化し、多彩な表現を楽しめるようになっています。 本記事ではCSSとHTML Canvasの理解につながることを目標に、このモーショングラフィックの作成方法をステップ形式で解説します。サンプルのソースコードはすべてGitHubにて公開していますので、あわせて参照ください。 ▲ 完成版サンプル ステップ1. CSSでグラデーション背景の作成 サンプルを別ウインドウで開く ソースコードを確認する はじめに、時間経過で色彩が変化するグラフィックを作成しましょう。CSSで縦に長いグラデーションの背景を用意し、CSSアニメーションを使って縦方向に移動させることでグラデーションが変化する表現ができます（ステップ1のソースコード)。 #b
はじめに どーもーココロヤミ状態のyui540です😈 「ニートに学ぶCSS Animation演出講座書けよ！」って思う人もいるかもしれませんが、"Effective CSS Animation"って読み物を書いてpdfで無料配布する予定なので待っててね。 そのうち"Effective CSS Animation"って読み物を書いてpdfで配布しようと思いますが需要ありますか？— yuki540 (@eriri_jp) 2018年4月8日 で、現在ニート(2018/04/10時点)の僕ですが、僕のことをあまり知らない人は「なんでニートなの？」「就職先はあるの？」「親は怒ってない？」「あんた頭大丈夫？」というようなことを思っている人が多いと思うので、そこらへんのことも説明しながら書いていけたらな思います。 あ、先に言っておくと、ピクシブ株式会社様から内定を頂いているので1年後にはニートを脱
どこでも方位図法
2019/11/21 静止したときの地図を詳細化しました。 マウスの位置や回転角度によらず、水平方向にドラッグすると東西方向に、垂直方向にドラッグすると南北方向に移動します。 Internet Explorer、Google Chrome、Safariを推奨します。Firefoxは、Canvas 2Dのpath処理性能が低いために遅くなります。(2021/03/29 Firefoxも性能差がなくなっているので全文を削除) 地図画像については、画像中に記載した通り、CC BY-SA 4.0ライセンスで提供しています。同ライセンスの諸条件にしたがっていただければ、再利用可能です。 地図画像以外の部分については、(株)オンターゲットが著作権を保有します(D3.jsを除く)。WEBサイト開発の依頼やその他お問合せについては、運営会社のサイトをご覧下さい。 弊社開発の他の地図はこちら。
SVGは比較的古くからある仕様の1つですが、2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、将来の展望を全4回の集中連載で解説します。 SVGとは SVG（Scalable Vector Graphics）は、XMLベースのベクターグラフィック言語もしくは画像フォーマットです。W3Cによってその仕様が定義されており、画像フォーマットとして用いる場合は拡張子.svgが使用され、MIME形式はimage/svg+xmlが用いられます。 SVGの現状 Firefox、Safari、Google Chrome、Operaなどのブラウザが既にサポートしており、Internet Explorerもそのバージョン9、具体的にはInternet Explorer 9: Platform
原作ないし原案がゲーム作品である国内のアニメ作品をリストアップ 各作品の内容に対する是非等は各自でご確認ください 数が多いのでゲーム化したアニメ、映画・OVAのみの作品、ゲームを元にしたスピンオフアニメ作品、非電源系ゲーム（TRPG、TCG、テーブルゲーム、対戦型ホビーなど）を扱う作品は除外してます この記事で一時的に取り上げたゲームを原作、題材としたアニメ・漫画・小説を元にしたアニメは別記事でまとめました アニメとゲームが同時期に企画・展開されたものや、アニメが先に放映されたものでも明確にゲームを原作・原案としているメディアミックス作品は赤文字にしてます 自分用にまとめていただけの産物なので見落としや所々区別がついてない部分があります、間違っていたらごめんなさい むしろこれパクっていいんでどなたか完全版作ってくださいお願いします 1980年代 1986年10月 Bugってハニー 1989
先日、ねとらぼで記事を書きました。 現在放送中のアニメ「ノラと皇女と野良猫ハート」のHARUKAZEさんへのインタビューです。解説は面倒なので各自リンク先を参照ください。 TVアニメ ノラと皇女と野良猫ハートOP曲「ネ!コ!」 アーティスト: 高森奈津美(パトリシア・オブ・エンド)/仙台エリ(黒木未知)/浅川悠(夕莉シャチ)/種崎敦美(明日原ユウキ) 出版社/メーカー: HARUKAZE 発売日: 2017/08/25 メディア: CD-ROM この商品を含むブログ (1件) を見る 要点だけ抜き出すと「美少女ゲームはまだまだ終わらねえ！！」という話をHARUKAZEさんの実績から語ってくださり、「全額出資の上でシナリオライターが全話脚本を務めるショートアニメ」という美少女ゲーム原作アニメの新しい形を示してくれました。 steamでの海外進出をメインに置いたり、初めから全年齢版のみに絞り健
伝わるストーリーを描く TEDxTokyo 2012が６月３０日に渋谷のヒカリエで行われます。NHK教育テレビ「SuperPresentation」でも取り上げられて有名になったTEDのプレゼンですが、一流のプレゼンターの話法や表現力を学ぶとてもよい教材とも言えます。 TEDのプレゼンテーションを観ていて、気づいたことがあります。人の心を動かすプレゼンテーションには一定の作法があること。 すべてのTEDプレゼンに当てはまる型ではありませんが、もし、明日突然TEDの舞台に立って３分くらいで、自分の専門テーマについて話をしてほしいと懇願されたら、ぜひ、このチャートを活用してプレゼンテーションを組み立ててみてください。 TED的プレゼンを実現する４つのステップ １）原点を語る ２）直面した課題や困難について触れる ３）それを乗り越えたエピソードを、誰にも通用する教訓に変える ４）テーマについて関
基本的な文法 変数 var 変数名:型名; var num1:int; var textField1:TextField = new TextField(); クラスの定義 package 所属するパッケージ名 { // パッケージ名省略可 import xxx; import xxx; // 変数宣言 アクセス修飾子 var プロパティ名:プロパティの型; // コンストラクタ アクセス修飾子 function コンストラクタ名() { this.aaa = dddd; } // メソッド1 アクセス修飾子 function メソッド名1(引数1:型 = デフォルト値):戻り値の型 { return this.mmmm; } } Flashを描画するクラスは Sprite クラスを継承する package { public class Test
Problems, changes and new APIs by Maximiliano Firtman Twitter @firt About Newsletter Published 11 years ago (18 Sep 2013) About 18 min reading time #ios #html5 #webview #homescreen webapps Apple has rolled out iOS 7 with iPhone 5S and iPhone 5C . As expected, Apple has published just 10% of the necessary information for web developers, and I can say without fear of mistake that this is the buggies
使うのはJavaScriptとNode.jsだけ！30分で3Dオンライン対戦ゲームを作って公開してみた - paiza times
プレイしてみる (English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 皆さんは、オンライン対戦ゲームをプレイしたことはありますか？ オンラインゲームは友人と遊ぶだけでなく、世界中の知らない人たちと一緒にプレイするのも楽しいですよね。最近は、PUBGやフォートナイトのような3Dの対戦ゲームも盛り上がっています。 このような3Dオンライン対戦ゲームを自分で作ってみませんか？ かつては、このようなゲームを自分で作ろうと思ったら、サーバとクライアントのプログラムを用意した上で、複雑なネットワーク通信や3Dプログラミングに挑戦しなければなりませんでした。 しかし、最近ではサーバ・クライアント・ネットワーク・3Dの全てをJavaScriptだけで取り扱うことができるようになっており、以前よりかなり簡単に3Dオンライン対戦ゲーム
2023年に使った技術・作ったもの・書いたものまとめ
2023 年に使った技術まとめ 2023 年もそろそろ終わりなので、今年のエンジニア生活のまとめです。 正直今年はほとんど仕事しかやっていないです。どうしてもお仕事だと攻めた技術選定ができなくて（記事書くには）あんまり面白くないなあ…の気持ちではあるんだけど、その分実務でこんな技術使ってますよ、ってお話としてみていただければ幸いです。 React 18 / TypeScript 去年（2022）までは Vue と React 半々くらいで生きてたんだけど、今年はどっぷり React でした。 Vue の選択肢もないわけではなかったんだけど、ある程度の規模のプロジェクトで、かつアプリケーションとしての複雑度が高いものを作る時に Vue はやっぱりちょっと怖いんですよね。。正直コントロールできる自信がちょっとない。 多分当面は、ロジックの複雑度や抽象度が高いものは React、ロジックは素直で
HTML5の仕様策定を進めていたW3Cは17日（日本時間18日）、HTML5とCanvas 2Dに関する仕様策定完了を発表。これら2つの仕様を「Candidate Recommendation（勧告候補）」とし、相互運用性およびテストへ専念する段階へと進めました。 W3CはあわせてHTML5の次バージョンとなるHTML 5.1、およびCanvas 2D, Level 2の第一草案を発表。今後のHTML5関連の機能追加などはこれら次バージョンに対して行われていくことになります。 2014年にHTML5が勧告、2016年にはHTML5.1が勧告へ 9月にW3Cが発表したHTML5の勧告に向けたロードマップ「Plan 2014」によると、2014年に今回勧告候補となったHTML5が勧告となり、その2年後の2016年には次バージョンのHTML5.1が勧告にと、2年単位でのHTML5のバージョンアッ
2013年、Webがこうなったら面白い
新年、あけましておめでとうございます。 HTML5開発者コミュニティ、html5j.orgを運営している白石俊平です。 この記事では、「2013年、Webがこうなったら面白い」というテーマで、今年のWebがどう変わっていくか、予想めいたことを執筆する機会をいただきました。タイトルに「面白い」と含まれていることからもお分かりの通り、真剣に業界を予想してみるというものでもなく、少し力を抜いた雰囲気で、発展の著しいWebの未来をあれこれ述べてみたいと思います。どうか読者のみなさんも、リラックスしてお読みください。 とはいえ、現在のWebは広く深く、3次元的に発展している状況で、どのような切り口で述べるべきか悩みました。悩んだ挙句、ここでは以下の3つの切り口から見ていきたいと思います。 注目に値する最先端仕様 プラットフォームとしてのWeb Web制作・開発はどう変わるか 注目に値する最先端仕様
HTML5 および、それに関連する仕様に規定された API がブラウザーに実装されているかをチェックします。 HTML5 HTML Canvas 2D Context Web Storage File API HTML5 Web Messaging Selectors API Level 1 Selectors API Level 2 Web Workers Geolocation API Server-Sent Events Element Traversal この API チェッカーは、厳密に、HTML5 仕様に準拠しているかどうかを調べているわけではありません。IDL 属性（プロパティ）については、得られたオブジェクトのコンストラクタ名または型を評価しています。メソッドについては、それが Function 型かどうかを評価しているだけです。そのため、実装していると結果が出たとしても、
Firefox 5 の後方互換性に関わる修正のまとめ
先日 Firefox 5 のベータ版が公開されました。Firefox 5 の正式版は 6/22 のリリースを予定しており、Firefox 4.0.1 のユーザは自動的に更新されます。 Firefox 4 以降では Rapid Release プロセスと呼ばれる新しいリリースプロセスに移行し、セキュリティと安定性の改善と共に、新機能や高速化を含めた新しいバージョンを 6 週間毎に公開します (Firefox 6 まではプロセス移行に伴い異なる間隔)。 基本的には後方互換性が維持されるよう開発されていますが、最新 Web 標準への対応や、他のブラウザとの互換性確保のため、細部では後方互換性に関わる変更も含まれています。 そこで、後方互換性に関わる Firefox 5 の主な変更点をまとめてみました。Beta 版で互換性テストをされる Web 開発者の皆様などの参考になれば幸いです。 後方互換性
最近のChromeにはCSSの新機能が次々と搭載されています。2017年にはCSS Grid Layoutなどインパクトの大きい新機能が話題になりましたが、他にも有用な新機能があることをご存じでしょうか？ この記事では、CSS Paint APIを紹介します。 CSS Paint APIはグラフィックを描く機能 CSS Paint APIは自由にグラフィックを描ける仕様です。HTML Canvasのようなものを要素の背景画像（background-imageやborder-image）として設定できます。JavaScriptを使って自由にグラフィックを描けるため、従来のCSSで再現の難しかった表現が実現可能になります。 たとえば、次のようなビジュアルを考えてみましょう。四隅の形状が欠けたような表現となっています。従来のCSSではdivタグを複雑に組む必要がありました。 サンプルを別ウインド
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 第5回：HTML5で進化したフォーム機能 オープン・ウェブ 本連載では、HTML5のマークアップについてウェブページという視点で解説してきました。しかしこの視点は、HTML5やそれに関連する新たなウェブテクノロジーが扱う範囲のごく一部でしかありません。本連載の最後となる今回は、HTML5を含む次世代のウェブテクノロジーが進む方向性について見ていきましょう。 本連載の第1回では、HTM
【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア
Webブラウザ上で3D表示（立体表示ではなく、遠近法などを用いた表示）を行うための仕様として、グーグルは昨年の4月にO3Dの開発を発表し、一方でモジラを中心にしたWebGLもそれ以前から標準仕様として開発が進められていました。 先週5月7日付けのグーグルの「The Chromium Blog」にポストされたエントリ「The future of O3D」で、グーグルはO3Dはこれまでの方針を変更し、WebGLをベースとしたJavaScriptライブラリとすることを明らかにしました。これにより、Webブラウザでの3D表示の標準APIはWebGLに一本化されます。 性能と環境に対するWebGLの懸念が払拭された グーグルがWebGLではなくO3Dを開発していた理由として、WebGLに関する2つの懸念があったことを明らかにしています。 1つはWebGLの性能です。WebGLはHTML5のCanva
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap real time heatmap デモ [ad#ad-2] デモの画像の上でマウスを動かすと、その動いた量に伴いカラーがブルー、グリーン、イエロー、レッドとマウスの移動し滞在した量をヒートマップとして生成します。ヒートマップのデータはエクスポートも可能です。 また、iPhoneのシングルタップもサポートしている、とのことです。 スクリプトはjQueryなどの他のスクリプトは依存せず、下記のようになります。 JavaScirpt /* Copyright (c) 2010, Patrick Wied. All rights reserved. Code licensed under the BSD License: http://patrick-wied.at/static/li
60. WHATWG - HTML5 W3C - HTML5 Elements, Events, APIs Elements, Events, APIs Canvas 2D Graphics Context HTML Canvas 2D Context Microdata HTML5 Microdata Microdata vocabularies Cross-document messaging HTML5 Web Messaging Channel messaging <device> ping="" Web Storage timed track HTML→Atom Indexed Database API Next Generation of HTML The WebSockets API Web Workers Server-Sent Events The WebSocket p
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パーフェクトJavaScriptはガチ本。クソと言われる言語仕様をまとめあげた良書 - 三等兵
HTML5 における HTML4 からの変更点
日本語で読めるAjax関連情報のリンク集 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
プログラミング初心者からthree.jsに慣れるまで｜misaki nakano
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
ある日突然○○し始めるアニメまとめ - 戯れ言（はてなダイアリー版跡地）
HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA
HTML5と関連仕様、言語リファレンスが公開 | Web標準Blog | ミツエーリンクス
目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | 株式会社ヌーラボ(Nulab inc.)
プログラミングスクールで習作を週2で2ヶ月間、作り続けて気づいたこと - Qiita
ラッキースケベ発生時間ランキング - カトゆー家断絶
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
アニメ100作品からおすすめのアニソンを100曲選んでみた - ぐるりみち。
3Dモデルからぬいぐるみの型紙を取るWebアプリを作ってみた – PSYENCE:MEDIA
Web標準Blog | メソッド | ミツエーリンクス
Free Programming Books
CSSとHTML Canvasで作るモーショングラフィック - ICS MEDIA
専門学校に入学して3ヶ月で絶望し、退学してニートになった男の話 - 魔法少女サイト
第1回 SVGの基礎知識 | gihyo.jp
TVアニメ化したゲーム作品の一覧（年代別まとめ） - 仮設
エロゲ原作アニメの歴史 99~17年 - 根室記念館
もしTEDに出ることになったらオススメしたい、たった４つのプレゼン作法
tips : tips/02.プログラミングなど/Flex/ActionScriptメモ.txt
Safari on iOS 7 and HTML5－firt.dev
W3CがHTML5仕様策定完了、勧告候補に。HTML5.1のドラフトも発表
HTML5 API チェッカー - HTML5 チュートリアル - HTML5.JP
どんな背景でも自由に描ける! CSS Paint APIの使い方 - ICS MEDIA
HTML5はこれからどうなっていくのか ここが違う！サンプルで見るHTML5（6）
グーグルがO3Dの方針変換。WebGLに標準を統一し、O3DはJavaScriptライブラリへ
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap
Keypoints html5