[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,776 件の質問
1
票
1
回答
428
閲覧数
letやconstが無い宣言のようなJavaScriptコードが書籍に登場する
書籍「ハンズオンJavaScript(オイラリー)」に以下のような記述がありました。
では、なぜ最初からlet,constを使わないのか?
変数を宣言するのにlet,constは必須なのでは?
§ 2.13.3 プロパティの値をまとめて取得する
(…分割代入を使ってオブジェクトの要素をまとめて取得しようみたいなことが書いてある)
({power, development} = ...
0
票
1
回答
143
閲覧数
Kintoneカスタマイズでポータル画面のappIDが知りたい
質問内容
提示コードですが以下のkintoneのポータル画面をカスタマイズしたいのですがローカルファイルのアップロードを自動で行ってほしいのですがappIDなるものが必要でそのIDがわかりません。提示コードのように画面にコンソール出力させましたがnullという表示されています。これはどうしたらいいのでしょか?
知りたいこと
kintonのポータル画面でのappIDの取得方法
...
0
票
1
回答
95
閲覧数
グーグルのapiのマーカーを使わずvector2Dを得る方法
グーグルの MARKER API を使わずみせなくちゃいけないんですが
これが問題になっちゃったんですけど、マーカーの位置がちょっとだけ間違っていると見えまして
この LOGIC の問題じゃないかと思います。
下のリストはやってたことです
window.onmousemove, google.addEventListener("drag")で移動前後の中心座標の違いを比較し、&...
1
票
1
回答
42
閲覧数
nux3でcomposableの値を取得したい
components/Heading1.vueはレイアウトに組み込まれています。
pages/page.vueからcomposable/useOperation.vueを経由してcomponents/Heading1.vueのタイトルの値を変更したいのですがタイトル初期値のまま変わりません。
pages/page.vueからh1Textを呼び出すと表示したいタイトルが取得できます。
...
1
票
0
回答
165
閲覧数
ReduxでdispatchしpayloadからのuseEffectを実行しその中のuseStateのセット関数で更新した値で判定する方法
タイトルが分かりにくくて申し訳ありません。
useStateのセット関数で更新した値をすぐに参照したのですが、更新前の値が取れてしまいます。
useStateの更新はすぐに実行されないというのは知っています。
やりたいこと
イベント内でuseStateの更新後の値をすぐに参照したいです。
概要
イベント内でリストを再取得し、再取得後のリスト件数(multipleList.length)...
0
票
2
回答
198
閲覧数
javascript 変数の中で継承を行う方法が知りたい。
提示コードの///コメント部内部のコードなのですが、上のComponentを親クラスとして子クラスRendererクラスを生成したいのですが以下のエラーが出ますこれはなぜでしょうか?
試したこと
コメント部内部のように実験
エラー
FrameWork.js:46 Uncaught ReferenceError: Component is not defined
at FrameWork....
0
票
1
回答
288
閲覧数
Javascript 子クラスで自分の親クラスの参照を渡す方法が知りたい
質問内容
Playerクラスのコンストラクタの配列で継承している親クラスGameObjectの参照を入れてそれをPlayer_Controllerクラスのコンストラクタに入れてそれを親クラスのComponentクラスに入れてそれを
Player_Controllerクラスで利用したいのですが現状ではPlayrクラスの///コメント部 new Player_Controller(this....
0
票
1
回答
172
閲覧数
サーバー管理botのエラー(Discord.js)
Discord.jsを用いてBotを作成しているものです。
このbotには、以下の機能が搭載されています。
<ロール管理>
・!login ロール名:ロール取得
・!logout ロール名:ロール剥奪
<サーバー管理>
・testロール所有者の送信テキストの代理送信
・mutedロール所有者の送信テキストの削除
コードの記述順は上の通りです。
...
0
票
1
回答
199
閲覧数
webページでデータを監視する事は出来るのでしょうか?
現在EPSON TM-m10と言うレシートプリンタの制御で遊んでいます。
メーカー提供のJavaScriptライブラリのサンプルコードを使用し、Apacheサーバー上にtest.phpと言うスクリプトを作成し、ブラウザから以下のようなURLでアクセスすることで印刷は出来るようになりました。
http://192.168.100.100/test.php?id=123&data=456&...
0
票
1
回答
291
閲覧数
speechSynthesis.getVoices()で使用可能な音声を取得できない
chromeでWeb Speech APIのgetVoices()を以下のコードで実行したのですが、空の配列で返ってきます。どうすれば、取得できるのでしょうか。
const voice = speechSynthesis.getVoices();
console.log(voice);
<・ [] //コンソールでの結果
ちなみに、...
0
票
0
回答
492
閲覧数
チェックボックスの値保存ができない
以下のコードを書いてみたのですが、チェックボックスをクリックした後にページを更新すると、チェックが外れてしまいます。どうすればチェックボックスが保存されるようになるのか教えていただきたいです!
<html>
<head>
<script type="text/javascript" src="/wp-includes/js/jquery/...
1
票
1
回答
461
閲覧数
Yahoo!ニュースの検索窓で検索した時の「もっと見る」ボタン以降のテキスト情報をスクレイピングする
下記の質問とほぼ同じになるのですが、私の力では解決できなかったため同様の質問をさせていただきます。
Webページ上の「もっと見る」ボタン以降のテキスト情報をスクレイピングする
Yahoo!ニュースの検索窓にキーワードを入力しテキスト情報をスクレイピングで取得しようとしています。
ページの途中に「もっと見る」ボタンがあり、以降の情報もすべて取得したいのですが、
「もっと見る」...
2
票
3
回答
853
閲覧数
「1」から「指定された数」までの数列を配列で作りたい
目的
数を指定して関数に渡します。
そうすると配列が作られて、1,2,3,4と順に配列に組み込まれていきます。
指定された数になるとその数が代入されてそこで止まり、配列が返されると思っていました。
よろしくお願いします。
原始コード
const createNum = (maxNum) => {
const ary_result = [];
for (let index = 1; ...
0
票
1
回答
243
閲覧数
サイトのオートリロードはサーバーにどれくらい負荷がかかるか
JavaEEで制作したサイトにて、10分に1度の頻度で、JavaScriptでメイン画面をオートリロードしようと考えています。
その場合、F5アタックのように、サーバーに負荷がかかるのではと思います。herokuを使用しています。
負荷を軽減、回避する方法があれば教えてください。
<script>
setTimeout(function() {
window....
1
票
0
回答
155
閲覧数
vue3を使用してamcharts5のグラフを切り替えたいです
vue3とamcharts5を不慣れなため思ったような挙動をしてくれなくて困っています。
やりたいことは、グラフをボタンで切り替えたいです。
具体手には、ボタンを二つ設置して、データ1がクリックされたら円グラフを描画、その後もう一つのデータ2をクリックしたら同じグラフを使用してデータだけ入れ替えて、再描画したいと考えていて、
コードを書きましたがエラーが出て動きません、...
0
票
1
回答
665
閲覧数
Vueのcomputedで2次元配列の算出プロパティを作りたい
現在Vue3のコード(Composition API)を練習しています。
次のような配列があった場合算出プロパティで積を求める(あくまで練習)ことを目的としています。computedの書き方がどうしてもわかりません。hogeの所にはitemsのそれぞれの積が返って欲しいです。宜しくお願いします。
<script>
export default {
data() {
...
1
票
0
回答
271
閲覧数
Docker環境でのみnode.jsのaws-sdkでcognitoのユーザー情報取得ができない
実現したいこと
AdminInitiateAuthCommandを使ってユーザー情報を取得したい
前提
ローカルでは動きますが、Dockerでは動きません。
node.jsのバージョン: 18.13.0
発生している問題・エラーメッセージ
Could not load credentials from any providers
該当のソースコード
// main.ts
import {
...
1
票
0
回答
524
閲覧数
React+FastAPIでのCORSエラーの対処について
React+FastAPIでWebサイトを作成しました。FastAPI側では公式ドキュメントを読んでCORS対策しましたが、CORSエラーが出てデータをサーバーに送れません。何が原因なのでしょうか?
特徴
1.POST送信時のみエラーが出る。(GETメソッドでは起きない。)
2.ローカル環境(ReactとFastAPIは別ポート)ではPOST, GETとも問題なく動作する。
3....
0
票
1
回答
138
閲覧数
JavaScriptでオセロを作っています。処理の一時停止をしたいのですが、思ったような挙動になりません。
javascriptでオセロを作っています。
ユーザーがpタグをクリックすると、クリックした盤面の位置がrun()に渡されます。
プレイヤーが打った後ランダムに打つNPCを用意したのですが、ヴィジュアル的にそれぞれの処理に間を開けたいと思い、runNpc()の冒頭に下記のような記述をしました。
let start = new Date();
while (new Date() - start &...
0
票
0
回答
1万
閲覧数
HTML で JavaScript を読み込む際にエラー Failed to load resource: net::ERR_FILE_NOT_FOUND
下記のようなファイル配置で「Failed to load resource: net::ERR_FILE_NOT_FOUND」というエラーが出ます。
調べたところ、主にファイルの配置やファイルパスの設定が間違っているとのことでしたが、windowsPCだとエラーが発生せず(意図した動作を確認)、MacPCだと発生します。(ファイル配置はHTMLと同じ階層)
利用ブラウザは両方ともGoogle ...
0
票
1
回答
271
閲覧数
Ajaxを使用してJSONデータの取得をクラス式で実現するには?
非同期通信でJSONデータの取得をクラス式で実現するにはどうしたらいいでしょうか?
HTML上のボタン押下後に画像を表示できるようにしたいんですが、クラス式での方法を色々調べてもわかりませんでした。わかる方お力を貸していただきたいです。
まだエンジニアの学習を始めて数ヶ月でわからない事だらけなのでお手柔らかにお願いいたします。
const btn = document.getElementById(...
0
票
1
回答
59
閲覧数
Javascriptのifをnullishかどうかで分岐する時の書き方
ある値がnullishかどうかで条件分岐をさせたい時があります。
今のところ以下のように書いているのですが、もっとすっきりした(具体的には、nullを2回書かなくても良いような)書き方があれば、ご教授願いたいです。
if(a??null===null){
//do something
}
0
票
1
回答
119
閲覧数
JSで日付によって画像の角度を変える
ホロスコープ作成サイトを作っています。
jsを使って現在の日付けを取得し、その日付に応じて画像の角度を変更したいのですが、初心者のため、試行錯誤もできていません。具体性がなく非常に答えにくいとは思うのですが方法を教えてください。
0
票
1
回答
66
閲覧数
Framerで、JavascriptのCSSに設定できる内容は、どのように確認したらよいでしょうか?
実現したいこと
Framer.comを使って、アメコミ(Marvel)キャラクターのJSONを使った、キャラクターのカードを作ろうとしています。一枚のカードには一つのキャラクターの情報が入ります。
キャラクターのデータは10キャラクター分10枚あり、overflowしたカードをスクロールで10キャラクターを表示するのではなく、containerの設定により、...
0
票
0
回答
140
閲覧数
iosでjavascriptを使い「Ctrl+S」のキーイベントを発火させたいです
iosでjavascriptを使い「Ctrl+S」のキーイベントを発火させたいですが、できるでしょうか
safari上でテキストを編集し、Svadilfariのジェスチャーで「Ctrl+S」の信号を送りセーブしたいのです
よろしくお願いします
2
票
1
回答
1,182
閲覧数
react内のimg srcにてテキストと変数を連結したい。
以下の様なApp.jsがあり、dbから抽出した情報の一覧を表示させる記述があります。画像を表示させる為にimg src内を以下の様にテキストと変数を連結した状態にしなければなりません。以下の設定では画像が表示されず、四角いボックスが表示されるだけです。''、""、あるいは{}で全体を覆ったりとあらゆることを試したり、ネット内の同様のケースを探し試しましたが、表示されません。...
0
票
1
回答
496
閲覧数
typescript にて typeで指定した型に代入にしようとすると配列を受け付けない
vsocdeで vue3 と typescriptでコードを書いています。
次のようなコードで typeで型指定後に obj から itemObj に値を移そうとするとエラーになります。
type Obj = {
Timeline: {
Items: ItemsObj[];
};
};
type ItemsObj = {
[key: string]: {
...
0
票
3
回答
519
閲覧数
webサイトの中で複数のページ共通の処理を書く時に相対パスはどう記述すれば良い?
以下のようなURLのサービスを作っているとします。
https://example.com/hoge-service/ ←ここがトップ画面
https://example.com/hoge-service/favorite
https://example.com/hoge-service/user/123456 ユーザーページ
https://example.com/hoge-service/js/...
0
票
1
回答
114
閲覧数
DOJOでボタンを押すと消えるタグを作る際の ONに関する問題
これらのコードを動作させることを目標としています。現段階では特定のタグを消滅を可能にすれば問題ないです。
今後の事を含めた解決も可能である場合は、タグを消滅するボタンに更に登録機能を付けたいと考えています。
★便宜上、下記で記述したリンクにおいてbunndle.jsを作成しており、その記述は今回は問題が多面化するため、削除しています。
また、bunndle.js単体での機能は動作しております。
<...
0
票
2
回答
630
閲覧数
アプリケーションロードバランサーとCognitoを使用した認証機能でのログアウト
課題
Cognitoでアプリケーションロードバランサー(以後ALB)に実装した認証機能で、ログアウトしてログイン画面にリダイレクトする挙動を実装したいが、CORSエラーが発生している。
前提
ALBでEC2のインスタンスにリクエストを振り分けています。今回、ALBにCognitoで認証機能を実装しました。未ログインの状態でインスタンスにアクセスするとCognitoで作成されたログイン画面が表示され、...
1
票
1
回答
85
閲覧数
要素Aの数字より要素Bの数字が小さい場合に、要素Cに判定を出したい
以下のような予算(class="budget")を費用(class="cost")が上回った場合に判定結果(class="result")に「予算オーバー」と表示したいですが上手くいきません。
ご教授のほどよろしくお願いいたします。
▼HTML
<div>
<div><span class="...
0
票
1
回答
1,427
閲覧数
javascriptから書き込んだcookieを読み取ることができない
javascriptからdocument.cookieを使って書き込んだcookieが読み取れません。
そのセッションのうちはconsole.log(document.cookie)で読み取ることができるのですが、ブラウザ(firefox)を立ち上げなおすと、console.log(document.cookie)の結果がempty stringになってしまいます。
max-ageを設定しており、...
0
票
1
回答
1,364
閲覧数
Electron で Uncaught (in promise) Error: An object could not be cloned
Electron(v22)でファイルのアップロードする部分を作成しています。
renderer.tsからpreload.tsを経由してbackground.tsを経由するときに、
Uncaught (in promise) Error: An object could not be cloned.
がrenderer.ts部分で発生してしまいます。
原因がわからず、...
0
票
1
回答
163
閲覧数
JavaScript&HTMLを使用したモールス信号変換機能で1文字以上でも判定・変換されるようにしたい。
javascriptとhtmlを使用してアルファベットからモールス記号に変換する機能を実装したい
下記のコードでinputタグに入力した値が連想配列のkeyと合致していた場合、合致した文字の値(モールス記号)を表示するところまでは作れたのですが、一文字ずつしか変換できず、解決方法がわかりません。
期待する出力
inputタグにHELLOを入力 => ・・・・ ・ ・-・・ ・-・・ --- ...
0
票
1
回答
8,683
閲覧数
形式として問題ないのに JSON.parse で エラーになってしまう
electron(v22)+Vue(v3)を使って、JSONで処理しようとしています。
アップロードしたファイルをテキストファイルをJSONにパースしようとするとエラーが発生します。
もしかしたら改行コードやスペースが原因かと思い、最小構成のJSONを作ってみました。
しかし、それでもエラーが発生します。
const text = fs.readFileSync(filePath, 'utf-8')...
0
票
0
回答
72
閲覧数
ログインフォームの自動補完を選択後の自動遷移について
ログインフォームの自動補完を選択すると自動遷移する現象があるのですが
クライアントから自動補完は残していいのですが自動遷移を止めて欲しいと希望があるのですが
どのようにHTML,CSS、JSなどで対策できますか?
現在は、Wordpressにて利用しているのでいいアイディアや参考になるサイトなどがあればご教授いただければ幸いです。
OSレベルの問題かと思っているのですが、、、
2
票
2
回答
509
閲覧数
ファイルブラウザ風のJavaScriptライブラリは存在しますか?
添付の画像のようなユーザーインターフェースを実現出来るJavaScriptライブラリを探しています。どなたか簡単にファイルやフォルダのツリーを表現できるライブラリをご存じありませんでしょうか?
2
票
1
回答
112
閲覧数
TypeScriptでenumを使用して型を当てたい。
enumをリテラル型のような使い方は出来ないのでしょうか?
enum UserIds {
'たけし' = 1,
'かける' = 2,
'みさと' = 3,
}
// 1, 2, 3以外の数値はエラーになってほしい
const userId: UserIds = 30;
console.log(userId);
リテラル型を type UserIds = 1 | 2 | 3; ...
0
票
2
回答
226
閲覧数
自動で3つの数字を掛け合わせるページの作成
初心者向けの、HTMLとJavascriptの練習問題を解いています。
<問>
ユーザーに3つの数字を入力してもらい、それらを自動で掛け合わせた結果を表示するウェブページを作りなさい。
(Javascriptのalertやpromptは使わずに、HTMLのformを使いなさい)
<私の回答>
<!DOCTYPE html>
<html lang="en"&...
0
票
1
回答
196
閲覧数
jQueryで*:contains('AAA')セレクタで要素を選択させた際に直近の要素のみを選択できるようにしたい
<table>
<tr><td>AAA</td></tr>
<tr><td>BBB</td></tr>
</table>
というHTMLがあったとして、
jQueryで
$("*:contains('AAA')").addClass('hoge');
...
1
票
1
回答
830
閲覧数
一次元配列を二次元配列に変換するプログラムのfor文の処理について
array_1 の一次元配列を二つの要素ごとに区切って array_2 に二次元配列として格納するプログラムの例をネットで見つけました。
出典:
一次元配列を二次元配列に変換する
以下のようなプログラムなんですが、なぜ for 文の条件式は (let i = 0; 0 < array_1.length; i) このようになるのでしょうか?
//要素数2の場合
let array_1 = ['...
0
票
1
回答
65
閲覧数
js const 配列メンバ変数を用意する方法が知りたい Object.freezeの使い方がわからない
質問内容
テトリスゲームの製作で回転したときのフォールキックパターンの配列のデータなのですがこの値は変更しないのでconstにしたいのですが以下の///コメント部内部のように参考サイト参考に実装したいのですが値が書き換えられてしまうので上手く実装出来ていません。クラスメンバ配列変数の場合どうやって実装するのでしょうか?
質問内容
///コメント部内部のthis....
1
票
1
回答
65
閲覧数
ESLintとPrettierの設定ファイルを複数のプロジェクトから共通設定として参照したい
ローカルで複数のプロジェクトを開発する場合、一つ一つのプロジェクトでESLintとPrettierの設定ファイルを作るのではなく、共通の設定ファイルを参照するようにしたいです。
また、チーム開発しているプロジェクトではそのプロジェクトの設定ファイルがあるのでそれを使うようにしたいです。
いい方法はあるでしょうか?JetBrains社のエディタ(WebStormなど)での開発を想定しています。
1
票
2
回答
618
閲覧数
NodejsでMySQLのクエリ文の繰り返し処理を同期的に実行したい
現在Nodejsを使用してJavascriptの勉強をしております。
クエリ文を実行して得た値を配列に格納したいのですが、非同期になってしまうため、繰り返し2週目以降のデータが格納されません。
DBのレコードはそれぞれ parent_id カラム(親レコードのidが格納してある)を持っており、子となるレコードは複数ある場合もあります。
実現したいこととしては、Main.jsから受け取ったid(...
0
票
0
回答
27
閲覧数
mongooseのアラートが消えない
Facebookのクローンアプリを作ってます。mongoDBとローカルサーバーを接続してます。
ターミナルにアラートが出て、この警告のせいでこの後のPostmanを使ってpostリクエストを送る操作をする時にエラーが出てしまいます。
対処法を教えてください
0
票
1
回答
567
閲覧数
TypeScript で連想配列の中身の型を引っ張り出して使いたい
連想配列の内部の階層の型を引っ張ってくる方法を教えていただきたいです。
type Outside = {
key: {
a: number;
b: string;
}
}
// Outside型のkeyからInside型を作りたい (Outside型は変更してはいけない)
// type Inside = typeof Outside.key // 'Outside' ...
1
票
1
回答
273
閲覧数
Vue3に二次元配列を渡す方法
Google Apps ScriptでVue3でテストアプリを作成しています。
クライアント側Javascriptでいろいろ試していますが、二次元配列がObject型?になるのか、v-forで回せません。どのように渡すと良いのでしょうか?
ベタ打ちの配列を返すと動作するので、CDN等の設定は問題ないとしてアドバイスをいただければと思います。
javascript.html
<script&...
0
票
0
回答
793
閲覧数
Chrome拡張機能にnpmモジュールを使用したい
Chrome拡張機能にnpmモジュールを使用することは可能でしょうか?
使用したいnpmモジュールは下記になります。
amazon-sp-api
aws-sdk
qs
crypto-js
node-fetch
axios
0
票
2
回答
423
閲覧数
条件分岐は呼び出し元と呼び出し先、どちらに書くのが良いでしょうか
以下の2つのJavaScriptのコードがあるとします。
細かいパフォーマンスを除けば、どちらも同じ出力が得られるはずです。
違いは、変数isMorningがtruthyなら関数morningGreeting()をコールするか、関数morningGreeting()は必ずコールしてその中で分岐するか、ということです。
if (isMorning) morningGreeting();
...
-2
票
1
回答
710
閲覧数
C#で生成したjsonデータをjavascriptでも使えるようにする方法が知りたい。
提示コードですが以下のソースコードのlet jsonのjson文字列をarr.name のような形で参照したいのですがなぜundefinedと表示されるのでしょうか?参考サイト等を調べましたがやり方は以下ように行うそうです。
提示コードのついて
以下のソースコードはC# WebViewを用いてjavascriptにjsonデータを送りhtmlを使って描画するという処理内容です。
...