Skip to main content

[javascript] タグが付いた質問

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。

121 件の質問
絞り込み
並べ替え
タグ付けされた
4
5 回答
1,466 閲覧数

ブラウザで開いてるページの ajax 通信の内容を自動でローカルファイルに残したい

ウェブアプリの ajax 通信の内容を自動でローカルファイル等にダンプしたいです tcpdump で特定のドメインIPがソースのパケットをファイルにダンプすればできなくはなさそうですが HTTP ヘッダとかを分離しないといけないので大変です chrome の開発ツールで ネットワーク > XHR > Name が特定のエンドポイント の場合のレスポンスボディだけを ...
user avatar
18
4 回答
4,787 閲覧数

要素に適用されている実際のフォントを知るには?

CSS の font-familyプロパティ について、こちらに font-familyプロパティは、フォントの種類を指定する際に使用します。 フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 ...
jirolabo's user avatar
  • 2,234
1
1 回答
1,014 閲覧数

Gulp で起動した BrowserSync に出力先ディレクトリの更新時にもれなくリロードさせたい

何とかcssの変更を感知するところまでは来ているのですが、index.htmlだけリロードしてくれてcssはしてくれません。 現在のgulpfile.js // プラグインの読み込み var gulp = require("gulp"); var postcssimport = require('postcss-import'); var postcss = require('gulp-...
web's user avatar
  • 129
11
8 回答
1万 閲覧数

for文でclick時の動作を定義したい

要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。 下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか? for (var i = 0; i < ...
Taizan Yonetuji's user avatar
6
1 回答
170 閲覧数

static x = ( { y } ) => { ... }の仕組みについて

https://www.youtube.com/watch?v=JbaZs1dzsVo 上記react native参考動画の static navigationOptions = ({navigation}) => {...} の部分なのですが、navigationを引数に受け取れる仕組みが理解出来ません。 そもそも変数を{}で囲むとどういった動きをするのでしょうか。 ...
kk bonjour's user avatar
6
2 回答
938 閲覧数

Javascriptの掛け算の結果が計算機の結果と異なるのはなぜですか?

本当にちいさな質問なのですがJavascriptで alert(19.4*50); とすると「969.9999999999999」とでてきます。 けど、計算機で計算すると「970」と表示されます。。。 なぜ計算結果が異なるのか不明なのですがご存じの方いらっしゃればご教授おねがいします・・・。 すみません。私のブラウザー環境ですが IE:10 Chrome: 69.0....
nyako's user avatar
  • 375
4
1 回答
2万 閲覧数

jQuery 動的に読み込んだDOM要素の表示完了時にjQueryプラグインを適用したい

動的に読み込んだ要素にjQueryプラグインを適用したいです。 <div id="content"> </div> 上記の中に<a class='tooltip' href=...>link</a>を動的に読み込んで追加し、そこにプラグインを適用させたいのですが、うまくいきません。 $(function(){ $("div#content")...
tomorin's user avatar
  • 653
3
3 回答
3,060 閲覧数

タブバーの推移先のhtmlファイルでjsを実行する

OnsenUIのタブバーを使っているのですが、タブバーの推移先で日付を表示したかったのでjsのDataクラスを使おうとしたのですが、動きませんでした。 タブバーの推移先のhtmlファイルに <script> var today = new Date(); document.write(today); </script> ...
弥生龍世's user avatar
1
1 回答
4,962 閲覧数

TypeScriptでtsconfigが読み込まれない。

下記の記事を参考に tsconfug.json のコメントアウトを外したのですが、エラーが取れないです。 error TS1192: Module '"fs"' has no default export. エラーを取ろうとしてtsconfig.jsonの設定をしていたのですが、設定してもエラーが取れないので、読み込まれていない事に気付きました。 ...
wataru's user avatar
  • 1,133
1
2 回答
9,319 閲覧数

javascriptのエラー内容が分かりません

client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません < の記号でのエラーのようですけどどこにも使ってないのでさっぱりです javascriptに詳しい方いらっしゃいましたらお願いいたします エラー内容 SyntaxError: expected expression, got '<'    client.js:1 http://d....
seiya yamamoto's user avatar
1
1 回答
1,178 閲覧数

アップロードした写真を自動的に圧縮出来る方法があればご教授下さい。

知見のある皆様へ 昨日も投稿しましたが、誤解を与える質問かなと思いましたので再度投稿させて頂きます。 さて 現在 某顧客から申込受付システムの提案依頼・相談されております。 (業務ノウハウが弊社にあり、その点を評価されての提案依頼です) 顧客からは ・サービス申込には本人確認書(免許書・マイカード等)が必要になる。  よって 本人確認証明書を写した画像ファイルを申込受付サイトから  ...
Nakatsuka's user avatar
1
2 回答
225 閲覧数

スプレッドシートを使う宣言は、関数化して省略できないものでしょうか?

全てのファイルに入力するのは面倒ではないかと思い、数字をA1セルに1を、A2セルに2を入力する関数を作成してみたのですが、 function number() { var spreadsheet = SpreadsheetApp.getActive(); spreadsheet.getRange('A1').activate(); spreadsheet.getCurrentCell(...
中村峻輔's user avatar
0
1 回答
112 閲覧数

addEventListnerをページ更新後に追加される要素にも適応したい。

Javascriptを勉強しているのですが、下記の要素に上手くaddEventListnerを適応したいです。 分からない事 同じクラス名の要素に別々の変更を加えるには 作成したい機能 inputにurlの入力があったらurlを元にサムネイルを取得してimgタグ内にサムネイルのurlを挿入します。 要素について .dlcardWrapがあってその子要素として.dlcardがあります。...
wataru's user avatar
  • 1,133
0
1 回答
667 閲覧数

scipy.optimize.curve_fitのような、任意のグラフで回帰できるアルゴリズムをjavascriptで作成したい(それに準するライブラリをお教えしてほしい。 or シグモイド関数にのみ特化した回帰のためのアルゴリズムを教えてほしい。) )

scipy.optimize.curve_fitのような、任意のグラフで回帰できるアルゴリズムをjavascriptで作成したいです。自分が見つけたライブラリが以下のURLになります。 https://www.npmjs.com/package/regression ですがこれは、単純な線形回帰や対数回帰など、特定のグラフの回帰しかできません。 私が回帰させたい基準となるグラフ(...
shihatu's user avatar
  • 11
0
1 回答
440 閲覧数

Rails + webpacker における global と window と config/webpack/environment.js の違い

Rails 6 から JS が webpacker 管理になって ビューに onclick="..." でうめこんだJSが動いたり動かなかったりするので困っています モジュールになっちゃうせいでグローバルコンテキストにないせいかと思うんですが window.xxx に代入する global.xxx に代入する config/webpack/environment.js の ...
user avatar
0
1 回答
202 閲覧数

コードの理解を深めたい

以下のコードを理解したく思っております。 前回の質問は以下になるのですが、長くなるため、新しく質問させていただきました。 コーディングテストで質問の意味がわかりません。 自分で日本語訳を付けてみましたが 間違い箇所をご指摘いただければ幸いです。 ちなみに言語はJavascriptです。 参照コード https://gist.github.com/paveleremin/...
ligtning's user avatar
19
1 回答
4万 閲覧数

JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?

ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか? $.getJSON('/data.json', function(data) { // ファイルダイアログを表示して、指定したファイルへ data を書き込む });
niu's user avatar
  • 2,020
16
1 回答
9,326 閲覧数

HTMLで独自タグを使うのは仕様上問題ないのか

例えば、HTMLタグで定義されていない card というタグ名を作成したいとき、 <card>カード</card> このような感じで書けば、検証した限り、IE9を含むすべてのブラウザで正常に動作するのが確認できました。 いろいろ調べて見ると、Custom Elementのついての記事ばかりで、独自タグについて言及している記事はなかなか見つかりません。 このような、...
qsmq's user avatar
  • 429
12
5 回答
3,469 閲覧数

Javascriptの仕様で「オブジェクトは共有渡しで、プリミティブ値は値渡し」と区別しているのか

JavaScriptの参照に関する記事でよく、オブジェクトは共有渡しで、プリミティブ値は値渡しと書かれていますが、仕様書をみても当該の記述を見つけられません。 仕様書を読む限り区別がない、つまり全てが値渡しの様に見えてしまいます。 もしくはReference型にbaseとして格納されているのは値を構成するデータ配列ではなく、値の存在そのもの、つまり参照(ポインタ)に近い概念であって、...
JSer's user avatar
  • 592
7
1 回答
2,768 閲覧数

「304 Not Modified」をハンドリングしたい

Rails 3.2 を使っています。 ajax で get して、hoge.js.erb で処理をしています。 具体的には商品をどんどん追加していき、最後に submit で POST します。 商品を追加する部分で稀にサーバが 304 を返すのですが、200 でも 304 でも画面上での表示は追加された動きになります。 しかし、 POST 時に 304 が返ってきた商品は欠落(...
naopontan's user avatar
  • 475
6
1 回答
1,487 閲覧数

クリックした場所が、テキストの上かどうかを判別したい

ユーザがクリックした場所が、テキストの上かそうでないかを判定するにはどうしたらよいでしょうか。 (テキストの上、というのはマウスカーソルが | になっている状態のことを考えています) 例えば、以下のコードでクリックした位置の「要素」を取得することはできました。 document.addEventListener("mousedown", function(event){ console....
YujiSoftware's user avatar
6
2 回答
806 閲覧数

Riot.jsにおいて、子や孫のカスタムタグを利用者に意識させずに済む方法

当然出来ると思ってたのですが上手く動きません。 Riot.jsでカスタムタグ<tag-a>を追加する時、 <script type='riot/tag' src='tag-a.html'></script> みたいな事書きますよね。 このtag-aの内部で利用する別のカスタムタグ<tag-b>のためのscriptタグを、tag-a....
長真生人's user avatar
6
1 回答
1,778 閲覧数

"use strict" と ECMAScript6 の関係性について

ECMAScript5 で、"use strict" 設定した際だけに起きる内容は、ECMAScript6 でも継続されるのでしょうか? ・例えば、関数呼出した際、「strictモードでは this が undefined になり、非strictモードではグローバルの this (ブラウザでは window)になる現象」は、継続されるのでしょうか? ・相変わらず明示的に"use strict" ...
re9's user avatar
  • 6,814
6
1 回答
2,556 閲覧数

img要素のonloadを動的に設定する際の挙動について

全ての<img>のロードが完了した時点で処理をしたい、といった質問の回答において、$.Deferredを使った例が挙げられています。 (以下 https://ja.stackoverflow.com/questions/6086#comment5088_6127 よりコードを引用) $.fn.all_loaded = function () { var all_done = ...
unarist's user avatar
  • 1.5万
6
1 回答
602 閲覧数

マルチプラットフォーム上で動作するJavaScriptのランタイムエンジンはありますか?

Windows, Mac, iOS, Android上で動作するアプリにJavaScriptのエンジンを組み込みたいです。 具体的には、Unityで作成しているアプリにJavaScriptファイルを動的に読み込み、実行できる機能を付けたいのですが良いライブラリ, SDKが見つかりません。 Googleの出しているV8エンジンを試してみたのですが、資料が乏しくて扱いづらいです。 c#...
Futahei's user avatar
  • 283
6
2 回答
1,637 閲覧数

jQueryを拡張して要素を回転させたい

jQueryっぽく要素を回転させたい $("#elem").rotate(90); => #elemが90度回転 $("#elem").rotate() => "90"が返る
Taizan Yonetuji's user avatar
6
1 回答
6,551 閲覧数

JavaScript からデフォルトのロケールを取得・変更したい

Number の toLocaleString() や Date の toLocaleString() をロケールを指定せずに実行した場合、 Number(1234).toLocaleString(); -> "1,234" (new Date).toLocaleString(); -> "‎2014‎年‎12‎月‎27‎日‎ ‎18‎:‎50‎:‎30" と表示されました。(...
jirolabo's user avatar
  • 2,234
5
1 回答
801 閲覧数

特定の1行(HTML)に紐づいているJSを特定する方法はありますでしょうか?

特定の1行のHTMLソースに紐づいているJSを 一番効率よく割出す方法はありますでしょうか? 具体的には以下となるのですが、 https://www.sony.co.jp/united/userexperience/support/ja_jp/?uxscc=set 例えば上記サイトの Gナビ部:【CSR・環境・社会貢献】 のアコーディオン時のレイアウトが崩れています。 ...
HALU's user avatar
  • 53
5
2 回答
342 閲覧数

JavaScript&HTMLクライアント利用時の、クライアントの正当性を担保する方法について

バックエンドAPIサーバーと通信するクライアントを、JavaScript&HTMLで作成しようとしています。 バックエンドで「正しいクライアントからのリクエストか否か」を調べるためには、クライアントに専用の秘密の文字列を埋め込んでおき、それをリクエストパラメータまたはヘッダに含めて送信するのが一般的なのではないかと思います。 しかし、JavaScript&...
Shinichi Maeshima's user avatar
5
1 回答
3,308 閲覧数

AngularJS+ONSEN UI(tabbar)で初回起動とそうでない場合に出し分けをしたい

お世話になります。 環境:MoancaIDE / Chrome 最新版 Cordova 4.1.0 ONSEN UI 1.2.1 AngularJS: 1.3.0(ONSEN UI標準組み込み) JQuery MonacaVer 2.0.3 iOS MonacaDebugger 3.2.0 ■やりたいこと タイトル通りなのですが、初回起動時にはサービス利用の同意画面を出したいと考えています。 ...
Hiroyuki Ishiyama's user avatar
5
1 回答
1,705 閲覧数

Javascriptでのスロットマシン

質問させていただきます。 Javascriptでスロットマシンを作っているのですが、 最後の「あたり」「はずれ」の判定をどうやっていいのか分かりません。 どなたか教えて下さい。 javascript //左リールの制御 function a1() { //aにHTMLから取得した数字を代入 var a=document.getElementById("su1")....
user10383's user avatar
4
4 回答
761 閲覧数

メソッドなのかプロパティなのかすべて覚えるのは非常に困難だと思います。 何か区別する方法はないのでしょうか?

.classNameはメソッドではなく、プロパティなので下記のように引数ではなく代入をするというのはわかったのですが、メソッドなのかプロパティなのかすべて覚えるのは非常に困難だと思います。 何か区別する方法はないのでしょうか? 無限にあるメソッド、プロパティを毎度調べて今回はメソッドだったので()か、プロパティだったので=で代入かと判断するしかないのでしょうか? const ...
temeparkstack's user avatar
4
3 回答
3,877 閲覧数

jQuery / JavaScriptで、ロード画面を表示させたい

作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。 また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。 すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
Yuki TANABE's user avatar
4
4 回答
2,176 閲覧数

どうしてこのsetTimeoutのコードが同じ値ばかり出力していますか

このコードを実行してみたら、不思議な結果がでました function printFive() { for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, i * 1000); } } printFive(); こうすれば、 ...
JLRishe's user avatar
  • 367
4
1 回答
332 閲覧数

横方向に自動リサイズするinputのdirectiveをつくりたい

はじめまして。タイトルのとおりです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。inputにテキストが入力され自動でinputが横方向にリサイズされる処理がわかりません。 また合わせて、inputの初期値のテキスト量に応じてページロード時にinputを自動でリサイズさせておきたいです(500pxをmax-widthにしたいです)。 ...
aoshima.natsuki's user avatar
4
1 回答
241 閲覧数

(node | io).jsのStreamについて

jsのStreamについて勉強しています。 readableイベントについて勉強するために 下記のコードを書いたのですが、うまく動きません。 helloworld.txtの内容をconsoleに表示 -> MyPushを付け加える -> process.stdout (標準出力)に送る ということがしたいのですが、どうやら、process.stdoutにnullが送られているようです。 ...
KiYugadgeter's user avatar
  • 4,358
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....
Hiroyuki Ishiyama's user avatar
4
3 回答
3万 閲覧数

DIV要素にonloadの代用になるものはありますか?

div要素にonloadを付けたいのですが、残念ながら現在の時点ではdivにonloadは付けれません。 ですが、divにonloadなる物を付けたいのですが、何か代用できる方法などはございますでしょうか? 私がやりたいことは、「onload指定している箇所が読み込まれた後、他の要素を表示する」事です。 <style> .main_off { display: none; } ....
名も無いWEB屋's user avatar
3
1 回答
2万 閲覧数

style属性を変更しているJavaScriptコードの場所を調べるには?

Chromeデベロッパーツールにおいて、JavaScriptからCSSを編集した場合にelement.styleに結果が表示されますが、JavaScriptの該当行を知るにはどうしたらよいのでしょうか。 添付画像のelement.styleが外部JavaScriptのどこから(何行目において)設定(記述)されているものなのか知りたく、ご教授いただけますと幸いです。 どうぞよろしくお願いいたします。...
Masaya SUGAWARA's user avatar
3
1 回答
3,287 閲覧数

JavaScriptの各ブラウザ対応状況のチェック方法

開発するにあたって使用しているECMAScript6の各Classやmethodが各ブラウザに対応しているかどうか確認したいのですが WEB UIにては http://kangax.github.io/compat-table/es6/ のサイトを使用すれば一つ一つ確認はとれるようなのですが 手作業でひとつひとつ上記サイトにてチェックすることになりそうです。 ...
H.H's user avatar
  • 2,008
3
2 回答
2,252 閲覧数

8パズルで、最初にシャッフルさせる時の考え方

8パズルで、解けないような配置になることはありますか? ・最初にシャッフルさせる場合、単純にランダム配置させるだけでは駄目? 123 456 78 経緯 ・ネットに掲載されていた8パズルを試しているのですが、どうしても解けないときがあります ・コード内容によっては、解けない8パズルが出来ることもある? 分からないこと ・参考にしているコードが、そもそも正しいか分からない ・...
re9's user avatar
  • 6,814
3
3 回答
2,750 閲覧数

Javascriptで特定のカラーを全て他の色に置き換えるには?

以下のHTMLとCSSがあるとき、Javascriptで #FF0000 を #0000FF に変更するには すべての要素を繰り返し処理で回し、さらにcolorやborder-color、background-colorの 一つ一つの要素の中を覗いて書き換える方法しか思いつかないのですが、もうすこし 効率の良い方法はありますか? また、:after や :before ...
hojo's user avatar
  • 1,175
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 ...
KiYugadgeter's user avatar
  • 4,358
3
1 回答
379 閲覧数

[] と["テキスト1", "テキスト2", "テキスト3", "テキスト4"] の違い

Chromeで変数をコンソール表示させた時、下記になることがあるのですが、違いは何でしょうか? ・何れも配列? ・一次元配列か2次元配列の違い? ・B内容をAみたいに表示するためには、どうすれば良いでしょうか? A ▼[] 0:"テキスト1" 1:"テキスト2" 2:"テキスト3" 3:"テキスト4" //中略 proto: Array[0] B ▼["...
re9's user avatar
  • 6,814
3
3 回答
2万 閲覧数

JavaScript正規表現でマッチした全ての値を配列で取得する

JavaScriptで下記データから大括弧[]内のデータだけ、抜き出す良い方法を教えてください。 a[hogehoge] b[fugafuga] c[piyopiyo] 求める出力結果としては、["hogehoge", "fugafuga", "piyopiyo"] になります。
user7461's user avatar
  • 405
3
1 回答
1万 閲覧数

ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ画面キャプチャしたい

ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ、「JavaScript」か「PHP」で画面キャプチャしたいです。 HTMLの指定タグ(id)範囲から、画面位置を割り出し、そのサイズを取得して、画像で画面キャプチャすることは可能でしょうか?
re9's user avatar
  • 6,814
3
1 回答
3,663 閲覧数

FormDataを使わずにBlobをアップロード・inputタグに設定する方法はありますか?

クライアントサイドから画像アップロードする際の手段について質問です。 JSでFormDataを用いたAjaxアップロードについては散見しますが、通常のHTTPでPOST送信する方法が見つからず、その手段について知りたいです。 前提条件は、 クライアントサイドで画像ファイル選択 クロップ処理 dataURIの形式で取得(またはBlob変換) この際のdataURI(BloB)...
kntmrkm's user avatar
  • 644
3
2 回答
2,455 閲覧数

絵をかくようなアプリ(canvas)でundo機能を作りたい

現在、canvasで書けるお絵描きアプリを作っています。 jqueryで書いていますが、1こ前の状態に戻すundo機能をつけたいと思っています。 mouseupするごとに配列に入れて、[0][1][2][3]みたいに動作をそれぞれの箱に入れたいのですが、どう記述すればよいでしょうか? $(can).on("mousemove", function(e){ if(...
Daiki  Kojima's user avatar
3
1 回答
338 閲覧数

WebAudioAPIでmp3の任意の範囲だけロードさせたい

WebAudioAPIを用いてAudio要素をJavaScriptで制御しています。 長時間のmp3ファイルのうち、1000秒〜1100秒までを再生させたいとします。1000秒から再生を開始するのはcurrentTimeを指定することで実現できました。 しかし、再生を開始するとmp3の先頭からロードが始まり、1000秒地点までロードが到達するまで待機時間が発生します。...
hogesuke's user avatar
  • 381
3
1 回答
6,519 閲覧数

forループ内の関数作成をNGにする理由

for (i = 0; i < array.length; i++) { $(".hoge").each(function() { alert("hoge"); }); } 上のように、ループ文の中にfunctionを作成すると、JSHint(JSLintでも同じ)でエラーになります。 JsHint (W083): Don't make functions ...
jirolabo's user avatar
  • 2,234