postMessageとiframeでクロスドメインメッセージを送受信してみる
こんばんは、ころすけ(@wg_koro)です。 2ページ間の通信(片方は別ドメイン)をどうしようかなーと考えていたら、JSONPでもクロスドメインAjax(XmlHttpRequest Lv2)でもない、postMessageなるものを見つけました。IEも、IE8から使えるそうな。結構前からあるのね。全然知らなかった・・・。 window.postMessage は、安全にクロスドメイン通信を可能にするためのメソッドです。通常、異なった複数のページでのスクリプトはそれらが実行されたページが同じプロトコル（たいてい http）、ポート番号（http のデフォルトは 80）、ホスト（両方のページによって同じ値に設定される document.domain を基準とする）である場合に限りお互いにアクセスすることだけが可能です。window.postMessage は正しく使われたときに安全な方法で
JavaScriptのクロスドメイン制限を突破する - WEBる。
JavaScriptはJSファイルが置いてある以外のドメインのファイルをセキュリティの関係上、参照出来ない仕様になっています。 よく他ドメインのXMLなどを参照したいときなどこの壁にぶつかりますね。。 この問題を解決する方法はおもに3つあります。 PHPやCGIを経由する Flashを経由する JSONPを使う PHPやCGIを経由する これは"JavaScript"→"PHP or CGI"→"参照したいファイル"という順に読み込んでいきます。 設定がとても簡単で一番一般的な方法かもしれません。 CGI等が使用出来る環境でなければならないのが条件です。 XMLを読み込む前提で記述例です。 PHP(ajax.php) <?php if(isset($_GET["url"])) readfile($_GET["url"]); ?> JavaScript(jQuery) $(function(
[JavaScript] `String.match( regexp )` の返り値は何か？ / 正規表現の変わりに文字列を使うとどうなるのか
ここを参考にいろいろとテストしてみる。 match する場合の返り値 と しない場合の返り値する場合は Array オブジェクト が返るしない場合は null が返る
はてなカウンターがなくなってから、更新に対するモチベーションが下がった - orangestarの雑記
はてなカウンターがなくなってから、更新に対するモチベーションが下がった。 あと、はてなブックマークの一覧ページが変更になってからさらにモチが下がった。 なんかそこらへんについて今日は描きます。 記事広告ではない。（なぜならリンクを張ってないから（最初貼ろうと思ったけれどもどうせ誰もリンクしないし登録もしないのでネタの為にそういうことをするのがめんどくさくなった（コミックＺＩＮで夏の同人誌と取り扱い中なので買ってくださいCOMIC ZIN 通信販売/商品一覧ページ（電子書籍も、ページ下部のリンクなどから まあ、そんなこんなで。 はてなカウンターが無くなってしまった。はてなダイアリーのころからずっと一緒だったサービスが無くなってしまった。ドラえもんが未来に帰ってしまった後ののび太みたいに、部屋の隅っこでガタガタ震えながら窓の外を見つめて「すぐになれると思うよ…はてなブログ…」と言いながら、はて
たぶん世界一簡単なIndexedDBのサンプル - DRYな備忘録
WebSQL先輩… localStorageのようなシンプルなkvsじゃなくて、検索を伴うようなブラウザで永続化できるストレージあるかな、そういえばWebSQLってどうなってるんだろう？と思って調べたら、 Developer's blog | HTML5のWeb SQL DatabaseがW3Cの仕様策定の範囲から外れていた W3C、「Web SQL Database」の仕様策定を正式に断念 - builder by ZDNet Japan あらまあ Migrating your WebSQL DB to IndexedDB - HTML5 Rocks 代わりにIndexedDBを使えということらしい. なにそれ食えんの. IndexedDBとは？ どうやら検索キーを指定してドキュメントをつっこめるストレージっぽい. IndexedDB is a way for you to persis
フロントエンドの未来の話 - Qiita
const fsbx = require('fuse-box'); const fuseBox = fsbx.FuseBox.init({ homeDir: 'src/', sourcemaps : true, outFile: './dist/app.js', plugins: [ [ fsbx.SassPlugin({ outputStyle: 'compressed' }), fsbx.CSSPlugin({}) ], fsbx.TypeScriptHelpers(), fsbx.JSONPlugin(), fsbx.HTMLPlugin({ useDefault: false }) ] }); fuseBox.devServer('>main.ts **/*.html', { port: 4445 }); シンプル！！ fuse-boxの特徴として ・TypeScriptはデフォル
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
PhantomJSを試してみる - 偏った言語信者の垂れ流し
スクレイピングとかテストに便利ってことで聞いてたPhantomJSを試してみる。 PhantomJSはヘッドレスのWebKitをJavaScriptAPIで使えるようにしたもの。ライセンスはNewBSD。 PhantomJS | PhantomJS PhantomJSにはJavaScriptの実行環境が含まれているが、Node.jsではなくWebKitのJavaScriptCoreらしい。 which javascript engine is used by phantomjs? - Google グループ Node.jsを使っていない理由はPhantomJSのFAQに書いてあった。 FAQ | PhantomJS PhantomJSをNode.jsから使えるようにラップしたモジュールはサードパーティでいくつかあるらしい。 インストールして動かしてみる インストールは、Windows, M
PhantomJS - Scriptable Headless Browser
Important: PhantomJS development is suspended until further notice (more details). PhantomJS is a headless web browser scriptable with JavaScript. It runs on Windows, macOS, Linux, and FreeBSD. Using QtWebKit as the back-end, it offers fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. The following simple script for PhantomJS loads Google homepag
Usage Statistics and Market Share of JavaScript Libraries for Websites, July 2025
Top Site Usage Market Position PerformancePage Speed BreakdownRanking Content Management Server-side Languages Client-side Languages CSS Frameworks Web Servers Web Panels Operating Systems Web Hosting Data Centers Reverse Proxies DNS Servers Email Servers SSL Certificate Authorities Content Delivery Traffic Analysis Tools Advertising Networks Tag Managers Social Widgets Site Elements Structured Da
JSDocコメント - Google JavaScript スタイルガイド - 日本語訳
#divclass(page_title){ &this_page() } 我々は&blanklink(C++ style for comments){http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml#Comments}の考え方に従います。 全てのファイル、クラス、メソッド、プロパティに&blanklink(JSDoc){http://code.google.com/p/jsdoc-toolkit/}コメントが、適切な&link_anchor(jsdoc_tag_reference){タグ}と&link_anchor(js_type_language,pageid=17){データ型}を伴って記されるべきです。また名前から明白に判断できる場合を除き、プロパティ、メソッド、メソッドの引数、メソッドの戻り値を説明する文章
console.timeStamp()
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。 console.timeStamp メソッドは、単一のマーカーをブラウザーのパフォーマンスツール（Firefox, Chrome）に追加します。これにより、コード内のポイントを、タイムライン上に記録されたほかのポイント、例えばレイアウトや描画のイベントなどと結びつけることができます。 任意で、引数を指定してタイムラインにラベル付することができ、このラベルはマーカーのそばに表示されます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mdaines/viz.js: A hack to put Graphviz on the web.
html5shiv - Project Hosting on Google Code
JavaScript の Date は罠が多すぎる - Qiita
Historical quarterly trends in the usage statistics of javascript libraries for websites, May 2025
Dashboard - Ace Admin
Wandbox
JavaScriptのDeepCopyでJSON.parse/stringifyを使ってはいけない - Qiita
javascriptで変数をコピーする方法 - Qiita
