参考メモ/JavaScriptでbase64/url/gzエンコード・デコードするライブラリ - Qiita
JavaScriptでbase64/url/gzエンコード・デコードするライブラリをググった時のURLのメモです。 だいぶ昔にググった時のメモなので、もしかしたら今では新しいライブラリがでてきてるかもしれませんので、参考までに。 Base64エンコード・デコード： Base64 encoding and decoding - Web API Interfaces | MDN https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding Base64 encoding and decoding in client-side Javascript - Stack Overflow http://stackoverflow.com/questions/2820249/base6
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
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
バイナリーデータの送信と受信 - 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) 準備 MIDI.js 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
JavaScriptでGETパラメーターを取得する - Qiita
/** * 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].slice(param[i].indexOf('=', 0) + 1); if(key != '') vars[key] = decodeURI(val); } re
ハンバーガーメニューを表示する時、背景を固定する方法 - 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 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("MMM Do YY"); moment().format('YY
コールバック……駆逐してやる…この世から…一匹…残らず!! - Qiita
このテキストは JavaScript のコールバック地獄に疲れたひとのためのコールバック駆逐術指南書です。対象読者は JavaScript道初段くらいの人です。このテキストを読むと、以下のそれぞれの手段における非同期処理制御の仕組み、利点および欠点がわかるようになるかもしれません。 コールバック地獄 jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (※なぜか『進撃の巨人』の一部ネタバレが含まれるので注意してください) それは『何故人はコールバックするのか』という話でしょうか？ 非同期処理って面倒ですよね。JavaScriptではいわゆる コールバック地獄 というやつにしばしば陥りがちです。たとえば、Ajax でふたつのファイル hoge.txt と piyo.txt を持ってきて、それら
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オブジェクトを返すこと。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
相対URLを絶対URL(URI)に変換する方法について - Qiita
GitHub - cagpie/PicoAudio.js: A JavaScript library for playing MIDI (Standard MIDI File) on Web.
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
Closure Compiler Service