[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
113
質問
17
票
4
回答
4,315
閲覧数
要素に適用されている実際のフォントを知るには?
CSS の font-familyプロパティ について、こちらに
font-familyプロパティは、フォントの種類を指定する際に使用します。
フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 ...
1
票
1
回答
793
閲覧数
Gulp で起動した BrowserSync に出力先ディレクトリの更新時にもれなくリロードさせたい
何とかcssの変更を感知するところまでは来ているのですが、index.htmlだけリロードしてくれてcssはしてくれません。
現在のgulpfile.js
// プラグインの読み込み
var gulp = require("gulp");
var postcssimport = require('postcss-import');
var postcss = require('gulp-...
8
票
8
回答
1万
閲覧数
for文でclick時の動作を定義したい
要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。
下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか?
for (var i = 0; i < ...
5
票
5
回答
391
閲覧数
ブラウザで開いてるページの ajax 通信の内容を自動でローカルファイルに残したい
ウェブアプリの ajax 通信の内容を自動でローカルファイル等にダンプしたいです
tcpdump で特定のドメインIPがソースのパケットをファイルにダンプすればできなくはなさそうですが
HTTP ヘッダとかを分離しないといけないので大変です
chrome の開発ツールで
ネットワーク > XHR > Name が特定のエンドポイント
の場合のレスポンスボディだけを
...
6
票
2
回答
545
閲覧数
Javascriptの掛け算の結果が計算機の結果と異なるのはなぜですか?
本当にちいさな質問なのですがJavascriptで
alert(19.4*50);
とすると「969.9999999999999」とでてきます。
けど、計算機で計算すると「970」と表示されます。。。
なぜ計算結果が異なるのか不明なのですがご存じの方いらっしゃればご教授おねがいします・・・。
すみません。私のブラウザー環境ですが
IE:10
Chrome: 69.0....
3
票
3
回答
3,023
閲覧数
タブバーの推移先のhtmlファイルでjsを実行する
OnsenUIのタブバーを使っているのですが、タブバーの推移先で日付を表示したかったのでjsのDataクラスを使おうとしたのですが、動きませんでした。
タブバーの推移先のhtmlファイルに
<script>
var today = new Date();
document.write(today);
</script>
...
1
票
1
回答
880
閲覧数
アップロードした写真を自動的に圧縮出来る方法があればご教授下さい。
知見のある皆様へ
昨日も投稿しましたが、誤解を与える質問かなと思いましたので再度投稿させて頂きます。
さて 現在 某顧客から申込受付システムの提案依頼・相談されております。
(業務ノウハウが弊社にあり、その点を評価されての提案依頼です)
顧客からは
・サービス申込には本人確認書(免許書・マイカード等)が必要になる。
よって 本人確認証明書を写した画像ファイルを申込受付サイトから
...
6
票
1
回答
159
閲覧数
static x = ( { y } ) => { ... }の仕組みについて
https://www.youtube.com/watch?v=JbaZs1dzsVo
上記react native参考動画の
static navigationOptions = ({navigation}) => {...}
の部分なのですが、navigationを引数に受け取れる仕組みが理解出来ません。
そもそも変数を{}で囲むとどういった動きをするのでしょうか。
...
4
票
1
回答
2万
閲覧数
jQuery 動的に読み込んだDOM要素の表示完了時にjQueryプラグインを適用したい
動的に読み込んだ要素にjQueryプラグインを適用したいです。
<div id="content">
</div>
上記の中に<a class='tooltip' href=...>link</a>を動的に読み込んで追加し、そこにプラグインを適用させたいのですが、うまくいきません。
$(function(){
$("div#content")...
1
票
1
回答
175
閲覧数
Rails + webpacker における global と window と config/webpack/environment.js の違い
Rails 6 から JS が webpacker 管理になって
ビューに onclick="..." でうめこんだJSが動いたり動かなかったりするので困っています
モジュールになっちゃうせいでグローバルコンテキストにないせいかと思うんですが
window.xxx に代入する
global.xxx に代入する
config/webpack/environment.js の ...
1
票
1
回答
1,173
閲覧数
TypeScriptでtsconfigが読み込まれない。
下記の記事を参考に tsconfug.json のコメントアウトを外したのですが、エラーが取れないです。
error TS1192: Module '"fs"' has no default export. エラーを取ろうとしてtsconfig.jsonの設定をしていたのですが、設定してもエラーが取れないので、読み込まれていない事に気付きました。
...
1
票
2
回答
6,252
閲覧数
javascriptのエラー内容が分かりません
client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません
< の記号でのエラーのようですけどどこにも使ってないのでさっぱりです
javascriptに詳しい方いらっしゃいましたらお願いいたします
エラー内容
SyntaxError: expected expression, got '<' client.js:1
http://d....
0
票
1
回答
92
閲覧数
addEventListnerをページ更新後に追加される要素にも適応したい。
Javascriptを勉強しているのですが、下記の要素に上手くaddEventListnerを適応したいです。
分からない事
同じクラス名の要素に別々の変更を加えるには
作成したい機能
inputにurlの入力があったらurlを元にサムネイルを取得してimgタグ内にサムネイルのurlを挿入します。
要素について
.dlcardWrapがあってその子要素として.dlcardがあります。...
0
票
1
回答
184
閲覧数
コードの理解を深めたい
以下のコードを理解したく思っております。
前回の質問は以下になるのですが、長くなるため、新しく質問させていただきました。
コーディングテストで質問の意味がわかりません。
自分で日本語訳を付けてみましたが
間違い箇所をご指摘いただければ幸いです。
ちなみに言語はJavascriptです。
参照コード
https://gist.github.com/paveleremin/...
17
票
1
回答
4万
閲覧数
JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?
ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか?
$.getJSON('/data.json', function(data) {
// ファイルダイアログを表示して、指定したファイルへ data を書き込む
});
3
票
1
回答
1万
閲覧数
style属性を変更しているJavaScriptコードの場所を調べるには?
Chromeデベロッパーツールにおいて、JavaScriptからCSSを編集した場合にelement.styleに結果が表示されますが、JavaScriptの該当行を知るにはどうしたらよいのでしょうか。
添付画像のelement.styleが外部JavaScriptのどこから(何行目において)設定(記述)されているものなのか知りたく、ご教授いただけますと幸いです。
どうぞよろしくお願いいたします。...
15
票
1
回答
6,339
閲覧数
HTMLで独自タグを使うのは仕様上問題ないのか
例えば、HTMLタグで定義されていない card というタグ名を作成したいとき、
<card>カード</card>
このような感じで書けば、検証した限り、IE9を含むすべてのブラウザで正常に動作するのが確認できました。
いろいろ調べて見ると、Custom Elementのついての記事ばかりで、独自タグについて言及している記事はなかなか見つかりません。
このような、...
6
票
2
回答
783
閲覧数
Riot.jsにおいて、子や孫のカスタムタグを利用者に意識させずに済む方法
当然出来ると思ってたのですが上手く動きません。
Riot.jsでカスタムタグ<tag-a>を追加する時、
<script type='riot/tag' src='tag-a.html'></script>
みたいな事書きますよね。
このtag-aの内部で利用する別のカスタムタグ<tag-b>のためのscriptタグを、tag-a....
6
票
1
回答
1,066
閲覧数
クリックした場所が、テキストの上かどうかを判別したい
ユーザがクリックした場所が、テキストの上かそうでないかを判定するにはどうしたらよいでしょうか。
(テキストの上、というのはマウスカーソルが | になっている状態のことを考えています)
例えば、以下のコードでクリックした位置の「要素」を取得することはできました。
document.addEventListener("mousedown", function(event){
console....
5
票
2
回答
317
閲覧数
JavaScript&HTMLクライアント利用時の、クライアントの正当性を担保する方法について
バックエンドAPIサーバーと通信するクライアントを、JavaScript&HTMLで作成しようとしています。
バックエンドで「正しいクライアントからのリクエストか否か」を調べるためには、クライアントに専用の秘密の文字列を埋め込んでおき、それをリクエストパラメータまたはヘッダに含めて送信するのが一般的なのではないかと思います。
しかし、JavaScript&...
4
票
3
回答
3万
閲覧数
DIV要素にonloadの代用になるものはありますか?
div要素にonloadを付けたいのですが、残念ながら現在の時点ではdivにonloadは付けれません。
ですが、divにonloadなる物を付けたいのですが、何か代用できる方法などはございますでしょうか?
私がやりたいことは、「onload指定している箇所が読み込まれた後、他の要素を表示する」事です。
<style>
.main_off {
display: none;
}
....
3
票
3
回答
2万
閲覧数
JavaScript正規表現でマッチした全ての値を配列で取得する
JavaScriptで下記データから大括弧[]内のデータだけ、抜き出す良い方法を教えてください。
a[hogehoge] b[fugafuga] c[piyopiyo]
求める出力結果としては、["hogehoge", "fugafuga", "piyopiyo"] になります。
12
票
5
回答
3,235
閲覧数
Javascriptの仕様で「オブジェクトは共有渡しで、プリミティブ値は値渡し」と区別しているのか
JavaScriptの参照に関する記事でよく、オブジェクトは共有渡しで、プリミティブ値は値渡しと書かれていますが、仕様書をみても当該の記述を見つけられません。
仕様書を読む限り区別がない、つまり全てが値渡しの様に見えてしまいます。
もしくはReference型にbaseとして格納されているのは値を構成するデータ配列ではなく、値の存在そのもの、つまり参照(ポインタ)に近い概念であって、...
7
票
1
回答
2,362
閲覧数
「304 Not Modified」をハンドリングしたい
Rails 3.2 を使っています。
ajax で get して、hoge.js.erb で処理をしています。
具体的には商品をどんどん追加していき、最後に submit で POST します。
商品を追加する部分で稀にサーバが 304 を返すのですが、200 でも 304 でも画面上での表示は追加された動きになります。
しかし、 POST 時に 304 が返ってきた商品は欠落(...
6
票
1
回答
5,220
閲覧数
JavaScript からデフォルトのロケールを取得・変更したい
Number の toLocaleString() や Date の toLocaleString() をロケールを指定せずに実行した場合、
Number(1234).toLocaleString();
-> "1,234"
(new Date).toLocaleString();
-> "2014年12月27日 18:50:30"
と表示されました。(...
5
票
1
回答
582
閲覧数
特定の1行(HTML)に紐づいているJSを特定する方法はありますでしょうか?
特定の1行のHTMLソースに紐づいているJSを
一番効率よく割出す方法はありますでしょうか?
具体的には以下となるのですが、
https://www.sony.co.jp/united/userexperience/support/ja_jp/?uxscc=set
例えば上記サイトの Gナビ部:【CSR・環境・社会貢献】
のアコーディオン時のレイアウトが崩れています。
...
4
票
3
回答
3,735
閲覧数
jQuery / JavaScriptで、ロード画面を表示させたい
作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。
すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
4
票
4
回答
644
閲覧数
メソッドなのかプロパティなのかすべて覚えるのは非常に困難だと思います。 何か区別する方法はないのでしょうか?
.classNameはメソッドではなく、プロパティなので下記のように引数ではなく代入をするというのはわかったのですが、メソッドなのかプロパティなのかすべて覚えるのは非常に困難だと思います。
何か区別する方法はないのでしょうか?
無限にあるメソッド、プロパティを毎度調べて今回はメソッドだったので()か、プロパティだったので=で代入かと判断するしかないのでしょうか?
const ...
3
票
1
回答
5,694
閲覧数
forループ内の関数作成をNGにする理由
for (i = 0; i < array.length; i++) {
$(".hoge").each(function() {
alert("hoge");
});
}
上のように、ループ文の中にfunctionを作成すると、JSHint(JSLintでも同じ)でエラーになります。
JsHint (W083): Don't make functions ...
6
票
1
回答
480
閲覧数
マルチプラットフォーム上で動作するJavaScriptのランタイムエンジンはありますか?
Windows, Mac, iOS, Android上で動作するアプリにJavaScriptのエンジンを組み込みたいです。
具体的には、Unityで作成しているアプリにJavaScriptファイルを動的に読み込み、実行できる機能を付けたいのですが良いライブラリ, SDKが見つかりません。
Googleの出しているV8エンジンを試してみたのですが、資料が乏しくて扱いづらいです。
c#...
6
票
1
回答
2,166
閲覧数
img要素のonloadを動的に設定する際の挙動について
全ての<img>のロードが完了した時点で処理をしたい、といった質問の回答において、$.Deferredを使った例が挙げられています。
(以下 https://ja.stackoverflow.com/questions/6086#comment5088_6127 よりコードを引用)
$.fn.all_loaded = function () {
var all_done = ...
5
票
2
回答
1,489
閲覧数
jQueryを拡張して要素を回転させたい
jQueryっぽく要素を回転させたい
$("#elem").rotate(90); => #elemが90度回転
$("#elem").rotate() => "90"が返る
5
票
1
回答
1,546
閲覧数
Javascriptでのスロットマシン
質問させていただきます。
Javascriptでスロットマシンを作っているのですが、
最後の「あたり」「はずれ」の判定をどうやっていいのか分かりません。
どなたか教えて下さい。
javascript
//左リールの制御
function a1() {
//aにHTMLから取得した数字を代入
var a=document.getElementById("su1")....
4
票
0
回答
2,812
閲覧数
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....
4
票
1
回答
240
閲覧数
(node | io).jsのStreamについて
jsのStreamについて勉強しています。
readableイベントについて勉強するために
下記のコードを書いたのですが、うまく動きません。
helloworld.txtの内容をconsoleに表示 -> MyPushを付け加える -> process.stdout
(標準出力)に送る
ということがしたいのですが、どうやら、process.stdoutにnullが送られているようです。
...
4
票
4
回答
2,065
閲覧数
どうしてこのsetTimeoutのコードが同じ値ばかり出力していますか
このコードを実行してみたら、不思議な結果がでました
function printFive() {
for (var i = 0; i < 5; i++) {
setTimeout(function () {
console.log(i);
}, i * 1000);
}
}
printFive();
こうすれば、
...
3
票
2
回答
1,398
閲覧数
8パズルで、最初にシャッフルさせる時の考え方
8パズルで、解けないような配置になることはありますか?
・最初にシャッフルさせる場合、単純にランダム配置させるだけでは駄目?
123
456
78
経緯
・ネットに掲載されていた8パズルを試しているのですが、どうしても解けないときがあります
・コード内容によっては、解けない8パズルが出来ることもある?
分からないこと
・参考にしているコードが、そもそも正しいか分からない
・...
3
票
1
回答
3,105
閲覧数
FormDataを使わずにBlobをアップロード・inputタグに設定する方法はありますか?
クライアントサイドから画像アップロードする際の手段について質問です。
JSでFormDataを用いたAjaxアップロードについては散見しますが、通常のHTTPでPOST送信する方法が見つからず、その手段について知りたいです。
前提条件は、
クライアントサイドで画像ファイル選択
クロップ処理
dataURIの形式で取得(またはBlob変換)
この際のdataURI(BloB)...
3
票
1
回答
1万
閲覧数
ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ画面キャプチャしたい
ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ、「JavaScript」か「PHP」で画面キャプチャしたいです。
HTMLの指定タグ(id)範囲から、画面位置を割り出し、そのサイズを取得して、画像で画面キャプチャすることは可能でしょうか?
3
票
1
回答
2,785
閲覧数
JavaScriptの各ブラウザ対応状況のチェック方法
開発するにあたって使用しているECMAScript6の各Classやmethodが各ブラウザに対応しているかどうか確認したいのですが
WEB UIにては
http://kangax.github.io/compat-table/es6/
のサイトを使用すれば一つ一つ確認はとれるようなのですが
手作業でひとつひとつ上記サイトにてチェックすることになりそうです。
...
3
票
1
回答
3,643
閲覧数
JavascriptをつかったAjaxのPost処理
Ajax初心者です。JQueryからAjaxを始めるとどうしてもおまじない感がでてしまい、ビハインドロジックを理解できないと思っているため、Ajaxをjavascriptで書いてみています。jsonでファイルを渡しているのですが、うまくいきません。(ステータスは200でPOSTで送信できているのですが、receive.php側の$_POSTに何も入っていません。。)...
2
票
1
回答
5,304
閲覧数
WebViewでJavaScriptのダイアログを表示させたい
package com.example.makki.webviewex;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit....
2
票
1
回答
2,056
閲覧数
Chrome extensionでbackground.jsからpopup.jsの関数を呼びたい。
タイトルのようなことをするために下記コードを作成しました。しかし、関数も発火せずエラーも出ません。どうすればbackground.jsからpopup.jsにデータを送ることができますでしょうか。
background.js
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
...
2
票
2
回答
2,284
閲覧数
ng-repeat中に前の要素と比較して表示の出し分けをしたい
Monaca
ONSEN UI 1.3.0
AngularJS 1.3
タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。
以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
...
2
票
3
回答
1,817
閲覧数
データの無い行も含めて、常に50件表示したい
現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。
データの無い行も含めて常に50行を表示したいのですが、方法が分かりません。
また、常に50行を表示したいので、表示行数設定は削除したいです。
ご教授をお願いします。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
...
1
票
1
回答
2,506
閲覧数
ドラッグ&ドロップされたファイルをサーバにアップロードするには?
よろしくお願いします。
簡易ファイルサーバを作っています。
ファイルのアップロードについて、formの<input type = "file">を使ってのアップロードはできています。
ドラッグ&ドロップでもファイルをアップロードする機能を付けたいと思っているのですが、質問があります。
色々なサイトを参考に、ドラッグ&...
0
票
2
回答
701
閲覧数
Discord.js を使ったグローバルチャット内での処罰システム
私はDiscord.jsを使ってグローバルチャットを作っています。
この方 のサイトを参考に作っていました。
そこでこれMute出来ないと荒らされるのでは?と思い質問しました。
コマンドを検知するところはわかるのですか、Mute・Banする機構がわからないです。
グローバルチャットで発言した時、すべてのサーバーに適応されずに発言したメッセージを削除するようにしたいです。
発言 -> BOTが検知 -...
0
票
1
回答
100
閲覧数
Google spreadsheetの内容を外部のhtml(wikidot)に記述する
初心者です
外部のhtml上(wikidot)に何らかの方法でGoogle spreadsheetの内容(例えばA1等)を
pタグの中に入れて、Google spreadsheetの内容の変更に応じて随時更新できるようなことは可能でしょうか?
同様の質問
可能であればご教授いただけますと幸いです。
よろしくお願いいたします。
6
票
1
回答
1,711
閲覧数
"use strict" と ECMAScript6 の関係性について
ECMAScript5 で、"use strict" 設定した際だけに起きる内容は、ECMAScript6 でも継続されるのでしょうか?
・例えば、関数呼出した際、「strictモードでは this が undefined になり、非strictモードではグローバルの this (ブラウザでは window)になる現象」は、継続されるのでしょうか?
・相変わらず明示的に"use strict" ...
5
票
1
回答
3,261
閲覧数
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
■やりたいこと
タイトル通りなのですが、初回起動時にはサービス利用の同意画面を出したいと考えています。
...