JavaScript : IFRAME の中にアクセスする
関連するページ JavaScript : 新しく開いたウインドウにアクセスする IFRAME は必ず parent が存在するので、ページが表示されたタイミングで、親ウインドウに 自分の window オブジェクトを転送しておけば良いですが、IFRAME の内容がそういう連携を 意図して作られていない場合は、IFRAME の contentWindow プロパティを使ってアクセスします。 <input type='button' value="IFRAME にアクセス" onclick='document.getElementById("sub").contentWindow.document.getElementById("fld").value="IFRAME"' > <iframe id="sub" src="sub.htm" frameborder="1" scrolling="1
相対URLを絶対URL(URI)に変換する方法について - Qiita
注意 本記事は、クライアントサイド(ブラウザ上)でのJavaScriptについて言及しています。 サーバサイドのJavaScriptは考慮していません。 概要 相対URLを絶対URLに変換する方法として、a要素のhrefプロパティを参照する方法を考えた。 hrefプロパティに設定したURLは、絶対URLに変換される。それを利用する方法だ。 具体的には、以下のようにすれば良いと考えた。 function absolutePath(path) { var e = document.createElement('a'); e.href = path; return e.href; } 検索 しかし、この程度の思いつき、既に誰かがやっているだろう。 Googleで検索した所、innerHTMLプロパティを使用した方法を発見。 【javascript】 相対パスを絶対パスに変換する｜自家用辞典 IE
もう逃げない。HTMLのviewportをちゃんと理解する
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
バイナリーデータの送信と受信 - Web API | MDN
XMLHttpRequest オブジェクトの responseType プロパティで、サーバーに期待する応答の種類を変更することができます。設定可能な値は空文字列 (既定), "arraybuffer", "blob", "document", "json", "text" です。 response プロパティにはエンティティの本体が responseType に応じて ArrayBuffer, Blob, Document, JSON または文字列で格納されます。要求が不完全であったり成功しなかった場合は null になります。 このサンプルでは画像をバイナリーファイルとして読み込み、生のバイト列から 8 ビット符号なし整数値の配列を作成します。なお、これは画像をデコードしてピクセルを読み取ることは行いません。そのためには png デコードライブラリーが必要になるでしょう。 const
MIDI.js を使った MIDI(SMF) 再生 - Qiita
はじめに Web Audio API / Web MIDI API あたりを勉強し始めたのですが、思ったより難しくていきなり滅入ってます。 もう少し楽に扱えそうな MIDI.js というライブラリがあるようなので、まずはとりあえずこちらを使いたいと思います。 今回の目標 手持ちの MIDI(SMF) ファイルを鳴らしたい。 環境 OX X Yosemite 10.10.2 Google Chrome 40.0.2214.111 (64-bit) 準備 https://github.com/mudcube/MIDI.js Making life easy to create a MIDI-app on the web. Includes a library to program synesthesia into your app for memory recognition or for c
JavaScriptでGETパラメーターを取得する - Qiita
JavaScriptでGETパラメータを取得する関数。 "var getVal = getUrlVars();"とかやると、GETパラメータがObjectで入る。 /** * GETパラメータを配列にして返す * * @return パラメータのObject * */ var getUrlVars = function(){ var vars = {}; var param = location.search.substring(1).split('&'); for(var i = 0; i < param.length; i++) { var keySearch = param[i].search(/=/); var key = ''; if(keySearch != -1) key = param[i].slice(0, keySearch); var val = param[i].s
ハンバーガーメニューを表示する時、背景を固定する方法 - Qiita
やること あらゆるOSにおいて、スクロールがあるハンバーガーメニューを表示している間、背景のスクロールは動かないようにする。 まえおき 基本的に、スクロールさせるには overflow : scroll;、スクロールをしないようにするにはoverflow: hidden;を使うことが一般的。 アプリケーションのhtmlタグには初期値でoverflow : scroll;がついている。 そのため、わざわざoverflow : scroll;を当てなくてもスクロールできるようになっている。 ちなみに htmlタグにoverflow: hiddenをつけてみてください。ほとんどの場合、スクロールがを防げます。 このほとんどというのがどういうことか後ほどわかります。 実装前のCSSとJSのコード ハンバーガーメニューのCSS .humburger-menu { /*スクロールするようにする*/ o
Add jsdoc comments - Visual Studio Marketplace
vscode-comment Adds simple jsdoc comments for the parameters of a selected function signature Using In a typescript or javascript file, select a function signature, ideally one that contains one or more parameters. Select the whole function signature then invoke the Add Doc Comments extension (open the command palette (F1 on Windows) and look for the command 'Add doc comments'. Hit enter.) The ext
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
コールバック……駆逐してやる…この世から…一匹…残らず!! - Qiita
このテキストは JavaScript のコールバック地獄に疲れたひとのためのコールバック駆逐術指南書です。対象読者は JavaScript道初段くらいの人です。このテキストを読むと、以下のそれぞれの手段における非同期処理制御の仕組み、利点および欠点がわかるようになるかもしれません。 コールバック地獄 jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (※なぜか『進撃の巨人』の一部ネタバレが含まれるので注意してください) それは『何故人はコールバックするのか』という話でしょうか？ 非同期処理って面倒ですよね。JavaScriptではいわゆる コールバック地獄 というやつにしばしば陥りがちです。たとえば、Ajax でふたつのファイル hoge.txt と piyo.txt を持ってきて、それら
Closure Compiler Service
// ==ClosureCompiler== // @compilation_level SIMPLE_OPTIMIZATIONS // @output_file_name default.js // ==/ClosureCompiler== // ADD YOUR CODE HERE function hello(name) { alert('Hello, ' + name); } hello('New user');
Closure Compiler | Google for Developers
Stay organized with collections Save and categorize content based on your preferences. What is the Closure Compiler? The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's le
async/await 入門（JavaScript） - Qiita
はじめに 今更ですが、JavaScriptのasync/awaitに関する備忘録になります。 「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」 「$.Deferred()やPromiseなどの非同期処理の書き方より、もっと簡潔に書ける書き方があれば知りたい」 「今までの非同期処理の書き方と比べて何が良いのかわからない」 といった人達向けの記事です。 $.Deferred()やPromiseなどで非同期処理を書いたことがある前提のため、非同期処理自体に関する説明は記載しておりません。 記載している利用例のコードはChrome（最新）のコンソール上で動きますので、コンソール上で実行して動作を確認してみると理解が深まりやすいと思います。 本記事で用いている用語 Promiseを返す Promiseオブジェクトを返すこと。
Promise - JavaScript | MDN
Promise オブジェクトは、非同期処理の完了（もしくは失敗）の結果およびその結果の値を表します。 プロミスの挙動と使用法について学ぶには、最初にプロミスの使用をお読みください。 プロミス (Promise) は、作成された時点では分からなくてもよい値へのプロキシーです。非同期のアクションの成功値または失敗理由にハンドラーを結びつけることができます。これにより、非同期メソッドは結果の値を返す代わりに、未来のある時点で値を提供するプロミスを返すことで、同期メソッドと同じように値を返すことができるようになります。 Promise の状態は以下のいずれかとなります。 待機 (pending): 初期状態。成功も失敗もしていません。 履行 (fulfilled): 処理が成功して完了したことを意味します。 拒否 (rejected): 処理が失敗したことを意味します。 待機状態のプロミスの 最終
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - cagpie/PicoAudio.js: A JavaScript library for playing MIDI (Standard MIDI File) on Web.
Standard MIDI Files
JavaScript から Java への通信
Priority when more than one event handler is bound to an element via JQuery
GitHub - Caligatio/jsSHA: A JavaScript/TypeScript implementation of the complete Secure Hash Standard (SHA) family (SHA-1, SHA-224/256/384/512, SHA3-224/256/384/512, SHAKE128/256, cSHAKE128/256, and KMAC128/256) with HMAC.
リダイレクトの方法 - Qiita
