すべての質問
ecmascript or javascript でタグ付けされた
2,776 件の質問
4
票
1
回答
241
閲覧数
(node | io).jsのStreamについて
jsのStreamについて勉強しています。
readableイベントについて勉強するために
下記のコードを書いたのですが、うまく動きません。
helloworld.txtの内容をconsoleに表示 -> MyPushを付け加える -> process.stdout
(標準出力)に送る
ということがしたいのですが、どうやら、process.stdoutにnullが送られているようです。
...
4
票
1
回答
221
閲覧数
Polymer.jsでオブジェクトのメンバをバインドすると何故かstaticになるのはバグ?
こういうCustom Element <test-01>があります
test-01.html
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-button/...
4
票
1
回答
6,716
閲覧数
jQueryUIのautocompleteを日本語確定後に実行させる方法
jQuery/javascriptを勉強中のものです。よろしくお願いします。
テキストボックスでAmazon.co.jpのキーワードサジェスト機能を使いたいと思いまして
調べたところ、
jQueryでAmazon/Googleのsuggest機能を実装する
http://d.hatena.ne.jp/tatsu-no-toshigo/20140428/1398667460
...
4
票
1
回答
1,236
閲覧数
Node.js で process.env をスタブする方法
process.env をテスト用に置き換えたいと考えています。
現状では以下のようにごっそりと置き換えています。もっとスマートな方法はありますでしょうか?
describe('test', function() {
beforeEach(function() {
this.env = process.env;
process.env = { hoge: 123 };
}...
4
票
1
回答
1万
閲覧数
モバイルブラウザでピンチインしても位置・サイズの変わらない固定要素を作る方法
メニュー付きのコンテンツ表示ページを作ろうと考えています。
ピンチイン・アウトで画像を自由に拡大縮小が可能。画面の上下に常時メニューが表示される。メニューはコンテンツを拡大縮小しても固定位置・サイズである。コンテンツの拡大縮小はブラウザの処理に任せる。
という条件のUIを考えておりまして、以下の様なサンプルを作ってみました。
http://fushi.x0.com/php_system/...
4
票
1
回答
936
閲覧数
Frisby.jsでネストしたJSON ResponseのテストにCustom Matcherが使えない
REST APIのテストフレームワークであるFrisby.jsに関する質問。
レスポンスのJSONデータの値が「nullか文字列」である事をテストしたい場合、以下のような形でCustom Matcherが使える。
frisby.create('Test using a path as the paramater')
.get('http://localhost:3000/test')
....
4
票
1
回答
282
閲覧数
Javascriptをデバッグするときの、Dateの文字列化を変更できるか
質問
Javascriptを、Chrome,EdgeやFirefoxの開発ツールとVSCodeを使ってデバッグを行っています。
デバッグ中に変数をウォッチすると変数は文字列化されて表示されますが、米国式(MDY)に表示されるのが読み取りづらいです。
読み取りやすいYMDの並びで表示させる方法はありますか?
環境
Chrome 120.0.6099.217
VS Code 1.85.1
試したこと
...
4
票
1
回答
990
閲覧数
console.logで改行を含んだ文字列にスタイルを付けると配置がおかしい
↑の開発者ツールのスクリーンショットのように、
console.logでは二番目以降の引数を使ってスタイルを当てられます。
が、改行を含む文字列にスタイルを当てようとすると変なことになります。
Chrome(65.0.3325.181, 64bit macOS)ではなぜか二行目に文字が移動し、
Firefox(59.0.2, 64bit macOS)では余計な空白が入ります。
...
4
票
1
回答
195
閲覧数
Object.assign()の評価タイミング(?)について
function func1 () {
return Array(3).fill({}).map((item, index) => {
return Object.assign(item, {index: index});
});
};
私はこのfunctionの返り値が以下のようになるのを期待していました。
console.log( func1() ); // [ {...
4
票
1
回答
2,092
閲覧数
画面一部の慣性スクロール中のtouchstartイベントによる動作について
divタグのcssに「overflow-y: scroll;-webkit-overflow-scrolling: touch;」を設定し、iOSのwebviewにて画面の一部を慣性スクロールするように設定をしています。
divタグ内にリストやテーブルを作成し、各行タップ(touchstart or touchend)により異なるページへ遷移するようにイベントを指定しているのですが、...
4
票
1
回答
1,692
閲覧数
セレクタで選択した要素の、親要素の兄弟要素の内容を、全て取得したい
<tr th:each="info : ${infoList}">
<td><input type="checkbox" name="checkbox" onClick="checkboxClick();"/></td>
<td>[[${info.testa}]]</td>
<td>[[${...
4
票
2
回答
949
閲覧数
JavaScriptのテストコードのimportパス指定で"../"を使いたくない
現在、gulp + babel + mocha の組み合わせでテストを書こうと考えています。
プロダクションコードはroot/src/modulesディレクトリ配下においています。
テストコードはroot/test/modules下に、プロダクションコードと同じ構成で置きたいです。
この場合、テストコードに
import sut from '../../../(repeatUntilRoot....
4
票
2
回答
612
閲覧数
オブジェクトのマージについて
javascriptで下記の2つのオブジェクトをマージしたいと思っております。
valの値は共通しているので”A”という結果になり、childの値はそれぞれ異なるためどちらの値も残し、マージしたいのですがどのような実装が考えられますでしょうか。
ライブラリはjQueryを使用しております。
マージ元
obj1 = {
val : "A",
child : [{
...
4
票
2
回答
1,547
閲覧数
JS内で生成・appendした要素からスライドショーを初期化する時に、setTimeoutで処理を遅延させないとうまく初期化できないのはなぜ?
動的に作成した要素をappendした後に、その構造に対してスライドショー(bxSlider)を初期化するという処理を実装しようとしています。
この際、スライドショーを「①」で初期化しようとすると上手く初期化できず、
「②」の様にすると上手く動作します。
静的なHTMLであらかじめ構造を用意してから初期化を叩くと正常に動作する為、
HTMLの構造やbxSlider()...
4
票
2
回答
6,628
閲覧数
javascriptでtextareaの中の高さを取得する方法
textareaではスクロールが有効になるため文字数が多いと、textarea自体の高さと、中身の高さが変わると思います。
この中身の高さを得る方法はありますか?
4
票
1
回答
170
閲覧数
MediaElement.js 利用時の検索結果に、ログが混ざる
MediaElement.js を利用しているのですが、 こちらを利用すると下記メッセージがGoogleの検索結果に反映されてしまいます。
Initializing... stage: 500x375 file: [動画パス] autoplay: false
preload: none isvideo: true smoothing: false
...
4
票
1
回答
5,741
閲覧数
input タグ multiple 属性で選択させた複数のファイルを、個別のクエリパラメータに分けて送信したい
<input file="file" name="files" multiple="multiple" />
によって複数選択されたファイル(例として5つ選択されたとします)を
<input file="file" name="files[0]" />
<input file="file" name="files[1]" />
<input file="...
4
票
1
回答
2,738
閲覧数
CasperJS でクリック後の Request URL の取得方法
CasperJS で、クリック後の Request URL の取得方法を教えて下さい。
タグの href や src の属性を確認せず、 Request URL を取得する方法です。
casper.on('resource.requested', function(resource){
this.echo(resource.url);
});
で全ての Request URL ...
4
票
1
回答
1,810
閲覧数
Photoshopプラグイン(Javascript)でアクティブドキュメントのファイルパスを取得するとlengthの値がおかしくなる
Adobe ExtendScript CS6で、Adobe Photoshop CS6向けにJavascriptで書いたコードです。
filename = app.activeDocument.path;
alert(filename);
alert(filename.length);
以上のコードを実行すると最初に ~/Desktop が表示されます。
しかし、...
4
票
1
回答
705
閲覧数
タイムラインを管理できるAnimationライブラリでオススメなどあれば教えてください。
Three.jsを使い、アニメーションを制作しようとしています。
タイムラインの管理が出来るAnimationライブラリを探していて、TweenMax.jsが便利そうだと感じました。
しかし、他の選択肢も考えうると思うので、もしよろしければ、他のアニメーションライブラリなどの雑感など教えていただければ幸いです。
参考までに、欲しい機能としては、
アニメーションとTweenの基本的な機能
...
4
票
1
回答
860
閲覧数
OWASP (zap) にてURLエンコードされていないパラメーターを持つURLにアクセスしたい
概要
構築しているサイトの脆弱性を発見したく、OWASP(zap) D-2017-02-27を利用しています。
URLエンコーディングされていないURLへアクセスを行い、XSSが発生していないか確認したいと考えています。
OWSPの規定のxssの動作では検出できない、特定のパラメーターを持つアクセスを行いたいと考え、ActiveRulesへJavaScriptを追加しましたが、...
4
票
0
回答
300
閲覧数
WindowsでAppiumを使用してAndroid携帯を自動で動作させる方法
Android携帯で自作アプリを自動で動作させる為にAppium環境を構築致しました。
自動で動作させるためのスクリプトはJavaやJavaScript,Ruby等で可能とあり参考サイトをあちこち回った結果、Rubyでapkインストール、アプリ起動、タップまではできました。
Wi-Fiの設定一覧画面を表示する場面があり、一覧から特定の名前のWi-Fiを選択したいのですが、...
4
票
0
回答
458
閲覧数
angularjsでイメージファイルをservletに送信したい。
いつもお世話になっております。
angularjsでイメージファイル(MultipartFile)をサーブレットに送信したいのですが、
springの@RequestParamアノテーションで上手く取得できません。
jsp
<form method="POST" id="image-form" enctype="multipart/form-data">
<input ...
4
票
0
回答
2,841
閲覧数
ONSEN UI + JQueryのタブ切り替え時のons.readyとscriptについて
お世話になります。
MoancaIDEでiOS/Android向けアプリを開発中ですが、頻繁にJQueryによるAjax通信が動作しなくなり原因がわからず困っています。
というのも、そもそも別ページに記載したjavascriptが動作していないのではないかという疑念です。
環境:MoancaIDE / Chrome 40.0.2214.93 m
Cordova 4.1.0
ONSEN UI 1....
3
票
3
回答
2万
閲覧数
getElementByIdで同時多数取得
javascriptに詳しい方ぜひ教えていただきたいですが、下記のコードを個別指定ではなく、一つに統合するのにどう書けばよろしいでしょうか。
具体的にいうとgetElementByIdで各IDを同時に指定したいのですが、if文とかorとかいろいろ書いてみたのですが、作動せず難しいです。
document.getElementById("aform").onsubmit=function(){...
3
票
5
回答
3万
閲覧数
JavaScriptで数値をカンマ区切りでフォーマットする方法
JavaScriptで数値をカンマ区切りする方法としては、
こちらの正規表現を使った方法がメジャーなようですが、以下のように
var re = /(\d)(?=(\d\d\d)+(?!\d))/g;
String(1234).replace(re, '$1,'); // 1,234 OK
String(1234.56).replace(re, '$1,'); // 1,234.56 ...
3
票
1
回答
2万
閲覧数
style属性を変更しているJavaScriptコードの場所を調べるには?
Chromeデベロッパーツールにおいて、JavaScriptからCSSを編集した場合にelement.styleに結果が表示されますが、JavaScriptの該当行を知るにはどうしたらよいのでしょうか。
添付画像のelement.styleが外部JavaScriptのどこから(何行目において)設定(記述)されているものなのか知りたく、ご教授いただけますと幸いです。
どうぞよろしくお願いいたします。...
3
票
2
回答
2,253
閲覧数
8パズルで、最初にシャッフルさせる時の考え方
8パズルで、解けないような配置になることはありますか?
・最初にシャッフルさせる場合、単純にランダム配置させるだけでは駄目?
123
456
78
経緯
・ネットに掲載されていた8パズルを試しているのですが、どうしても解けないときがあります
・コード内容によっては、解けない8パズルが出来ることもある?
分からないこと
・参考にしているコードが、そもそも正しいか分からない
・...
3
票
2
回答
405
閲覧数
空配列を条件式で使った場合の論理演算の結果が分からない
if ([] == false && []) {
console.log("True");
} else {
console.log("False");
}
なぜ実行結果が True になるのでしょうか?
内部的にはどのように評価されているのでしょう?
3
票
1
回答
552
閲覧数
自然対数の割り算の意味がわからない
Byte サイズから適切なサイズ名(KB、MBなど)を算出するコードの中で、
Math.log() を使用しているものを見つけたのですが、これはどういう意味でしょうか。
function formatBytes(fileSize) {
const i = Math.floor(Math.log(fileSize) / Math.log(1024))
return `${Math....
3
票
1
回答
3,025
閲覧数
<script defer>を複数記述した場合、実行順序は保証されるでしょうか?
下記で、1.jsの内容を、常に2.jsで使用できるでしょうか?
<script src="1.js" defer></script>
<script src="2.js" defer></script>
下記の場合の実行順序は?
・1.js処理後に、2.jsを処理?
<script src="1.js" defer></...
3
票
2
回答
128
閲覧数
iojsでrxをグローバルにインストールできない
npm install -g rxでrxをインストールしたのですが、require("rx")でmoduleを読み込もうとすると下記のようなErrorが起こります。
npm install -g は coffee などのコマンド用の場所なのでしょうか?
環境はiojs v1.7.1, npm v2.7.6です。
Error: Cannot find module 'rx'
at ...
3
票
5
回答
2万
閲覧数
Tableのヘッダ固定、列固定
Excelの「ウィンドウ枠の固定」のようにTableのヘッダ行や列を固定したいです。
colspanやrowspanを用いてセル結合しているTableでも適用可能な手法やライブラリはあるでしょうか?
3
票
3
回答
436
閲覧数
配列に対して obj[obj.length]=xx としてもlengthが増えない
すごい初歩的なことかもしれませんがわからなかったので質問させて下さい。
配列のlength番目に代入すれば、その分配列の要素数も増えて
以下のようにlengthの値も1増えると思うのですが、
javascript
var array = ['A', 'B', 'C'];
console.log(array.length); // 3
array[array.length] = 'D';
...
3
票
1
回答
3,771
閲覧数
JavascriptをつかったAjaxのPost処理
Ajax初心者です。JQueryからAjaxを始めるとどうしてもおまじない感がでてしまい、ビハインドロジックを理解できないと思っているため、Ajaxをjavascriptで書いてみています。jsonでファイルを渡しているのですが、うまくいきません。(ステータスは200でPOSTで送信できているのですが、receive.php側の$_POSTに何も入っていません。。)...
3
票
1
回答
1万
閲覧数
asyncの中でだけ、try-catchがrejectedされたPromiseをcatchできる理由がわからない。
asyncの挙動について、MDNのドキュメントだけでは分からなかったので教えてください。
例えば、以下の try-catchはPromiseのrejectをcatchしません。
try {
(async () =>{
await Promise.reject()
})()
}catch (e){
console.log('ERROR!', ...
3
票
1
回答
379
閲覧数
[] と["テキスト1", "テキスト2", "テキスト3", "テキスト4"] の違い
Chromeで変数をコンソール表示させた時、下記になることがあるのですが、違いは何でしょうか?
・何れも配列?
・一次元配列か2次元配列の違い?
・B内容をAみたいに表示するためには、どうすれば良いでしょうか?
A
▼[]
0:"テキスト1"
1:"テキスト2"
2:"テキスト3"
3:"テキスト4"
//中略
proto: Array[0]
B
▼["...
3
票
1
回答
951
閲覧数
動的に追加したscriptとクロスドメインについて
var script = document.createElement('script');
script.src = 'http://example.com/hoge.js';
document.body.appendChild(script);
example.comは外部ドメインとします。
この場合クロスドメイン制約になりますでしょうか?
また制約にひっかかる場合、...
3
票
3
回答
603
閲覧数
javascript における多次元配列の初期化について
javascriptにおける4次元配列についての質問です。以下のコードは動作します。
var dimension4 = {
map: [[[['4th dimension']]]],
put: function() {
console.log(this.map[0][0][0][0]);
}
};
dimension4.put();
ですが以下のコードは動作しません。
...
3
票
4
回答
2万
閲覧数
JQueryのAjaxのJSONを取得したい
JQueryのAjaxでdone()を使用しています。その返り値から以下のようにJsonデータを取得しようとしているのですが、エラーがでてできません。
//$.Ajax().done(function(response){
var data = $.parseJSON(response.responseJSON);
});
エラー
Uncaught SyntaxError: ...
3
票
2
回答
4,230
閲覧数
オブジェクト内で定義したコールバック関数でオブジェクトのプロパティを変更する方法
MonacaクラウドでOnsenUI/AngularJSを使いアプリ制作の勉強中です。
ファイルを扱うAngularJSサービスオブジェクトを作っています。
フォルダのファイル一覧を取得するメソッドの中でFileSystemAPIを使うため
コールバック関数を使わなくてはならないのですが、その中でファイル一覧を格納するプロパティ(this.x)を書き換えようとすると以下のようなエラーが出ます(...
3
票
4
回答
4,756
閲覧数
要素を連続してクリックしても音がなるようにする
ある要素をクリックするとすぐに音がなるようにしたいと思っています。
下記のhtmlとjsで<h1>をクリックすると音がなるようになっているのですが、2回連続でクリックしたとしても2回連続では音が鳴らず、1度クリックした後で少し間隔を開ける必要があります。これをすぐに音がなるようにするにはどうすればいいのでしょうか?
soundapi.jsなどがあるようですが、極力、...
3
票
2
回答
4,218
閲覧数
ホームボタンを押したらアプリが終了するようにしたいです
monacaでiosアプリを開発しています。
ホームボタンを押してもバックグラウンドでアプリが動いた状態になっている様で、
再度アプリに戻ると、進行中だったゲームの画面に戻り、BGMも再送されます。
ホームボタンを押したらバックグラウンドに回らずにアプリを終了するようにするには、
どうすればよいのでしょうか?
xcodeの場合、UIApplicationExitsOnSuspend を ...
3
票
2
回答
263
閲覧数
var SM = (function{ ... }()) で宣言された変数に、メソッドが生成される仕組み・条件が知りたい
var SM = (function () {
var my = {};
my.get = function (key) {
return localStorage.getItem(key);
}
my.put = function (key, value) {
return localStorage.setItem(key, value);
}
...
3
票
4
回答
1万
閲覧数
リンクを新しいタブ、新しいウィンドウで開いたことを識別する方法
Webページのリンク先ページを表示する方法として、リンクを直接クリックするだけでなく、右クリックから「新しいタブで開く」「新しいウィンドウで開く」で開いたり、新しいタブ(ウィンドウ)を開いてアドレスバーにリンク先のURLを直接貼り付けるなど、様々な方法があると思いますが、どのような方法で表示したかを(サーバーサイドで)識別する方法はあるでしょうか?
二重起動の抑止
複数タブの識別
...
3
票
7
回答
728
閲覧数
JavaScript のメソッドでアロー関数を用いた場合のthisの束縛
アロー関数はレキシカルにthisを束縛するのではないのですか?
発端は以下のようなメソッドをアロー関数で定義しようとしたことに始まります。
const person = {
name: 'Bob',
hello: function (greeting) {
console.log(greeting + ' ' + this.name);
return ...
3
票
2
回答
169
閲覧数
JavaScriptで同じ変数同士の論理演算を分岐に使うことについて
JS初心者です。
サンプルコードを読んでいて、わからない部分が出てきて検索にも引っかからなかったため質問させてください。
var content = (String型のオブジェクト);
if(content && content !== ""){
//処理
}
サンプルコードに上記のようなコードが出てきたのですが、if文の条件に使っている部分の意味がわかりません。
...
3
票
2
回答
195
閲覧数
javascript ES6でのメソッド定義でのthisについて
以下のようにコールバック関数をメソッドとして定義すると、thisは呼び出し元を指してしまいます。
オブジェクトを指すには、私が知っている知識だと以下の2つが考えられます。
・bind(this)を用いる
・setTimeoutのコールバック関数をアロー関数で囲む
毎回、thisが何を指すのか意識して使うより、常にオブジェクトを指してくれると楽だなと思います。
そこでお聞きしたいのは、...
3
票
3
回答
144
閲覧数
JSのオブジェクトの直前プロパティを使いたい
var obj = {
a: 2,
b: 5,
c: obj.a + obj.b
};
このような感じで c に前で宣言したプロパティを利用したいときどのように記述すればよいでしょうか?
3
票
2
回答
383
閲覧数
GETでフォーム送信すると ?search=xxx というURLになるところを /search/xxx にしたい
検索結果ページのURLを
http://example.com/?search=検索文字列
のパラメータ形式から
http://example.com/search/検索文字列
こちらの形式にしたい、と先方より要望がありました。
先方の要望は聞いてあげたいと思いjavascriptとPHPで実装をしてみましたが、とても違和感を覚えたため(ダサい気がして)断ろうと考えはじめました。
...