Window: postMessage() メソッド - Web API | MDN
HTML DOM APIWindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 m
ページサイズやスクロール位置を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
("global", eval)("this") - pirosikick's diary
最近気になっている「Traceur」 次世代JavaScriptを“いま”実現するグーグルの「Traceur」 － Publickey パッと見なんか凄そうだなってのと、どうやって実装してるんだろうかというのが気になったので暇な時間にすこしずつソースを読んでいます。 「Traceur」とは関係ないけど気になる1行 var window = ("global", eval)("this"); 最初見たとき、「なんじゃこりゃ」と思ったので調べてみた。 evalの挙動 下記のようなコードは「local」というアラートが出るはず。 var x = "global"; (function () { var x = "local"; eval("alert(x)"); })(); でも次のコードはグローバルと表示される。 var x = "global"; var geval = eval; (fun
PhoneGap APIを拡張する@Android | Lab by engineering@dwango.jp
この連載では、弊社でも採用実績が在る、ハイブリッドアプリケーション開発フレームワーク、PhoneGapの、取り分け、APIの拡張方法@Androidについて解説します。 HTML + CSS + JavaScriptのみで構築する事が売りのPhoneGapですが、APIを拡張する事で、ネイティブアプリケーションが持つ可能性を付加えます。 必要なソフトウェア Android SDK Tools PhoneGap 0.9.6 対象読者 PhoneGapを用いた開発経験をお持ちの方、同等の知識が在る方を対象としています。初心者の方は、此方を参照下さい。 PhoneGap PhoneGapは、カナダ・バンクーバに在るNitobi Softwareで開発されたソフトウェアで、MIT Licenseにて提供されています。Adobe Dreamweaver 5.5でもサポートされ、注目を集めています。詳
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
[JavaScript] サロゲート・ペアに対応した文字列操作関数を書いてみた / LiosK-free Blog
2008-11-06 カテゴリ: Client Side タグ: JavaScript 安易な発想 Unicode JavaScriptの文字列型はUTF-16を採用しているから、サロゲートペアを使用した文字が混ざるといろいろと厄介だったりする。一例としては↓のような感じ。 var s = "𪚲"; // U+2A6B2 console.log(s.length); // 2 console.log(s.split("")); // ["�", "�"] ということで、サロゲートペアの扱いを少し楽にする関数を書いてみたからとりあえず公開してみる。 /** 文字列中にサロゲートペアを含む場合はtrue */ String.prototype.hasSurrogate = function() { return (/[\uD800-\uDBFF][\uDC00-\uDFFF]/).test(
Future と Stream という同期/非同期処理の混在をシンプルにコード化できる車輪を再発明したよ - latest log
Script Junkie | Creating Responsive Applications Using jQuery Deferred and Promises (日本語訳: jQueryのDeferredとPromiseで応答性の良いアプリをー基本編 | ゆっくりと… ) をみて、 (ε・◇・)з Deferred… Promise… お 覚えられん… (ε・◇・)з 脳みそちっちゃいので、もっと気軽に使えて、簡単に書けるのがいいなぁ～ って思ってました。 なので、自分なりに、 複数の同期/非同期処理を同時に実行し、処理の合流ができたり多少の失敗があっても前に進める Future 複数の同期/非同期処理を順番/同時に実行し、流れを直感的に記述できる Stream という2つの仕組みを考えました。 Stream は一本の流れを制御し Future は同時多発的な流れを制御するため、こ
External template in Underscore
I use Underscore template. It is possible to attach a external file as template? In Backbone View I have: textTemplate: _.template( $('#practice-text-template').html() ), initialize: function(){ this.words = new WordList; this.index = 0; this.render(); }, In my html is: <script id="practice-text-template" type="text/template"> <h3>something code</h3> </script> It works well. But I need external te
JavaScriptのsetIntervaｌ関数の意味を正確に理解するための１つの説明 - 風と宇宙とプログラム
ECMAScriptの言語仕様と組込関数の動作仕様は非常にきめ細かく規定されていますが、それに含まれていないJavaScriptの関数の仕様はどうもはっきりしないように思えます。そのためか、それを利用するコードも正確なものではないものが見受けられます。その１つがsetInterval関数。何をいまさら？という感じですが、ちょっとググッてみたところsetInterval関数を解説する記事は沢山見つかりますが、そのことについて注意している記事はほとんど見当たりません。 何のことかと言うと、setInterval関数は一定間隔で指定した関数を実行する、とだけ説明されていて、何が一定なの？ということについての説明が抜けているように思われます。例えば、もし、関数が一定間隔でコールされるなら、下のコードを実行した場合、duration=???はいくつと表示されるのが正しいのでしょうか？ functio
最近のJavaScriptモジュールの書き方 - yo_waka's blog
サーバサイド（特にNode.js）とクライアントサイド両方で動かしたいものは最近はこんな感じで書いている。 CommonJSのwiki見ててそこに紹介されてるソースコードで（どれだったか忘れたけど。。）やってたのを見ていいなーと思って真似っこした。 (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th
Hogan.js
Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Alternatively, drop hogan.js in your browser by adding the following script. <script src="h
JavaScriptでランダム文字列を生成する | Webエンジニアライフ
Windows環境でネットが使えない時に、CakePHPのSecurity.saltを考える必要があって作ったJSです。 ランダムで文字列を出力するJavaScript（英数編） (function(){ var array = new Array(); for(var i = 0; i < 10; i++) { array.push(String.fromCharCode('0'.charCodeAt() + i)) } for(var i = 0; i < 26; i++) { array.push(String.fromCharCode('a'.charCodeAt() + i)) } for(var i = 0; i < 26; i++) { array.push(String.fromCharCode('A'.charCodeAt() + i)) } var str = '';
[JavaScript] サロゲートペアの扱い方をわかりやすくメモっておく / LiosK-free Blog
2008-11-13 カテゴリ: Client Side タグ: Tips JavaScript Unicode 先日、JavaScriptでサロゲートペアに対応した文字列関数を書いたりしてみたが、これだけだとサロゲートペアの扱い方を思い出すにはわかりづらいので、わかりやすくまとめ直してメモっておこうと思う。 前提知識 サロゲートペアを使って表現できるコードポイントの範囲はU+10000-U+10FFFFだけ (だから、UnicodeはU+10FFFFまでしかコードポイントを割り当てない仕様になってる！) サロゲートコードポイントはU+D800-U+DFFFの2048個 (11ビット) 2048個を上位サロゲート (U+D800-U+DBFF) と下位サロゲート (U+DC00-U+DFFF) に分けて、上位サロゲートと下位サロゲートの組み合わせ (1024*1024) でU+10000-
Underscore.js はもっと評価されていい - present
Backbone.js が注目されがちですけど、Backbone.js を支えている Underscore.js も、実はかなり便利なライブラリです。公式サイトを見ると、よさげなメソッドが盛りだくさん。 Underscore.js 私自身はまだ Backbone.js のついでに使っている段階ですけどね。 Underscore.js が提供するメソッドは数が多いので、今回はよく使ったものに絞って取り上げてみます。それ以外は公式ドキュメントを見てください。 each test("each", function() { var data = []; _.each(["foo","bar","hoge","fuga"], function(n){ data.push(n); }); equals(data.length, 4); equals(data[0], "foo"); equals(da
stockNum.App - Coming Soon
stockNum.App Something new is just around the corner 👍👍
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
postMessage sample
http://soulwire.co.uk/coffeephysics/
JavaScript.Next
instanceofで配列かどうかをチェック - Domo-Domo
