ECMAScript 6 Features（PDF 版）HTML 版: http://alprosys.com/es6/es6_features.html ECMAScript 6 の新機能の紹介
Ajaxクロールの推奨構成のサポートをGoogleがついに終了
[レベル: 上級] Googleは、今からさかのぼること2009年に公開した、Ajaxクロールの推奨構成を終了することを公式にアナウンスしました。 以前の推奨構成を保持したままでもインデックスされ続けますが、現状に即した技術を利用するように促しています。 ごく限られたJavaScriptしか実行できなかった当時、GoogleはAjaxによって生成されるコンテンツを確実にクロール、インデックスするために特殊な構成をウェブマスターに提唱しました。 この構成を、ざっと簡単に説明すると次のようになります。 ウェブページのレンダリングをすませた、いわゆる“スナップショット”を事前に作成しておき、AjaxページにGooglebotがアクセスしたときには準備済みのスナップショットを返す。 Googlebotにスナップショットを取得させるために、AjaxページのURLに含まれる「#」（ハッシュ、フラグメン
Multitouch and Force Touch (3D Touch) Events sample
Multitouch and Force Touch (3D Touch) Events sample
Force Touch (3D Touch) sample: force value
Force Touch (3D Touch) sample by NI-Lab. Touch strongly the screen. 画面を強く押してください。 Display force value. 押された圧力値を表示します。 This value is between 0.0 (no pressure) and 1.0 (the maximum amount of pressure the hardware can recognize). この圧力値は 0.0 (圧力なし) から 1.0 (ハードウェアの感知できる最大の圧力) の間になります。
Reddit - Dive into anything
iPhone 6s was cracked by the press too strong :-P (Force Touch / 3D Touch)
Samurai zlash! - iPhone 6s was cracked by the press too strong :-P (Force Touch / 3D Touch) (2015-10-05)
I made a joke sample for iPhone 6s (Plus) + Safari. -> Force Touch (3D Touch) sample Press strongly the screen and release. Sound and cracked image appears. This cracked display photo is by my son... -> Samurai zlash! - TOSHIBA REGZA 37Z3500 crashed! (2011-09-15) JavaScript: a sample of Touch.force window.onload = function(){ get("content").addEventListener("touchstart", handleEvent); get("content
Force Touch (3D Touch) sample
Force Touch (3D Touch) sample: Touch strongly the screen. 画面を強く押してください。
さよなら CoffeeScript - mizchi's blog
prototype.js が jQuery に置き換えられた時、開発者が気づいたのは、自分に本当に必要だったのはprototypeのメソッド拡張などではなく、クエリエンジンだったということ。 coffeescriptが当初、熱狂的に支持された背景はなんだっただろう。今思えば、それはアロー記法とクラス構文だったと思う。 javascriptの関数型への憧れ、prototypeベースの限界 javascript は断じて関数型言語ではないが、他の言語と同じぐらい関数型言語に憧れていたのも、また事実だろう。しかしビルトイン関数が高階関数を要求するデザインにしては function というキーワードはながすぎたし、その function が暗黙に作り出す this スコープの複雑な振る舞いも開発者の悩みの種だった。「あらゆる関数スコープで状態を持つことが"できすぎる"」という割れ窓だった。 ES5
[ヅ] Babel をインストールして ECMAScript 6 のシンプルなコードを試す (2015-10-02)
Hello, world 的なコードを書いて、 Babel を試してみる。 Babel とは何か Babel は、次世代 JavaScript 仕様である ECMAScript 6 で書かれたコードを、現行の Web ブラウザなどの JavaScript 処理系で動くコードに変換してくれるツール。 Babel is a JavaScript compiler. Use next generation JavaScript, today. Babel · The compiler for writing next generation JavaScript ECMAScript 2015 (第 6 版) は、ECMAScript 言語標準仕様の現行バージョンです。一般的に "ES6" として参照され、Firefox や他の Mozilla アプリケーションで使用されているエンジンの Spid
フロントエンドでもES6構文使ってみる【webpack+babel-loader（旧6to5-loader）】 - yutaponのブログ
【--- 追記（2015/02/22）---】 2/15に6to5がBabelと名称変更したので、記事の内容もBabelを使うよう変更しました。 Not Born to Die · Babel 【--- 追記ここまで ---】 2/7にnode.js v0.12.0がリリースされました。 Node v0.12.0 (Stable) 安定版のメジャーアップデートでES6構文がいよいよ一般的になるのではないでしょうか。 そして最近良く聞くBabel(旧6to5)。 ES6+のコードをES5に変換してくれるということで、ES6構文を動かせる環境が浸透していないフロントエンドで役立つライブラリです。 Babelはgrunt, gulp, browserifyなど多数のビルドツールで扱えるプラグインが提供されているので、jsのビルド工程があるプロジェクトであれば簡単に導入できると思います。 今回は前
io.js - JavaScript I/O
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
Node.js — ECMAScript 2015 (ES6) and beyond
ECMAScript 2015 (ES6) and beyond Node.js is built against modern versions of V8. By keeping up-to-date with the latest releases of this engine, we ensure new features from the JavaScript ECMA-262 specification are brought to Node.js developers in a timely manner, as well as continued performance and stability improvements. All ECMAScript 2015 (ES6) features are split into three groups for shipping
Document: createEvent() メソッド - Web API | MDN
ドキュメントオブジェクトモデル (DOM)DocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheetsalinkColor 非推奨; all 非推奨; anchors 非推奨; applets 非推奨; bgColor 非推奨; bodycharacterSetchildElementCountchildrencompatModecontentTypecookiecurrentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomain 非推奨; embedsfeaturePolicy Experimental fgColor 非推奨; firstElementChildfontsformsfragmentDirectivefullscr
[ヅ] 強く押しすぎて iPhone 6s にヒビが入ってしまった(・∀・)!! (Force Touch / 3D Touch) (2015-10-01)
というネタ的な Web ページを作ってみた。 iPhone 6s (Plus) の Force Touch (3D Touch) 機能を使ったネタ的なサンプル。 ⇒ Force Touch (3D Touch) sample (音が鳴るので注意) iPhone 6s (Plus) + Safari でページを表示して、空の画像を強く押しこんでから離すと、 画面が割れたような画像が表示されてガシャーンて音が鳴るだけ。 Force Touch とは何か Force Touch は Apple の開発した感圧タッチパネル技術のこと。 3月10日のアップル Spring Forward スペシャルイベントで発表された Apple Watch と新MacBook はまるで別ジャンルの製品ですが、新技術「感圧タッチ (Force Touch)」を採用した共通点があります。 アップル、次期 iPhone
Touch - Web APIs | MDN
This feature is not Baseline because it does not work in some of the most widely-used browsers. Learn moreSee full compatibilityReport feedback The Touch interface represents a single contact point on a touch-sensitive device. The contact point is commonly a finger or stylus and the device may be a touchscreen or trackpad. The Touch.radiusX, Touch.radiusY, and Touch.rotationAngle describe the area
iOS 9 Safari WebAudio::AudioBufferSourceNode does not play on first touchstart event. - Qiita
このエントリの末尾に重要な追記があります。この問題は iOS 9.3 β1 で fix しました。 iOS 8 Safari と iOS 9 Safari では WebAudio + touchstart において一部動作が異なっています。 iOS Safari の制限(おさらい) まずは、前提となる知識について軽くおさらいから。 ご存知のように、 iOS Safari における Media(Audio,Video)の再生には、以下の制限があります。 Audio や Video リソースの読み込み(load) や 再生(play)は、ユーザのインタラクションを起点としなければならない(パケ死対策) <audio src="mad.max.m4a" autoplay preload></audio> の autoplay や preload は無視され、自動で再生されません この制限は iO
HTMLHyperlinkElementUtils
Experimental This is an experimental technology Check the Browser compatibility table carefully before using this in production. The HTMLHyperlinkElementUtils mixin defines utility methods and properties to work with HTMLAnchorElement and HTMLAreaElement. These utilities allow to deal with common features like URLs. There are no objects of this type, but several objects such as HTMLAnchorElement a
URL - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback The URL interface is used to parse, construct, normalize, and encode URLs. It works by providing properties which allow you to easily read and modify
How do I parse a URL into hostname and path in javascript?
I would like to take a string var a = "http://example.com/aa/bb/" and process it into an object such that a.hostname == "example.com" and a.pathname == "/aa/bb"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Touch: force property - Web APIs | MDN