[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,572
質問
0
票
0
回答
86
閲覧数
javascriptで、配列内の文字を改行したいです。
次のjsの文章があります。
<script type="text/javascript">
function kotae()
{
ten=0
if((f.q1.value == "松山市"&&f.q2.value == "高松市")||(f.q1.value == "高松市"&&...
0
票
0
回答
83
閲覧数
jsのlen~(__=C.value)]||vals[__+_]))]));の部分を条件分岐させたい
表現が足りないですが、要は len~(__=C.value)]||vals[__+_]))])); の部分を条件分岐させたいのです。
javascriptのイベントが絡んでいるので、少しややこしいのですが、それは可能ですか。
おそらくイベントの発火に関わってくると思います。
但し、これをできる人は日本に100人もいないと思います。
以下はそのjsの文です。
var
vals = {
...
1
票
1
回答
58
閲覧数
HTML要素の textContent に `?.` 演算子で代入できない
実現したいこと
TypeScriptで、HTML要素を取得して操作したい
発生している問題・エラーメッセージ
代入式の左辺には、省略可能なプロパティ アクセスを指定できません。
該当のソースコード
const pref = document.getElementById("prefectures");
pref?.textContent = "hello world&...
-2
票
0
回答
206
閲覧数
例えば、4択問題の解答の正解数によって、s,a,b,cや、verry good,good.soso,badなどの判定をするときってどうすればいいですか。
次の4択問題があります。点数は出せますが、このプログラムでは、評価を出すことはできません。
この問題は、1問につき25点、全100点となっております。
点数は出すことは可能ですが、例えば、4問正解100点満点で、S判定、verry good,3問正解75点で、A判定、goodという風に判定することはできません。どのようにプログラムを組めば良いのでしょうか。
<html>
<...
0
票
1
回答
54
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
2
票
1
回答
84
閲覧数
Typescript で作成しているアプリのクラスのメソッドが自分の想定通りに動きません。
学習のためReact+Typescriptでブラウザで動くチェスのアプリを作成しています。駒を動かす動きは自分の想定通りに動くものができたのですが、キャスリングの動き(キングとルークという二つの駒を同時に動かす)を実装しようとした際に作ったメソッドが自分の想定通りに動きません。
// --snip--
export abstract class Piece {
position: ...
0
票
1
回答
182
閲覧数
javascriptで、運賃計算する際、運賃が出たらそれに紐づいて、通勤定期、通学定期が出るようにしたいです。
2つの駅を選択すると運賃などの情報が計算されて表示されるようにJavaScriptで実装したいです。
運賃は2つの駅の距離に連動しています。
現状のプログラムでは、たとえば中百舌鳥と深井を選択したら、間の距離を3.7㎞と計算して、そこから3.7㎞の場合は運賃はいくらかというのが出せるところまではできています。この場合は190円です。
ですが、そこから先、その運賃と連動して、通勤定期、...
1
票
1
回答
71
閲覧数
TypeScirpt の for...of 文で [Symbol.iterator]() が必要と言われる
概要
forof文を書こうと思ったら、[Symbol.iterator]() が必要だと怒られた。
const test = [
{ code: 0, name: "北海道" },
{ code: 1, name: "東京都" },
{ code: 2, name: "大阪府" },
];
function ...
1
票
1
回答
54
閲覧数
`GM_xmlhttpRequest`の`onload`で得た変数を外に持って行くにはどうすれば良いでしょうか?
GM_xmlhttpRequestのonloadで得た変数を外に持って行くにはどうすれば良いでしょうか?
var GetPageList = document.querySelectorAll('a[href*="http://www.example.net/"]');
for (var i = 0; i < GetPageList.length; i++) {
...
0
票
0
回答
26
閲覧数
reactでinstagramの投稿機能のような画像の座標に対してタグを作成する方法を教えてください。
reactでsnsアプリを作成しています。
投稿の際に画像をクリックして、その座標にタグ作成フォームを表示させたいのですが、その方法がわかりません。
ご教授お願いいたします。
また、参考の記事や検索ワードがありましたら教えてください。
投稿ページの参考画像(インスタグラム)を添付します。
0
票
2
回答
70
閲覧数
addEventListenerにより発生したcontextmenuが一度目の右クリックで表示されない
実現したいこと
下記ソースコードは、それぞれJavascript,css,HTMLとなっています。
このHTML内のid属性のcontextmenu1とcontextmenu2を右クリック表示させたいです。
contextmenu1は class="japan" 上で右クリックした際に、contextmenu2 はそれ以外の場所(id="menu"内)...
0
票
0
回答
42
閲覧数
javascriptで得た値をphpに渡したい
リンクのurlを手に入れ、そのurlをphpに渡したいです。phpファイルに渡そうとしたらエラーが出てしまいます。わかる方お手数おかけしますがよろしくお願いします。
現時点のコードです↓
chrome.runtime.onInstalled.addListener(() => {
chrome.contextMenus.create({
id: "proto",...
0
票
0
回答
55
閲覧数
リンクのアドレスを取得したい
拡張機能を作成しようとしています。
リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。
現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。
現時点でのコードです↓...
1
票
1
回答
50
閲覧数
Webpackのloaderを通すとファイルの内容が変わってしまう
やりたいこと
Webpackする時に、テキストファイルをそのままstringとしてimportしたい。
(最終的にglslifyを使ってglsl文字列を扱いたい)
期待する結果
以下の内容でWebpackし、メインのjsを走らせた時に「aaaa」が出力される。
raw.txt
aaaa
index.js
import raw from 'raw-loader!./raw.txt';
...
0
票
1
回答
71
閲覧数
import ファイル名 from 'フォルダパス';でインポートする。
Reactで描かれたコードで下記のように使用されているのを見かけてたのですが export名が Index なので import Index from 'hoge'; が正しいように見えるのですが、これでもIndexコンポーネントを <hoge /> のように使用できるのでしょうか。
詳しい方、教えて頂けると幸いです。宜しくお願い致します。
hoge/index.tsx
const ...
0
票
1
回答
37
閲覧数
Electronのレンダラープロセスからプリロードに定義された変数を呼び出したい
Electronのレンダラープロセスからプリロードに定義された変数を呼び出したいです。
Electronのバージョンはv19.0.4です。
公式ページのチュートリアルにしたがって以下のコードを作成しました。
しかしundefinedが表示されてしまいます。
どこに原因があるのでしょうか?
main.js
const { app, BrowserWindow, ipcMain } = ...
1
票
1
回答
59
閲覧数
複数IDを対象にしたinputイベントについて
フォームの特定のinputにひらがな以外が入力されたときにアラートを表示するコードを作成していますが、初学者なのでつまづいています。
下記コードで一応希望通りの動きはするようですが、const kana で指定したいIDが2つある場合、どうしたら良いでしょうか?
constのところで2つ指定すれば良いのかと思い、getElementByIdの箇所をquerySelectorAllにしたり、...
0
票
1
回答
105
閲覧数
javascriptで移動直前に移動先URLにパラメータを追加したい
URLにつけられるコンバージョンタグを移動先にも引き継ぎたいと思っています。
aタグならば、事前にhrefに追記することで実現可能ですが、
JSによる移動の場合はできません。そこで移動直前に調整しようと考えました。
下記のようなコードにて、Aタグ、もしくはJSで移動直前にURLの一部にパラメータを付加しようとしています。
実現したいことは2つになります。
1)移動先のURLを取得したい
2)...
0
票
0
回答
33
閲覧数
Qualtricsで質問をスクロールしても、常に画像が上に表示されるようにしたい
私はQualyricsで質問フォームを作成しています。
ある画像をみてもらいながら、質問に回答してもらいたいですが、通常の機能だと質問を見るために上部の画像が消えてしまいます。
スクロールしても常に画像が上部に提示されている状態にしたいです。
英語のページで似たような質問がありトライしましたが、英語自体がよく理解できないためうまくいきませんでした。
プログラミングは全くできないので、...
4
票
1
回答
265
閲覧数
テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?
今作っているフロントエンドのアプリケーションが、(JST)時刻に依存した挙動をします。
このアプリの、夜の時の挙動を確認したいと思っているのですが、ブラウザ上でこれを確かめる方法はありますか? なんとなく、 PC の時刻自体をズラしてやれば、おそらくイケる気がするのですが、そこまでやるのはいろいろ大袈裟だと思い、特に例えば devtools の機構などで、...
0
票
0
回答
52
閲覧数
Illustrator javascript 座標の取り方について
とあるスクリプトを作成しているのですが、座標の取り方がわからないのでご教授お願いします。
重なったオブジェクトがあり、すべて選択した状態のオブジェクトがあるとします。
その時にスクリプトを走らせて、
アクティブなオブジェクトの座標を取得し、そのオブジェクト群の中心点の座標を取得します。
↑ここまではできています。
各オブジェクトの中心座標と重なり合う最背面のオブジェクトの座標を取得したいのですが、...
1
票
2
回答
160
閲覧数
オブジェクトの初期化中にthisで他のプロパティを使うとエラーになる
現在javascriptとHTMLを使ってある機能を作ってるんですけど、制作過程でオブジェクトの定義に関するエラーがあり、抜け出せません。これを解決する方法を教えて下さい。
エラー内容
test.html:23 Uncaught TypeError: Cannot read properties of undefined (reading 'options')
at test.html:...
0
票
0
回答
28
閲覧数
Echartsを使用して(または拡張して)グラフをクリックした点すべてのツールチップを表示したい
Apache Echarts.js というJavaScriptライブラリを使用して折れ線グラフを表示しています。グラフの点をクリックすると、情報をツールチップに表示しているのですが、クリックした箇所すべてのツールチップを表示したいのですが、オプション機能などで実現可能なものでしょうか。
標準機能では、次の点をクリックすると以前にクリックした点のツールチップは消えてしまいます。
Echarts.js ...
0
票
1
回答
76
閲覧数
jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう
要約
jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません.
マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います.
...
0
票
0
回答
61
閲覧数
javascriptでSVGを動的にアニメーションさせるには
Webページ上で、SVGのアニメーションをさせたいと思っています。
実現したい内容は、SVGのPathが常時うねうね動き、マウスのクリックや位置の影響を受けて動きを変える(クリックされたら激しく動くとか)ようなことです。
質問1
SVGのは、決まった動きしかできないため、今回の場合使えない?
質問2
物理エンジンの演算結果をSVGの描画に反映させるというやり方がベター?
...
1
票
2
回答
128
閲覧数
ボタンを押したらRandomな値がセットされるようにしたい
現在、簡単なランダムゲームを jQuery を駆使し作っているのですが、ランダムな値を設定する方法が分からず、行き詰まっています。
今回私が作っているものの構成としては、以下のようなものです。
どちらかのボタンを押したら不正解ラッパーが fadeIn される
どちらかのボタンを押したら正解ラッパーが fadeIn される
しかし、もう一度実行した際に前回の正解ボタンを押しても正解とは限らない(...
1
票
1
回答
101
閲覧数
Node.jsライブラリでキーボード入力ができない
MacOSにて、ゲームパッドを利用して文字入力がしたいと思い、プログラムを作成していました。
使用している言語・環境はjavascript/node.js/Electron、ライブラリはrobot.jsです。
キーボードの入力のエミュレートは、制作初期は上手くいっていました。しかし、ある時からキーボード入力のメソッドを実行すると、文字が入力されずElectronが落ちるようになってしまいました。
...
0
票
0
回答
87
閲覧数
プッシュ通知の実装
プッシュ通知の実装について質問です。
通知の内容を取得すると表示させたい場合、Push.jsやFirebaseを利用する以外の方法はありますか?
0
票
1
回答
106
閲覧数
名前とニックネームを3回追記したらボタンを非表示にし、それ以降は追記できないようにしたい
javascriptを学習しております。
名前とニックネームを3回追記したらボタンを非表示にし、それ以降は追記できないようにしたいです。
3回目以降は追記できないようにしましたが、ボタンを非表示にできておりません。
また、tableタグとそれに関連するタグを利用し、追記した 名前 と ニックネーム を最大3人分までテーブル表示できるようにしなさい。データを3件追記して追加ボタンを消すようにしたが、...
0
票
0
回答
105
閲覧数
非同期通信のコメントを表示するにはどのようにすれば良いのか教えていただきたいです
解決したいこと
現在、Ruby on Railsで画像投稿ができるアプリで
非同期通信のコメントを作成しています。
その中でJavaScriptのビューを反映することができず苦戦しております。
自分なりに調べたり、考えたのですが解決することが難しかったため、
どなたかお力添えいただけますと嬉しいです。
現状
こちらの[記事][1]を参考に実装していたのですが、
↓ コメントを送信すると、...
0
票
1
回答
60
閲覧数
Chrome拡張機能ポップアップ内でappendChildする方法
ffmpeg.wasmを使用したChrome拡張機能を作成しています.
拡張機能のアイコンクリック時に表示されるポップアップ内で以下のコードを動かした場合にエラーが発生します.
コード
import { createFFmpeg } from '@ffmpeg/ffmpeg';
const ffmpeg = createFFmpeg({ log: true });
/**
*
* @...
0
票
0
回答
81
閲覧数
GASで429エラーを回避したい
google apps scriptを使っています。
スプレッドシートで作成した表をurlfatchでpdfにするというループを作り、実行していますが、
途中で429エラーで落ちてしまいます。
テストした感じ、wait時間が
3.5秒くらいなら連続5レコードほど
5.0秒くらいなら連続10レコードほど
6.0秒くらいなら連続20レコードほど と、wait時間を伸ばせばいいという話なのですが、
...
2
票
0
回答
45
閲覧数
Chrome Dev Tool の Performance タブにおいて、関数呼出フレームグラフの、関数それぞれの色は何を表す?
Chrome Dev Tool で、自分のサイトのパフォーマンスを計っていました。
そこで、メインスレッドのフレームグラフの内容を見ていたのですが、ふと、関数それぞれに、別々の色が付いていることに気付きました。例えば下記の画像だと、 javascript の関数呼出は、基本的には水色ですが、たまに、緑だったり薄紅色だったりする様子です。
異なる色がついているからには、その関数について、...
0
票
0
回答
78
閲覧数
DIscord.jsを使用した過去メッセージの取得・検索
DiscordへのBot作成を勉強しているんですが、過去メッセージを取得してその中から該当メッセージのメッセージURLを取得する方法が知りたいです。
自分がJavaScript初学者でググりながらのコーディングですので、説明されているサイトがあれば教えていただきたいです。
0
票
1
回答
66
閲覧数
fetchで複数のページにアクセスし、アクセスした各ページからquerySelectorで要素を取得、その取得した要素を配列にしたい
今ご覧いただいているスタックオーバーフローの質問ページを例にお伝えさせていただきます。
右サイドバーの「関連する質問」の各質問のリンク先にfetchでアクセス
リンク先の質問ぺージの要素(今回はリンク先の質問ページのタイトル部分)をquerySelectorで取得
取得した要素を配列にしたい
記述したコードは以下の通りです。
こちらのコードをそのままこのページのコンソールに張り付けていただければ
...
0
票
1
回答
185
閲覧数
console.logの出力結果をブラウザ上で表示したい
下記のconsole.logの出力結果をブラウザ上で表示するにはどうしたらよいのでしょうか?
let greeting = "Hello world";
for (let i = 0; i < 5; i++) {
console.log(greeting);
}
0
票
0
回答
228
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
119
閲覧数
JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。
JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。
現在、プログラムでエラーが出ているので解決策を教えてください。
HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
1
票
2
回答
135
閲覧数
jsファイルの読み込みについて
プログラミング学習初心者です。
Create React Appにおいてプロジェクトを作成し,実行しました。
ReactのTutorialに従い,src/index.js,public/index.htmlの2つのファイルを作成しました。
index.htmlファイルはindex.jsファイルをコードのどのように読み込んでいるのか教えていただきたいです。
以下にコードを記載します。
index....
0
票
1
回答
144
閲覧数
[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい
表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.
manifest.json
{
"name": "Getting Started Example",
"...
0
票
1
回答
290
閲覧数
Rails + フロントエンドの場合のディレクトリ構成
Railsとフロントエンドを一つのリポジトリで開発する場合の一般的なディレクトリ構成がわかりません。
例えばRails API + Next.jsの場合下記の選択肢があるかなと思います。
Railsの中にfrontendという名前Next.jsのディレクトリを作る。
Next.jsの中にapiという名前でRailsのディレクトリを作る。
別のリポジトリにすべき。
...
0
票
0
回答
86
閲覧数
javascriptでのcookieの処理
詰まっている箇所
JavaScriptでcookieでモーダル表示を制御しようとしているがうまく制御ができない
実現したい内容
初回アクセス時にモーダルを表示
モーダルウィンドを閉じるとクッキーが保存される
クッキー保存から5分経過していれば自動でモーダルを表示される
書いたコード
var self = this
if (navigator.cookieEnabled) {
...
0
票
0
回答
42
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
0
票
1
回答
62
閲覧数
JavaScriptにおけるマーカー認識
JavaScriptでARのマーカー認識のみ使いたくて (3Dオブジェクトの表示は不必要)
jsartoolkit5とAR.jsを調べていたのですが、私が求めている要件ができるのかどうかも含めての情報が中々出てこないです。
要件
同時に複数Webカメラからの画像情報に対応
PCに複数のWebカメラを接続して同時に複数のタグに対して別々のカメラ映像を表示するところまでできています。
...
0
票
0
回答
78
閲覧数
canvasで作成した図形&テキストをhtml・cssで出力可能?
canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか?
参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか?
0
票
1
回答
47
閲覧数
javascriptを使ってXMLを上から順番に解析したい。
perlのXML::LibXML::Readerを使うと、XMLを、上から順番にノードを取得して解析できますが、javascript(あるいはjQueryなど)ではどのようにすればよいでしょうか?あるいは同様のことができるライブラリはあるでしょうか?
1
票
2
回答
125
閲覧数
TypeScriptで引数のかっこが3つある関数
引数の括弧が3つある下記のような関数を見かけたのですが、これはどのような時に使用されるのでしょうか。
なぜ通常の const hoge =(h1, h2) => {} という書き方との違いはなんでしょうか。
何も出力されないです。
const hoge = (h1) => (h2) => () => {
console.log(h1);
console....
0
票
1
回答
74
閲覧数
JavaScriptで、URLの「status/」以降を取得したい
URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか?
URL例
https://twitter.com/jaStackOverflow/status/1516703227395428359
https://twitter.com/StackOverflow/status/1372188139821932547
https://twitter.com/...
0
票
0
回答
41
閲覧数
Sequelize使用時にサブクエリのorder句を削除する方法
質問
Sequelizeを使用する際、メインクエリにのみorder句を指定したいのですが、サブクエリにもorder句が適用されます。
メインクエリにのみorder句を適用するにはどうしたらよいですか?
環境
■ Sequelize version
^3.30.4
■ RDB
MySQL 5.7
DB設計
Parents
id
Children
id
parent_id
...
0
票
0
回答
71
閲覧数
setIntervalを使用したカルーセルで表示を無限ループさせたい
5枚の画像があり、1枚目から5枚目まで自動でスライドするのですが、5枚目でストップしてしまいます。
1枚目に戻り再度、自動でスライドさせ、その工程を無限に繰り返したいのですが、出来ず教えていただきたいです。
現在のコード:
const next = document.getElementById('next');
const prev = document.getElementById('prev'...