Skip to main content

すべての質問

or でタグ付けされた
3,008 件の質問
絞り込み
並べ替え
タグ付けされた
0
3 回答
798 閲覧数

javascriptで同じ処理をまとめる方法

javascriptで同じ処理をまとめるにはどのようにすればいいでしょうか。 const but = document.getElementById("but"); const trend = document.getElementById("trend"); but.addEventListener("click", function ...
user25636's user avatar
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 ...
トンネル's user avatar
0
3 回答
341 閲覧数

jQueryを使って選択した画像を非同期処理で表示させたい

問題 画像を表示は出来た。 データとして、sqlのデータに保存ができていない。 確認で、抽出工程を確認すると画像を指定してあげるとできていた。 目標 laravelで画像を非同期処理でファイルから選択して表示させたい また、他ファイルでも表示できるようにする コメントアウトしてる方、してない方どちらも試しているが表示されない blade <div id="image"&...
駆け出し太郎's user avatar
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() + &...
山本孝雄's user avatar
1
1 回答
476 閲覧数

iframe の要素をeventListenerのloadで取得できない

loadでイベントリスナーを仕掛けてもgetElementsByTagNameでiframeの要素を取れません。 どうすればよいでしょうか?iframeDocはグローバル変数です。 window.addEventListener('load',async function(){ let iframeBody = document.getElementsByTagName('iframe')[0]....
MooN's user avatar
  • 15
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 ...
eno112's user avatar
  • 1
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分" ...
thesnowman's user avatar
2
1 回答
212 閲覧数

Promise の配列に対して、それを早い順で resolve する async generator に変換したい

今、 Promise の配列があったとき、その resolve の早い順に await したいと思っています。 ES2021 に、 for await of の構文が導入されたので、 Promise の配列をその早い順に resolve してくれる async generator に変換するライブラリなどの関数があれば、やりたいことが実現できるな、と思っています。 // 例 const ...
Yuki Inoue's user avatar
  • 1.7万
0
1 回答
761 閲覧数

javascriptで、配列内の文字を改行したいです。

以下のJavaScriptのプログラムがあります。 これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。 さらに、そこに加えて、それとは別に配列が用意され、50の場合には「あいうえお」と出力されるようなプログラムになっています。 ところが、例えば仮に「あいう」と「えお」という風に改行することができません。 ...
泉北love's user avatar
1
1 回答
448 閲覧数

HTML要素の textContent に `?.` 演算子で代入できない

実現したいこと TypeScriptで、HTML要素を取得して操作したい 発生している問題・エラーメッセージ 代入式の左辺には、省略可能なプロパティ アクセスを指定できません。 該当のソースコード const pref = document.getElementById("prefectures"); pref?.textContent = "hello world&...
トンネル's user avatar
0
1 回答
133 閲覧数

(this).scrollTop()の終了の仕方がわからない

普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。 どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。 やりたいこと ある高さまでスクロールしたら画像に追従用のclassを追加 上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す 画像が追従中、画像をクリックしたら追加したclassを外す(...
ththzuzu's user avatar
2
1 回答
100 閲覧数

Typescript で作成しているアプリのクラスのメソッドが自分の想定通りに動きません。

学習のためReact+Typescriptでブラウザで動くチェスのアプリを作成しています。駒を動かす動きは自分の想定通りに動くものができたのですが、キャスリングの動き(キングとルークという二つの駒を同時に動かす)を実装しようとした際に作ったメソッドが自分の想定通りに動きません。 // --snip-- export abstract class Piece { position: ...
user53251's user avatar
0
1 回答
299 閲覧数

javascriptで、運賃計算する際、運賃が出たらそれに紐づいて、通勤定期、通学定期が出るようにしたいです。

2つの駅を選択すると運賃などの情報が計算されて表示されるようにJavaScriptで実装したいです。 運賃は2つの駅の距離に連動しています。 現状のプログラムでは、たとえば中百舌鳥と深井を選択したら、間の距離を3.7㎞と計算して、そこから3.7㎞の場合は運賃はいくらかというのが出せるところまではできています。この場合は190円です。 ですが、そこから先、その運賃と連動して、通勤定期、...
泉北love's user avatar
1
1 回答
1,976 閲覧数

TypeScirpt の for...of 文で [Symbol.iterator]() が必要と言われる

概要 forof文を書こうと思ったら、[Symbol.iterator]() が必要だと怒られた。 const test = [ { code: 0, name: "北海道" }, { code: 1, name: "東京都" }, { code: 2, name: "大阪府" }, ]; function ...
トンネル's user avatar
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++) { ...
水瀬敦美's user avatar
0
2 回答
277 閲覧数

addEventListenerにより発生したcontextmenuが一度目の右クリックで表示されない

実現したいこと 下記ソースコードは、それぞれJavascript,css,HTMLとなっています。 このHTML内のid属性のcontextmenu1とcontextmenu2を右クリック表示させたいです。 contextmenu1は class="japan" 上で右クリックした際に、contextmenu2 はそれ以外の場所(id="menu"内)...
chihiro's user avatar
  • 59
0
0 回答
249 閲覧数

リンクのアドレスを取得したい

拡張機能を作成しようとしています。 リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。 現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。 現時点でのコードです↓...
yushi's user avatar
  • 3
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'; ...
greenmoonslug's user avatar
0
1 回答
278 閲覧数

import ファイル名 from 'フォルダパス';でインポートする。

Reactで描かれたコードで下記のように使用されているのを見かけてたのですが export名が Index なので import Index from 'hoge'; が正しいように見えるのですが、これでもIndexコンポーネントを <hoge /> のように使用できるのでしょうか。 詳しい方、教えて頂けると幸いです。宜しくお願い致します。 hoge/index.tsx const ...
wataru's user avatar
  • 1,133
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 ...
りんりん's user avatar
0
1 回答
244 閲覧数

Electronのレンダラープロセスからプリロードに定義された変数を呼び出したい

Electronのレンダラープロセスからプリロードに定義された変数を呼び出したいです。 Electronのバージョンはv19.0.4です。 公式ページのチュートリアルにしたがって以下のコードを作成しました。 しかしundefinedが表示されてしまいます。 どこに原因があるのでしょうか? main.js const { app, BrowserWindow, ipcMain } = ...
tosshi's user avatar
  • 61
1
1 回答
489 閲覧数

複数IDを対象にしたinputイベントについて

フォームの特定のinputにひらがな以外が入力されたときにアラートを表示するコードを作成していますが、初学者なのでつまづいています。 下記コードで一応希望通りの動きはするようですが、const kana で指定したいIDが2つある場合、どうしたら良いでしょうか? constのところで2つ指定すれば良いのかと思い、getElementByIdの箇所をquerySelectorAllにしたり、...
mazaka's user avatar
  • 11
0
1 回答
2,679 閲覧数

javascriptで移動直前に移動先URLにパラメータを追加したい

URLにつけられるコンバージョンタグを移動先にも引き継ぎたいと思っています。 aタグならば、事前にhrefに追記することで実現可能ですが、 JSによる移動の場合はできません。そこで移動直前に調整しようと考えました。 下記のようなコードにて、Aタグ、もしくはJSで移動直前にURLの一部にパラメータを付加しようとしています。 実現したいことは2つになります。 1)移動先のURLを取得したい 2)...
light's user avatar
  • 393
0
1 回答
1,548 閲覧数

powershellでの&演算子の使い方について

mdnのwebページで「スケルトンwebサイトを実行する」というタスクに取り掛かっています。(以下にサイトURLを記載) https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website 指示通りにpowershellにコマンドを入力していたのですが,...
poti's user avatar
  • 49
4
1 回答
2,070 閲覧数

テスト目的で、ブラウザの時刻を一時的に夜(e.g. 深夜0時) にできますか?

今作っているフロントエンドのアプリケーションが、(JST)時刻に依存した挙動をします。 このアプリの、夜の時の挙動を確認したいと思っているのですが、ブラウザ上でこれを確かめる方法はありますか? なんとなく、 PC の時刻自体をズラしてやれば、おそらくイケる気がするのですが、そこまでやるのはいろいろ大袈裟だと思い、特に例えば devtools の機構などで、...
Yuki Inoue's user avatar
  • 1.7万
1
2 回答
466 閲覧数

オブジェクトの初期化中にthisで他のプロパティを使うとエラーになる

現在javascriptとHTMLを使ってある機能を作ってるんですけど、制作過程でオブジェクトの定義に関するエラーがあり、抜け出せません。これを解決する方法を教えて下さい。 エラー内容 test.html:23 Uncaught TypeError: Cannot read properties of undefined (reading 'options') at test.html:...
tomo_toru_58's user avatar
0
1 回答
317 閲覧数

jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう

要約 jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません. マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います. ...
Kitamado's user avatar
  • 219
1
2 回答
653 閲覧数

ボタンを押したらRandomな値がセットされるようにしたい

現在、簡単なランダムゲームを jQuery を駆使し作っているのですが、ランダムな値を設定する方法が分からず、行き詰まっています。 今回私が作っているものの構成としては、以下のようなものです。 どちらかのボタンを押したら不正解ラッパーが fadeIn される どちらかのボタンを押したら正解ラッパーが fadeIn される しかし、もう一度実行した際に前回の正解ボタンを押しても正解とは限らない(...
Qwj_38's user avatar
  • 452
1
1 回答
341 閲覧数

Node.jsライブラリでキーボード入力ができない

MacOSにて、ゲームパッドを利用して文字入力がしたいと思い、プログラムを作成していました。 使用している言語・環境はjavascript/node.js/Electron、ライブラリはrobot.jsです。 キーボードの入力のエミュレートは、制作初期は上手くいっていました。しかし、ある時からキーボード入力のメソッドを実行すると、文字が入力されずElectronが落ちるようになってしまいました。 ...
greenmoonslug's user avatar
0
1 回答
1,954 閲覧数

名前とニックネームを3回追記したらボタンを非表示にし、それ以降は追記できないようにしたい

javascriptを学習しております。 名前とニックネームを3回追記したらボタンを非表示にし、それ以降は追記できないようにしたいです。 3回目以降は追記できないようにしましたが、ボタンを非表示にできておりません。 また、tableタグとそれに関連するタグを利用し、追記した 名前 と ニックネーム を最大3人分までテーブル表示できるようにしなさい。データを3件追記して追加ボタンを消すようにしたが、...
ssski0502's user avatar
0
0 回答
729 閲覧数

Lambda関数からRDS Proxyを使用してRDSのDBにアクセスするときに2回に1回関数がタイムアウトしてしまいます。

サーバレスのアプリケーションを構築中で、LambdaからRDS Proxyを経由してRDS(Aurora PostgraSQL)と通信する箇所の検証を行っています。 ハンズオンなどを参考に構築したのですが、2回に1回関数がタイムアウトしてしまうという症状に悩まされています。逆に2回に1回は想定通りにDBからデータを取り出したりインサートしたり出来ます。 ちなみにLambda関数はAurora ...
sasa1009's user avatar
0
1 回答
263 閲覧数

Chrome拡張機能ポップアップ内でappendChildする方法

ffmpeg.wasmを使用したChrome拡張機能を作成しています. 拡張機能のアイコンクリック時に表示されるポップアップ内で以下のコードを動かした場合にエラーが発生します. コード import { createFFmpeg } from '@ffmpeg/ffmpeg'; const ffmpeg = createFFmpeg({ log: true }); /** * * @...
onishichi's user avatar
2
0 回答
65 閲覧数

Chrome Dev Tool の Performance タブにおいて、関数呼出フレームグラフの、関数それぞれの色は何を表す?

Chrome Dev Tool で、自分のサイトのパフォーマンスを計っていました。 そこで、メインスレッドのフレームグラフの内容を見ていたのですが、ふと、関数それぞれに、別々の色が付いていることに気付きました。例えば下記の画像だと、 javascript の関数呼出は、基本的には水色ですが、たまに、緑だったり薄紅色だったりする様子です。 異なる色がついているからには、その関数について、...
Yuki Inoue's user avatar
  • 1.7万
0
1 回答
352 閲覧数

fetchで複数のページにアクセスし、アクセスした各ページからquerySelectorで要素を取得、その取得した要素を配列にしたい

今ご覧いただいているスタックオーバーフローの質問ページを例にお伝えさせていただきます。 右サイドバーの「関連する質問」の各質問のリンク先にfetchでアクセス リンク先の質問ぺージの要素(今回はリンク先の質問ページのタイトル部分)をquerySelectorで取得 取得した要素を配列にしたい 記述したコードは以下の通りです。 こちらのコードをそのままこのページのコンソールに張り付けていただければ ...
hosax's user avatar
  • 1
0
1 回答
3,846 閲覧数

console.logの出力結果をブラウザ上で表示したい

下記のconsole.logの出力結果をブラウザ上で表示するにはどうしたらよいのでしょうか? let greeting = "Hello world"; for (let i = 0; i < 5; i++) { console.log(greeting); }
TEST APP's user avatar
0
0 回答
1,593 閲覧数

JSONのデータを取得してHTMLの要素に入れたい

data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。) ...
新人類's user avatar
0
1 回答
613 閲覧数

JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。

JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。 現在、プログラムでエラーが出ているので解決策を教えてください。 HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
Hero8's user avatar
  • 1
1
2 回答
1,150 閲覧数

jsファイルの読み込みについて

プログラミング学習初心者です。 Create React Appにおいてプロジェクトを作成し,実行しました。 ReactのTutorialに従い,src/index.js,public/index.htmlの2つのファイルを作成しました。 index.htmlファイルはindex.jsファイルをコードのどのように読み込んでいるのか教えていただきたいです。 以下にコードを記載します。 index....
poti's user avatar
  • 49
0
1 回答
634 閲覧数

[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい

表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています. 以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません. manifest.json { "name": "Getting Started Example", "...
onishichi's user avatar
0
1 回答
514 閲覧数

Rails + フロントエンドの場合のディレクトリ構成

Railsとフロントエンドを一つのリポジトリで開発する場合の一般的なディレクトリ構成がわかりません。 例えばRails API + Next.jsの場合下記の選択肢があるかなと思います。 Railsの中にfrontendという名前Next.jsのディレクトリを作る。 Next.jsの中にapiという名前でRailsのディレクトリを作る。 別のリポジトリにすべき。 ...
komagata's user avatar
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 エラーとなり、...
Tanaka Kenji's user avatar
0
1 回答
589 閲覧数

AngularでjsonデータをforEachを使って値を取得

Angular(バージョン7) 以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。 component.tsでhoge items: { "price": 200, "count": 5 }, { "...
lara0504's user avatar
0
1 回答
156 閲覧数

JavaScriptにおけるマーカー認識

JavaScriptでARのマーカー認識のみ使いたくて (3Dオブジェクトの表示は不必要) jsartoolkit5とAR.jsを調べていたのですが、私が求めている要件ができるのかどうかも含めての情報が中々出てこないです。 要件 同時に複数Webカメラからの画像情報に対応 PCに複数のWebカメラを接続して同時に複数のタグに対して別々のカメラ映像を表示するところまでできています。 ...
パララ's user avatar
0
0 回答
220 閲覧数

canvasで作成した図形&テキストをhtml・cssで出力可能?

canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか? 参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか?
bgurm's user avatar
  • 1
0
1 回答
318 閲覧数

javascriptを使ってXMLを上から順番に解析したい。

perlのXML::LibXML::Readerを使うと、XMLを、上から順番にノードを取得して解析できますが、javascript(あるいはjQueryなど)ではどのようにすればよいでしょうか?あるいは同様のことができるライブラリはあるでしょうか?
shigekatsu.kimura's user avatar
1
2 回答
326 閲覧数

TypeScriptで引数のかっこが3つある関数

引数の括弧が3つある下記のような関数を見かけたのですが、これはどのような時に使用されるのでしょうか。 なぜ通常の const hoge =(h1, h2) => {} という書き方との違いはなんでしょうか。 何も出力されないです。 const hoge = (h1) => (h2) => () => { console.log(h1); console....
wataru's user avatar
  • 1,133
0
1 回答
106 閲覧数

JavaScriptで、URLの「status/」以降を取得したい

URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか? URL例 https://twitter.com/jaStackOverflow/status/1516703227395428359 https://twitter.com/StackOverflow/status/1372188139821932547 https://twitter.com/...
re9's user avatar
  • 6,816
0
1 回答
414 閲覧数

EC2上で起動しているWEBAPP側でクライアント側の接続元IP(グローバルIP)の取得する方法について

お世話になります。 表題について、webアプリ上のとあるボタンを押した際に、 クライアント側(私)のグローバルIPを取得し、 RDSに登録を行うといったことをしたいのですが、 プログラム上に以下URLをうめこんでグローバルIPを取得しているのですが、 EC2のグローバルIP?と思われるIPが取得されてしまっている状況です。 https://api.ipify.org/?format=json ...
mas's user avatar
  • 1
0
1 回答
129 閲覧数

javascriptでthisが未定義と怒られてしまう

現在、JavaScriptの勉強をしている初心者です。 以下、コードをデバックしており、"let res_ = await this.callApi(" の箇所で、callApiが未定義ですと怒られてしまいます。 以下コードにはcallApiに関する記述がございませんが、 確かに記述をしており、”let values = await this.callApi(this....
mas's user avatar
  • 1
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....
Hiiro Shimura's user avatar

1
5 6
7
8 9
61