[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,681
質問
0
票
1
回答
62
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
0
票
1
回答
219
閲覧数
javascriptで、運賃計算する際、運賃が出たらそれに紐づいて、通勤定期、通学定期が出るようにしたいです。
2つの駅を選択すると運賃などの情報が計算されて表示されるようにJavaScriptで実装したいです。
運賃は2つの駅の距離に連動しています。
現状のプログラムでは、たとえば中百舌鳥と深井を選択したら、間の距離を3.7㎞と計算して、そこから3.7㎞の場合は運賃はいくらかというのが出せるところまではできています。この場合は190円です。
ですが、そこから先、その運賃と連動して、通勤定期、...
1
票
1
回答
95
閲覧数
TypeScirpt の for...of 文で [Symbol.iterator]() が必要と言われる
概要
forof文を書こうと思ったら、[Symbol.iterator]() が必要だと怒られた。
const test = [
{ code: 0, name: "北海道" },
{ code: 1, name: "東京都" },
{ code: 2, name: "大阪府" },
];
function ...
0
票
0
回答
104
閲覧数
reactでinstagramの投稿機能のような画像の座標に対してタグを作成する方法を教えてください。
reactでsnsアプリを作成しています。
投稿の際に画像をクリックして、その座標にタグ作成フォームを表示させたいのですが、その方法がわかりません。
ご教授お願いいたします。
また、参考の記事や検索ワードがありましたら教えてください。
投稿ページの参考画像(インスタグラム)を添付します。
0
票
0
回答
50
閲覧数
javascriptで得た値をphpに渡したい
リンクのurlを手に入れ、そのurlをphpに渡したいです。phpファイルに渡そうとしたらエラーが出てしまいます。わかる方お手数おかけしますがよろしくお願いします。
現時点のコードです↓
chrome.runtime.onInstalled.addListener(() => {
chrome.contextMenus.create({
id: "proto",...
0
票
0
回答
66
閲覧数
リンクのアドレスを取得したい
拡張機能を作成しようとしています。
リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。
現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。
現時点でのコードです↓...
1
票
1
回答
105
閲覧数
Webpackのloaderを通すとファイルの内容が変わってしまう
やりたいこと
Webpackする時に、テキストファイルをそのままstringとしてimportしたい。
(最終的にglslifyを使ってglsl文字列を扱いたい)
期待する結果
以下の内容でWebpackし、メインのjsを走らせた時に「aaaa」が出力される。
raw.txt
aaaa
index.js
import raw from 'raw-loader!./raw.txt';
...
0
票
1
回答
103
閲覧数
import ファイル名 from 'フォルダパス';でインポートする。
Reactで描かれたコードで下記のように使用されているのを見かけてたのですが export名が Index なので import Index from 'hoge'; が正しいように見えるのですが、これでもIndexコンポーネントを <hoge /> のように使用できるのでしょうか。
詳しい方、教えて頂けると幸いです。宜しくお願い致します。
hoge/index.tsx
const ...
6
票
4
回答
7,296
閲覧数
IE11 で開発者ツールを起動していないと ConsoleAPI や Ajax 通信が期待した挙動をしない
(諸般の事情で該当のコードなどを提示することができないのですが、問題解決のために必要であれば別途用意いたします)
表題の通り、InternetExplorer 11 において、開発者ツールを立ち上げていないと期待した挙動をしない問題に直面しております。
いずれも JavaScript の絡んだ処理でしたので、ドキュメントモードなどが原因かと思いましたが、 meta ...
4
票
1
回答
388
閲覧数
テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?
今作っているフロントエンドのアプリケーションが、(JST)時刻に依存した挙動をします。
このアプリの、夜の時の挙動を確認したいと思っているのですが、ブラウザ上でこれを確かめる方法はありますか? なんとなく、 PC の時刻自体をズラしてやれば、おそらくイケる気がするのですが、そこまでやるのはいろいろ大袈裟だと思い、特に例えば devtools の機構などで、...
1
票
1
回答
150
閲覧数
複数IDを対象にしたinputイベントについて
フォームの特定のinputにひらがな以外が入力されたときにアラートを表示するコードを作成していますが、初学者なのでつまづいています。
下記コードで一応希望通りの動きはするようですが、const kana で指定したいIDが2つある場合、どうしたら良いでしょうか?
constのところで2つ指定すれば良いのかと思い、getElementByIdの箇所をquerySelectorAllにしたり、...
0
票
1
回答
98
閲覧数
Electronのレンダラープロセスからプリロードに定義された変数を呼び出したい
Electronのレンダラープロセスからプリロードに定義された変数を呼び出したいです。
Electronのバージョンはv19.0.4です。
公式ページのチュートリアルにしたがって以下のコードを作成しました。
しかしundefinedが表示されてしまいます。
どこに原因があるのでしょうか?
main.js
const { app, BrowserWindow, ipcMain } = ...
0
票
0
回答
36
閲覧数
Qualtricsで質問をスクロールしても、常に画像が上に表示されるようにしたい
私はQualyricsで質問フォームを作成しています。
ある画像をみてもらいながら、質問に回答してもらいたいですが、通常の機能だと質問を見るために上部の画像が消えてしまいます。
スクロールしても常に画像が上部に提示されている状態にしたいです。
英語のページで似たような質問がありトライしましたが、英語自体がよく理解できないためうまくいきませんでした。
プログラミングは全くできないので、...
1
票
2
回答
237
閲覧数
オブジェクトの初期化中にthisで他のプロパティを使うとエラーになる
現在javascriptとHTMLを使ってある機能を作ってるんですけど、制作過程でオブジェクトの定義に関するエラーがあり、抜け出せません。これを解決する方法を教えて下さい。
エラー内容
test.html:23 Uncaught TypeError: Cannot read properties of undefined (reading 'options')
at test.html:...
0
票
1
回答
104
閲覧数
jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう
要約
jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません.
マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います.
...
0
票
0
回答
121
閲覧数
Illustrator javascript 座標の取り方について
とあるスクリプトを作成しているのですが、座標の取り方がわからないのでご教授お願いします。
重なったオブジェクトがあり、すべて選択した状態のオブジェクトがあるとします。
その時にスクリプトを走らせて、
アクティブなオブジェクトの座標を取得し、そのオブジェクト群の中心点の座標を取得します。
↑ここまではできています。
各オブジェクトの中心座標と重なり合う最背面のオブジェクトの座標を取得したいのですが、...
0
票
0
回答
151
閲覧数
Echartsを使用して(または拡張して)グラフをクリックした点すべてのツールチップを表示したい
Apache Echarts.js というJavaScriptライブラリを使用して折れ線グラフを表示しています。グラフの点をクリックすると、情報をツールチップに表示しているのですが、クリックした箇所すべてのツールチップを表示したいのですが、オプション機能などで実現可能なものでしょうか。
標準機能では、次の点をクリックすると以前にクリックした点のツールチップは消えてしまいます。
Echarts.js ...
0
票
0
回答
114
閲覧数
javascriptでSVGを動的にアニメーションさせるには
Webページ上で、SVGのアニメーションをさせたいと思っています。
実現したい内容は、SVGのPathが常時うねうね動き、マウスのクリックや位置の影響を受けて動きを変える(クリックされたら激しく動くとか)ようなことです。
質問1
SVGのは、決まった動きしかできないため、今回の場合使えない?
質問2
物理エンジンの演算結果をSVGの描画に反映させるというやり方がベター?
...
1
票
2
回答
259
閲覧数
ボタンを押したらRandomな値がセットされるようにしたい
現在、簡単なランダムゲームを jQuery を駆使し作っているのですが、ランダムな値を設定する方法が分からず、行き詰まっています。
今回私が作っているものの構成としては、以下のようなものです。
どちらかのボタンを押したら不正解ラッパーが fadeIn される
どちらかのボタンを押したら正解ラッパーが fadeIn される
しかし、もう一度実行した際に前回の正解ボタンを押しても正解とは限らない(...
0
票
0
回答
98
閲覧数
プッシュ通知の実装
プッシュ通知の実装について質問です。
通知の内容を取得すると表示させたい場合、Push.jsやFirebaseを利用する以外の方法はありますか?
0
票
0
回答
322
閲覧数
非同期通信のコメントを表示するにはどのようにすれば良いのか教えていただきたいです
解決したいこと
現在、Ruby on Railsで画像投稿ができるアプリで
非同期通信のコメントを作成しています。
その中でJavaScriptのビューを反映することができず苦戦しております。
自分なりに調べたり、考えたのですが解決することが難しかったため、
どなたかお力添えいただけますと嬉しいです。
現状
こちらの[記事][1]を参考に実装していたのですが、
↓ コメントを送信すると、...
0
票
1
回答
148
閲覧数
Chrome拡張機能ポップアップ内でappendChildする方法
ffmpeg.wasmを使用したChrome拡張機能を作成しています.
拡張機能のアイコンクリック時に表示されるポップアップ内で以下のコードを動かした場合にエラーが発生します.
コード
import { createFFmpeg } from '@ffmpeg/ffmpeg';
const ffmpeg = createFFmpeg({ log: true });
/**
*
* @...
0
票
1
回答
4,045
閲覧数
PythonのSeleniumを用いたhref="javascript:void(0)"のスクレイピング
http://bit.sikkou.jp/app/past/pt003/h01/
上記サイトの各地方・各裁判所・全物件の全データを並べたcsvファイルを作成したいと考えています。
GoogleChromeで各地方のリンクをSeleniumから要素を取得、クリック、ページ遷移ができません。
該当場所のリンクがhref="javascript:void(0)"となっており、...
0
票
0
回答
259
閲覧数
GASで429エラーを回避したい
google apps scriptを使っています。
スプレッドシートで作成した表をurlfatchでpdfにするというループを作り、実行していますが、
途中で429エラーで落ちてしまいます。
テストした感じ、wait時間が
3.5秒くらいなら連続5レコードほど
5.0秒くらいなら連続10レコードほど
6.0秒くらいなら連続20レコードほど と、wait時間を伸ばせばいいという話なのですが、
...
2
票
0
回答
47
閲覧数
Chrome Dev Tool の Performance タブにおいて、関数呼出フレームグラフの、関数それぞれの色は何を表す?
Chrome Dev Tool で、自分のサイトのパフォーマンスを計っていました。
そこで、メインスレッドのフレームグラフの内容を見ていたのですが、ふと、関数それぞれに、別々の色が付いていることに気付きました。例えば下記の画像だと、 javascript の関数呼出は、基本的には水色ですが、たまに、緑だったり薄紅色だったりする様子です。
異なる色がついているからには、その関数について、...
0
票
2
回答
1,118
閲覧数
addeventlistnerで指定した関数から戻り値を受けた取りたい。
以下の様なコードで関数の戻り値を受け取ることが出来ません。イベントが発生したら関数を実行して戻り値を受け取りたいのですが、戻り値を受け取る方法が思い着きません。素人なので、発想自体が間違ってかもしれないです。ご教授お願いします。
<script>
function test(e){
var hoge = 1;
return 1;
}
document....
0
票
0
回答
270
閲覧数
DIscord.jsを使用した過去メッセージの取得・検索
DiscordへのBot作成を勉強しているんですが、過去メッセージを取得してその中から該当メッセージのメッセージURLを取得する方法が知りたいです。
自分がJavaScript初学者でググりながらのコーディングですので、説明されているサイトがあれば教えていただきたいです。
0
票
1
回答
1,154
閲覧数
console.logの出力結果をブラウザ上で表示したい
下記のconsole.logの出力結果をブラウザ上で表示するにはどうしたらよいのでしょうか?
let greeting = "Hello world";
for (let i = 0; i < 5; i++) {
console.log(greeting);
}
0
票
1
回答
160
閲覧数
fetchで複数のページにアクセスし、アクセスした各ページからquerySelectorで要素を取得、その取得した要素を配列にしたい
今ご覧いただいているスタックオーバーフローの質問ページを例にお伝えさせていただきます。
右サイドバーの「関連する質問」の各質問のリンク先にfetchでアクセス
リンク先の質問ぺージの要素(今回はリンク先の質問ページのタイトル部分)をquerySelectorで取得
取得した要素を配列にしたい
記述したコードは以下の通りです。
こちらのコードをそのままこのページのコンソールに張り付けていただければ
...
0
票
0
回答
1,050
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
278
閲覧数
[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい
表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.
manifest.json
{
"name": "Getting Started Example",
"...
0
票
1
回答
343
閲覧数
JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。
JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。
現在、プログラムでエラーが出ているので解決策を教えてください。
HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
1
票
2
回答
689
閲覧数
jsファイルの読み込みについて
プログラミング学習初心者です。
Create React Appにおいてプロジェクトを作成し,実行しました。
ReactのTutorialに従い,src/index.js,public/index.htmlの2つのファイルを作成しました。
index.htmlファイルはindex.jsファイルをコードのどのように読み込んでいるのか教えていただきたいです。
以下にコードを記載します。
index....
0
票
0
回答
94
閲覧数
javascriptでのcookieの処理
詰まっている箇所
JavaScriptでcookieでモーダル表示を制御しようとしているがうまく制御ができない
実現したい内容
初回アクセス時にモーダルを表示
モーダルウィンドを閉じるとクッキーが保存される
クッキー保存から5分経過していれば自動でモーダルを表示される
書いたコード
var self = this
if (navigator.cookieEnabled) {
...
0
票
1
回答
1,233
閲覧数
JavaScript Blob.text()から得られた文字列を再度Blobへ変換し、DataURLを作成したい。
よろしくお願い致します。
基本はタイトルの通りとなっております。
詳細に書くと、
ブラウザ上でzipファイルを受け取り、JS上でzipを解凍後、中に入っている画像データをlocalStorageに保存し次の画面に遷移させ利用したい。といった目的があります。
重要なのは、画像データを一旦サーバーなどにおかずクライアント内で完結させたい、という所です。
なので、質問の答えにはなっていなくても、...
0
票
1
回答
85
閲覧数
JavaScriptにおけるマーカー認識
JavaScriptでARのマーカー認識のみ使いたくて (3Dオブジェクトの表示は不必要)
jsartoolkit5とAR.jsを調べていたのですが、私が求めている要件ができるのかどうかも含めての情報が中々出てこないです。
要件
同時に複数Webカメラからの画像情報に対応
PCに複数のWebカメラを接続して同時に複数のタグに対して別々のカメラ映像を表示するところまでできています。
...
0
票
0
回答
99
閲覧数
canvasで作成した図形&テキストをhtml・cssで出力可能?
canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか?
参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか?
0
票
1
回答
61
閲覧数
javascriptを使ってXMLを上から順番に解析したい。
perlのXML::LibXML::Readerを使うと、XMLを、上から順番にノードを取得して解析できますが、javascript(あるいはjQueryなど)ではどのようにすればよいでしょうか?あるいは同様のことができるライブラリはあるでしょうか?
1
票
2
回答
199
閲覧数
TypeScriptで引数のかっこが3つある関数
引数の括弧が3つある下記のような関数を見かけたのですが、これはどのような時に使用されるのでしょうか。
なぜ通常の const hoge =(h1, h2) => {} という書き方との違いはなんでしょうか。
何も出力されないです。
const hoge = (h1) => (h2) => () => {
console.log(h1);
console....
0
票
0
回答
68
閲覧数
Sequelize使用時にサブクエリのorder句を削除する方法
質問
Sequelizeを使用する際、メインクエリにのみorder句を指定したいのですが、サブクエリにもorder句が適用されます。
メインクエリにのみorder句を適用するにはどうしたらよいですか?
環境
■ Sequelize version
^3.30.4
■ RDB
MySQL 5.7
DB設計
Parents
id
Children
id
parent_id
...
0
票
1
回答
75
閲覧数
JavaScriptで、URLの「status/」以降を取得したい
URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか?
URL例
https://twitter.com/jaStackOverflow/status/1516703227395428359
https://twitter.com/StackOverflow/status/1372188139821932547
https://twitter.com/...
0
票
1
回答
1,358
閲覧数
チェックボックスの値を保持できない。
画面遷移を繰り返してもチェックした項目はチェックしたままにしたいのですが、チェックボックスだけうまく作動しません。わかる方いましたらご教示お願いします。
window.onload = function onLoad() {
//コース選択済み表示
const date = document.getElementsByName("a");
if(sessionStorage.getItem(...
0
票
1
回答
147
閲覧数
EC2上で起動しているWEBAPP側でクライアント側の接続元IP(グローバルIP)の取得する方法について
お世話になります。
表題について、webアプリ上のとあるボタンを押した際に、
クライアント側(私)のグローバルIPを取得し、
RDSに登録を行うといったことをしたいのですが、
プログラム上に以下URLをうめこんでグローバルIPを取得しているのですが、
EC2のグローバルIP?と思われるIPが取得されてしまっている状況です。
https://api.ipify.org/?format=json
...
0
票
0
回答
124
閲覧数
setIntervalを使用したカルーセルで表示を無限ループさせたい
5枚の画像があり、1枚目から5枚目まで自動でスライドするのですが、5枚目でストップしてしまいます。
1枚目に戻り再度、自動でスライドさせ、その工程を無限に繰り返したいのですが、出来ず教えていただきたいです。
現在のコード:
const next = document.getElementById('next');
const prev = document.getElementById('prev'...
0
票
1
回答
890
閲覧数
GASのウェブアプリケーションをjsのfetchで実行する方法
前提
GASを使用
ウェブアプリケーションのデプロイ設定を下記で行いました。
・次のユーザーとして実行
ウェブアプリケーションにアクセスしているユーザ
・アクセスできるユーザ
組織 内の全員
実現したいこと
htmlファイルに記載したjavascriptから、デプロイを行なったGASの結果を取得したです。
また、実行・アクセスできるユーザは組織内のユーザのみに限定したいので、
GASデプロイ設定の「...
0
票
0
回答
134
閲覧数
initializeAppを使用すると、Firebase Functionsでデプロイに失敗してしまう
今後Firebaseの機能を使用する必要があるため、
initializeAppを使いつつデプロイを成功させたいです。
initializeAppのある/なしでデプロイに成功/失敗します。
(initializeAppをコメントアウトすると成功します。)
firebase emulators:startによるローカルでの実行は成功しています。
...
2
票
1
回答
312
閲覧数
カスタムコンポーネントにv-modelを使用した際に、親でwatchしている変数が更新されない
以下の内容についてお聞きしたいです。
概要
以下の2つのコンポーネントを作成しました。
App.vue
<template>
<h1>My Counter</h1>
<div>count: {{ count }}</div>
<NumberInput v-model.numberOnly="interval&...
0
票
0
回答
43
閲覧数
splash:mouse_clickでリンクをクリックしてもpop upが開かない
Scrapyでtownworkのバイト情報をスクレイピングしようと考えています。
勤務先住所を取るために地図のpopup画面を開きたく、Splashを使い始めました。
そこで、地図の部分のリンクをsplash:mouse_clickしたのですが、地図のpopupが開かず困っています。
他のリンクはclickすると画面遷移します。
地図のpopupの開き方をご教授頂けると幸いです。
対象のページは、
...
0
票
0
回答
237
閲覧数
AR.jsを使ったARです。Safariで動画を再生させる時音声も再生させたい
下記はAR.jsでマーカーにカメラをかざすと動画が流れるコードです。
そこで、ブラウザのSafariで動画を再生させる時に音声も流したいのですが、
下記のように画面や動画をタップすると音がでるようにコードを書いてみたのですが、音声が出ません。
どこがおかしいのでしょうか?
<!doctype html>
<html>
<head>
<...
0
票
1
回答
101
閲覧数
javascriptでthisが未定義と怒られてしまう
現在、JavaScriptの勉強をしている初心者です。
以下、コードをデバックしており、"let res_ = await this.callApi("
の箇所で、callApiが未定義ですと怒られてしまいます。
以下コードにはcallApiに関する記述がございませんが、
確かに記述をしており、”let values = await this.callApi(this....