すべての質問
3,008 件の質問
0
票
3
回答
798
閲覧数
javascriptで同じ処理をまとめる方法
javascriptで同じ処理をまとめるにはどのようにすればいいでしょうか。
const but = document.getElementById("but");
const trend = document.getElementById("trend");
but.addEventListener("click", function ...
0
票
1
回答
1,864
閲覧数
インストールした覚えが無い core-js に関する警告が出る
npm関係
pugをglobal install後、ローカルにcliをインストールしたら、変な警告が出た。
npm WARN deprecated [email protected]: core-js@<3.23.3 is no longer
maintained and not recommended for usage due to the number of issues.
Because ...
0
票
3
回答
341
閲覧数
jQueryを使って選択した画像を非同期処理で表示させたい
問題
画像を表示は出来た。
データとして、sqlのデータに保存ができていない。
確認で、抽出工程を確認すると画像を指定してあげるとできていた。
目標
laravelで画像を非同期処理でファイルから選択して表示させたい
また、他ファイルでも表示できるようにする
コメントアウトしてる方、してない方どちらも試しているが表示されない
blade
<div id="image"&...
0
票
1
回答
54
閲覧数
Google Maps APIでpolyline のmouseover時,event.latLngの緯度情報が異常
下記コードで地図を航空写真にした場合、真上で無く斜め45度になるZoomから経度は問題無いが緯度が大きく北にずれて困っています。尚航空写真以外ROADMAP等の場合は異常となりません。
google.maps.event.addListener(polyline, 'mouseover', function(event) {
console.log(event.latLng.lat() + &...
1
票
1
回答
476
閲覧数
iframe の要素をeventListenerのloadで取得できない
loadでイベントリスナーを仕掛けてもgetElementsByTagNameでiframeの要素を取れません。
どうすればよいでしょうか?iframeDocはグローバル変数です。
window.addEventListener('load',async function(){
let iframeBody = document.getElementsByTagName('iframe')[0]....
0
票
1
回答
153
閲覧数
LOLIPOP!マネージドクラウド環境でのOracleInstant導入
LOLIPOP!マネージドクラウドのNode.js用コンテナにデプロイしたアプリからnode-oracledbでリモートのOracleDBに接続しようとしているのですが下記エラーが発生してしまい接続できません。
Error: DPI-1047: Cannot locate a 64-bit Oracle Client library:
"libnnz21.so: cannot open ...
0
票
1
回答
61
閲覧数
JavacriptでFloatを、X時間XX分以下のような形式に変換したいです。
JavacriptでFloatを、X時間XX分以下のような形式に変換したいです。
1.2 => "1時間12分"
1.211 => "1時間12分"
1.11 => "1時間06分"
1.8 => "1時間48分"
1.89 => "1時間53分"
...
2
票
1
回答
212
閲覧数
Promise の配列に対して、それを早い順で resolve する async generator に変換したい
今、 Promise の配列があったとき、その resolve の早い順に await したいと思っています。 ES2021 に、 for await of の構文が導入されたので、 Promise の配列をその早い順に resolve してくれる async generator に変換するライブラリなどの関数があれば、やりたいことが実現できるな、と思っています。
// 例
const ...
0
票
1
回答
761
閲覧数
javascriptで、配列内の文字を改行したいです。
以下のJavaScriptのプログラムがあります。
これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。
さらに、そこに加えて、それとは別に配列が用意され、50の場合には「あいうえお」と出力されるようなプログラムになっています。
ところが、例えば仮に「あいう」と「えお」という風に改行することができません。
...
1
票
1
回答
448
閲覧数
HTML要素の textContent に `?.` 演算子で代入できない
実現したいこと
TypeScriptで、HTML要素を取得して操作したい
発生している問題・エラーメッセージ
代入式の左辺には、省略可能なプロパティ アクセスを指定できません。
該当のソースコード
const pref = document.getElementById("prefectures");
pref?.textContent = "hello world&...
0
票
1
回答
133
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
2
票
1
回答
100
閲覧数
Typescript で作成しているアプリのクラスのメソッドが自分の想定通りに動きません。
学習のためReact+Typescriptでブラウザで動くチェスのアプリを作成しています。駒を動かす動きは自分の想定通りに動くものができたのですが、キャスリングの動き(キングとルークという二つの駒を同時に動かす)を実装しようとした際に作ったメソッドが自分の想定通りに動きません。
// --snip--
export abstract class Piece {
position: ...
0
票
1
回答
299
閲覧数
javascriptで、運賃計算する際、運賃が出たらそれに紐づいて、通勤定期、通学定期が出るようにしたいです。
2つの駅を選択すると運賃などの情報が計算されて表示されるようにJavaScriptで実装したいです。
運賃は2つの駅の距離に連動しています。
現状のプログラムでは、たとえば中百舌鳥と深井を選択したら、間の距離を3.7㎞と計算して、そこから3.7㎞の場合は運賃はいくらかというのが出せるところまではできています。この場合は190円です。
ですが、そこから先、その運賃と連動して、通勤定期、...
1
票
1
回答
1,976
閲覧数
TypeScirpt の for...of 文で [Symbol.iterator]() が必要と言われる
概要
forof文を書こうと思ったら、[Symbol.iterator]() が必要だと怒られた。
const test = [
{ code: 0, name: "北海道" },
{ code: 1, name: "東京都" },
{ code: 2, name: "大阪府" },
];
function ...
1
票
1
回答
501
閲覧数
`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
票
2
回答
277
閲覧数
addEventListenerにより発生したcontextmenuが一度目の右クリックで表示されない
実現したいこと
下記ソースコードは、それぞれJavascript,css,HTMLとなっています。
このHTML内のid属性のcontextmenu1とcontextmenu2を右クリック表示させたいです。
contextmenu1は class="japan" 上で右クリックした際に、contextmenu2 はそれ以外の場所(id="menu"内)...
0
票
0
回答
249
閲覧数
リンクのアドレスを取得したい
拡張機能を作成しようとしています。
リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。
現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。
現時点でのコードです↓...
1
票
1
回答
345
閲覧数
Webpackのloaderを通すとファイルの内容が変わってしまう
やりたいこと
Webpackする時に、テキストファイルをそのままstringとしてimportしたい。
(最終的にglslifyを使ってglsl文字列を扱いたい)
期待する結果
以下の内容でWebpackし、メインのjsを走らせた時に「aaaa」が出力される。
raw.txt
aaaa
index.js
import raw from 'raw-loader!./raw.txt';
...
0
票
1
回答
278
閲覧数
import ファイル名 from 'フォルダパス';でインポートする。
Reactで描かれたコードで下記のように使用されているのを見かけてたのですが export名が Index なので import Index from 'hoge'; が正しいように見えるのですが、これでもIndexコンポーネントを <hoge /> のように使用できるのでしょうか。
詳しい方、教えて頂けると幸いです。宜しくお願い致します。
hoge/index.tsx
const ...
2
票
1
回答
299
閲覧数
webpackエラーについて(optionsに不明なプロパティ'minimizerOptions'があります)ImageMinimizerPluginの対処方法を教えてください
buildをすると下記のようなエラーが出ており対処方法がわかりません。
[webpack-cli] Failed to load
'C:\Users\facto\Desktop\Course-Documentation-Part-1\code\webpack.config.build.js'
config [webpack-cli] Invalid options object. Image ...
0
票
1
回答
244
閲覧数
Electronのレンダラープロセスからプリロードに定義された変数を呼び出したい
Electronのレンダラープロセスからプリロードに定義された変数を呼び出したいです。
Electronのバージョンはv19.0.4です。
公式ページのチュートリアルにしたがって以下のコードを作成しました。
しかしundefinedが表示されてしまいます。
どこに原因があるのでしょうか?
main.js
const { app, BrowserWindow, ipcMain } = ...
1
票
1
回答
489
閲覧数
複数IDを対象にしたinputイベントについて
フォームの特定のinputにひらがな以外が入力されたときにアラートを表示するコードを作成していますが、初学者なのでつまづいています。
下記コードで一応希望通りの動きはするようですが、const kana で指定したいIDが2つある場合、どうしたら良いでしょうか?
constのところで2つ指定すれば良いのかと思い、getElementByIdの箇所をquerySelectorAllにしたり、...
0
票
1
回答
2,679
閲覧数
javascriptで移動直前に移動先URLにパラメータを追加したい
URLにつけられるコンバージョンタグを移動先にも引き継ぎたいと思っています。
aタグならば、事前にhrefに追記することで実現可能ですが、
JSによる移動の場合はできません。そこで移動直前に調整しようと考えました。
下記のようなコードにて、Aタグ、もしくはJSで移動直前にURLの一部にパラメータを付加しようとしています。
実現したいことは2つになります。
1)移動先のURLを取得したい
2)...
0
票
1
回答
1,548
閲覧数
powershellでの&演算子の使い方について
mdnのwebページで「スケルトンwebサイトを実行する」というタスクに取り掛かっています。(以下にサイトURLを記載)
https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website
指示通りにpowershellにコマンドを入力していたのですが,...
4
票
1
回答
2,070
閲覧数
テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?
今作っているフロントエンドのアプリケーションが、(JST)時刻に依存した挙動をします。
このアプリの、夜の時の挙動を確認したいと思っているのですが、ブラウザ上でこれを確かめる方法はありますか? なんとなく、 PC の時刻自体をズラしてやれば、おそらくイケる気がするのですが、そこまでやるのはいろいろ大袈裟だと思い、特に例えば devtools の機構などで、...
1
票
2
回答
466
閲覧数
オブジェクトの初期化中にthisで他のプロパティを使うとエラーになる
現在javascriptとHTMLを使ってある機能を作ってるんですけど、制作過程でオブジェクトの定義に関するエラーがあり、抜け出せません。これを解決する方法を教えて下さい。
エラー内容
test.html:23 Uncaught TypeError: Cannot read properties of undefined (reading 'options')
at test.html:...
0
票
1
回答
317
閲覧数
jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう
要約
jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません.
マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います.
...
1
票
2
回答
653
閲覧数
ボタンを押したらRandomな値がセットされるようにしたい
現在、簡単なランダムゲームを jQuery を駆使し作っているのですが、ランダムな値を設定する方法が分からず、行き詰まっています。
今回私が作っているものの構成としては、以下のようなものです。
どちらかのボタンを押したら不正解ラッパーが fadeIn される
どちらかのボタンを押したら正解ラッパーが fadeIn される
しかし、もう一度実行した際に前回の正解ボタンを押しても正解とは限らない(...
1
票
1
回答
341
閲覧数
Node.jsライブラリでキーボード入力ができない
MacOSにて、ゲームパッドを利用して文字入力がしたいと思い、プログラムを作成していました。
使用している言語・環境はjavascript/node.js/Electron、ライブラリはrobot.jsです。
キーボードの入力のエミュレートは、制作初期は上手くいっていました。しかし、ある時からキーボード入力のメソッドを実行すると、文字が入力されずElectronが落ちるようになってしまいました。
...
0
票
1
回答
1,954
閲覧数
名前とニックネームを3回追記したらボタンを非表示にし、それ以降は追記できないようにしたい
javascriptを学習しております。
名前とニックネームを3回追記したらボタンを非表示にし、それ以降は追記できないようにしたいです。
3回目以降は追記できないようにしましたが、ボタンを非表示にできておりません。
また、tableタグとそれに関連するタグを利用し、追記した 名前 と ニックネーム を最大3人分までテーブル表示できるようにしなさい。データを3件追記して追加ボタンを消すようにしたが、...
0
票
0
回答
729
閲覧数
Lambda関数からRDS Proxyを使用してRDSのDBにアクセスするときに2回に1回関数がタイムアウトしてしまいます。
サーバレスのアプリケーションを構築中で、LambdaからRDS Proxyを経由してRDS(Aurora PostgraSQL)と通信する箇所の検証を行っています。
ハンズオンなどを参考に構築したのですが、2回に1回関数がタイムアウトしてしまうという症状に悩まされています。逆に2回に1回は想定通りにDBからデータを取り出したりインサートしたり出来ます。
ちなみにLambda関数はAurora ...
0
票
1
回答
263
閲覧数
Chrome拡張機能ポップアップ内でappendChildする方法
ffmpeg.wasmを使用したChrome拡張機能を作成しています.
拡張機能のアイコンクリック時に表示されるポップアップ内で以下のコードを動かした場合にエラーが発生します.
コード
import { createFFmpeg } from '@ffmpeg/ffmpeg';
const ffmpeg = createFFmpeg({ log: true });
/**
*
* @...
2
票
0
回答
65
閲覧数
Chrome Dev Tool の Performance タブにおいて、関数呼出フレームグラフの、関数それぞれの色は何を表す?
Chrome Dev Tool で、自分のサイトのパフォーマンスを計っていました。
そこで、メインスレッドのフレームグラフの内容を見ていたのですが、ふと、関数それぞれに、別々の色が付いていることに気付きました。例えば下記の画像だと、 javascript の関数呼出は、基本的には水色ですが、たまに、緑だったり薄紅色だったりする様子です。
異なる色がついているからには、その関数について、...
0
票
1
回答
352
閲覧数
fetchで複数のページにアクセスし、アクセスした各ページからquerySelectorで要素を取得、その取得した要素を配列にしたい
今ご覧いただいているスタックオーバーフローの質問ページを例にお伝えさせていただきます。
右サイドバーの「関連する質問」の各質問のリンク先にfetchでアクセス
リンク先の質問ぺージの要素(今回はリンク先の質問ページのタイトル部分)をquerySelectorで取得
取得した要素を配列にしたい
記述したコードは以下の通りです。
こちらのコードをそのままこのページのコンソールに張り付けていただければ
...
0
票
1
回答
3,846
閲覧数
console.logの出力結果をブラウザ上で表示したい
下記のconsole.logの出力結果をブラウザ上で表示するにはどうしたらよいのでしょうか?
let greeting = "Hello world";
for (let i = 0; i < 5; i++) {
console.log(greeting);
}
0
票
0
回答
1,593
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
613
閲覧数
JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。
JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。
現在、プログラムでエラーが出ているので解決策を教えてください。
HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
1
票
2
回答
1,150
閲覧数
jsファイルの読み込みについて
プログラミング学習初心者です。
Create React Appにおいてプロジェクトを作成し,実行しました。
ReactのTutorialに従い,src/index.js,public/index.htmlの2つのファイルを作成しました。
index.htmlファイルはindex.jsファイルをコードのどのように読み込んでいるのか教えていただきたいです。
以下にコードを記載します。
index....
0
票
1
回答
634
閲覧数
[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい
表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.
manifest.json
{
"name": "Getting Started Example",
"...
0
票
1
回答
514
閲覧数
Rails + フロントエンドの場合のディレクトリ構成
Railsとフロントエンドを一つのリポジトリで開発する場合の一般的なディレクトリ構成がわかりません。
例えばRails API + Next.jsの場合下記の選択肢があるかなと思います。
Railsの中にfrontendという名前Next.jsのディレクトリを作る。
Next.jsの中にapiという名前でRailsのディレクトリを作る。
別のリポジトリにすべき。
...
0
票
1
回答
268
閲覧数
Mac 上でのVSCodeにおいて、fs.mkdirSync() と fs.unlinkSync() を記述した Node.js コードをデバッグ実行すると、not permitted エラー
Mac: MacOS Montery 12.3.1
VSCode: April 2022 (version 1.67)
Mac上でVSCodeを実行し、以下のコードをデバッグ実行して見たのですが、fs.mkdirSync()はエラーなく実行され、実際にフォルダが作成されるのですが、その直後にfs.unlinkSync()で EPERM: operation not permitted エラーとなり、...
0
票
1
回答
589
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
0
票
1
回答
156
閲覧数
JavaScriptにおけるマーカー認識
JavaScriptでARのマーカー認識のみ使いたくて (3Dオブジェクトの表示は不必要)
jsartoolkit5とAR.jsを調べていたのですが、私が求めている要件ができるのかどうかも含めての情報が中々出てこないです。
要件
同時に複数Webカメラからの画像情報に対応
PCに複数のWebカメラを接続して同時に複数のタグに対して別々のカメラ映像を表示するところまでできています。
...
0
票
0
回答
220
閲覧数
canvasで作成した図形&テキストをhtml・cssで出力可能?
canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか?
参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか?
0
票
1
回答
318
閲覧数
javascriptを使ってXMLを上から順番に解析したい。
perlのXML::LibXML::Readerを使うと、XMLを、上から順番にノードを取得して解析できますが、javascript(あるいはjQueryなど)ではどのようにすればよいでしょうか?あるいは同様のことができるライブラリはあるでしょうか?
1
票
2
回答
326
閲覧数
TypeScriptで引数のかっこが3つある関数
引数の括弧が3つある下記のような関数を見かけたのですが、これはどのような時に使用されるのでしょうか。
なぜ通常の const hoge =(h1, h2) => {} という書き方との違いはなんでしょうか。
何も出力されないです。
const hoge = (h1) => (h2) => () => {
console.log(h1);
console....
0
票
1
回答
106
閲覧数
JavaScriptで、URLの「status/」以降を取得したい
URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか?
URL例
https://twitter.com/jaStackOverflow/status/1516703227395428359
https://twitter.com/StackOverflow/status/1372188139821932547
https://twitter.com/...
0
票
1
回答
414
閲覧数
EC2上で起動しているWEBAPP側でクライアント側の接続元IP(グローバルIP)の取得する方法について
お世話になります。
表題について、webアプリ上のとあるボタンを押した際に、
クライアント側(私)のグローバルIPを取得し、
RDSに登録を行うといったことをしたいのですが、
プログラム上に以下URLをうめこんでグローバルIPを取得しているのですが、
EC2のグローバルIP?と思われるIPが取得されてしまっている状況です。
https://api.ipify.org/?format=json
...
0
票
1
回答
129
閲覧数
javascriptでthisが未定義と怒られてしまう
現在、JavaScriptの勉強をしている初心者です。
以下、コードをデバックしており、"let res_ = await this.callApi("
の箇所で、callApiが未定義ですと怒られてしまいます。
以下コードにはcallApiに関する記述がございませんが、
確かに記述をしており、”let values = await this.callApi(this....
0
票
1
回答
1,033
閲覧数
npm startで特定のポートにだけアクセスできない
現象
create-react-app したアプリケーションで npm start をしたとき
http://localhost:3000
http://localhost:3001
以上二つのポートのみアクセスできない。
しかし、ほかのポート(例えば、3002, 4000)にはアクセスできる。
環境
OS: Windows 10
wsl: Ubuntu-20.04
node: v14.19....