[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,688
質問
0
票
0
回答
29
閲覧数
htmlのscriptタグth:srcにて発生している不正動作の原因
現在HTMLのheadタグ内で以下scriptタグを定義しており、
<script type="text/javascript" th:src="@{/javascript/library/jquery-1.12.41.js}"></script>
IOSのQRリーダーで上記定義されているHTMLにアクセスすると(ブラウザ:...
0
票
0
回答
43
閲覧数
vue.jsを使用したSPAで出来るだけ高速な画面遷移を行いたい
フロントはvue,バックエンドはlaravelでSPAをはじめて作っています。
vue側でaxiosを使い内部apiからデータを取得してレンダリングするページが5つあるのですがvue routerで画面遷移するたびにmountedでapiを叩いてから表示する流れだと少し遅いのかなと感じます。
出来るだけ早くレンダリングするために、...
0
票
2
回答
158
閲覧数
javascript 変数の中で継承を行う方法が知りたい。
提示コードの///コメント部内部のコードなのですが、上のComponentを親クラスとして子クラスRendererクラスを生成したいのですが以下のエラーが出ますこれはなぜでしょうか?
試したこと
コメント部内部のように実験
エラー
FrameWork.js:46 Uncaught ReferenceError: Component is not defined
at FrameWork....
0
票
1
回答
164
閲覧数
Javascript 子クラスで自分の親クラスの参照を渡す方法が知りたい
質問内容
Playerクラスのコンストラクタの配列で継承している親クラスGameObjectの参照を入れてそれをPlayer_Controllerクラスのコンストラクタに入れてそれを親クラスのComponentクラスに入れてそれを
Player_Controllerクラスで利用したいのですが現状ではPlayrクラスの///コメント部 new Player_Controller(this....
0
票
0
回答
33
閲覧数
サーバー管理botのエラー(Discord.js)
Discord.jsを用いてBotを作成しているものです。
このbotには、以下の機能が搭載されています。
<ロール管理>
・!login ロール名:ロール取得
・!logout ロール名:ロール剥奪
<サーバー管理>
・testロール所有者の送信テキストの代理送信
・mutedロール所有者の送信テキストの削除
コードの記述順は上の通りです。
...
0
票
0
回答
83
閲覧数
webページでデータを監視する事は出来るのでしょうか?
現在EPSON TM-m10と言うレシートプリンタの制御で遊んでいます。
メーカー提供のJavascriptライブラリのサンプルコードを使用し、Apacheサーバー上にtest.phpと言うスクリプトを作成し、ブラウザ上から
http://192.168.100.100/test.php?id=123&data=456&price=12300
等と行い印刷は出来るようになりました。
...
0
票
1
回答
53
閲覧数
speechSynthesis.getVoices()で使用可能な音声を取得できない
chromeでWeb Speech APIのgetVoices()を以下のコードで実行したのですが、空の配列で返ってきます。どうすれば、取得できるのでしょうか。
const voice = speechSynthesis.getVoices();
console.log(voice);
<・ [] //コンソールでの結果
ちなみに、...
0
票
0
回答
20
閲覧数
Jspreadsheetでオートコンプリートが機能するときにセルに入力された値を監視したい。
実現したいこと
Jspreadsheetを導入しています。
オートコンプリートが機能するときに、入力された値をconsole.logでデバックしたいです。
このautocompleteが機能するときにセルに入力された値を受け取りたいです。
該当のソースコード
case 'gorira_id':
return {
...baseSetting,
type: '...
0
票
0
回答
82
閲覧数
チェックボックスの値保存ができない
以下のコードを書いてみたのですが、チェックボックスをクリックした後にページを更新すると、チェックが外れてしまいます。どうすればチェックボックスが保存されるようになるのか教えていただきたいです!
<html>
<head>
<script type="text/javascript" src="/wp-includes/js/jquery/...
1
票
1
回答
180
閲覧数
Yahoo!ニュースの検索窓で検索した時の「もっと見る」ボタン以降のテキスト情報をスクレイピングする
下記の質問とほぼ同じになるのですが、私の力では解決できなかったため同様の質問をさせていただきます。
Webページ上の「もっと見る」ボタン以降のテキスト情報をスクレイピングする
Yahoo!ニュースの検索窓にキーワードを入力しテキスト情報をスクレイピングで取得しようとしています。
ページの途中に「もっと見る」ボタンがあり、以降の情報もすべて取得したいのですが、
「もっと見る」...
0
票
0
回答
90
閲覧数
振込処理を自動化するプログラムについて
stripe connectの手数料削減のため、skebさんのように「振込処理を自動化するプログラム」を作りたいと思っているのですが、具体的にはどのようなイメージで実装したら良いでしょうか? 銀行のAPIを使わないようなのですが、もし詳しい方いたら教えて頂きたいです(何となく振込元の銀行の画面をjavascriptで操作するのかなと感じているのですが、それが法的にシステム的に可能なのかよく分からず)...
1
票
3
回答
286
閲覧数
「1」から「指定された数」までの数列を配列でを作りたい
目的
数を指定して関数に渡します。
そうすると配列が作られて、1,2,3,4と順に配列に組み込まれていきます。
指定された数になるとその数が代入されてそこで止まり、配列が返されると思っていました。
よろしくお願いします。
原始コード
const createNum = (maxNum) => {
const ary_result = [];
for (let index = 1; ...
0
票
0
回答
63
閲覧数
ローカルストレージに保存しているデータをmySQLに保存したい
reactで簡単なノートアプリを作成しました。
アプリとしては、タイトルと内容を書き込んだものがプレビューに表示され、ローカルストレージに保存される作り込みとなっています。
・やりたいこと
ローカルストレージではなく、MySQL内のデータベースに保存したいです。
バックエンドはNode.js(express)×MySQLを用いて試みましたがうまくいきませんでした。
バックエンド→...
0
票
1
回答
132
閲覧数
サイトのオートリロードはサーバーにどれくらい負荷がかかるか
JavaEEで制作したサイトにて、10分に1度の頻度で、JavaScriptでメイン画面をオートリロードしようと考えています。
その場合、F5アタックのように、サーバーに負荷がかかるのではと思います。herokuを使用しています。
負荷を軽減、回避する方法があれば教えてください。
<script>
setTimeout(function() {
window....
0
票
0
回答
89
閲覧数
vue3を使用してamcharts5のグラフを切り替えたいです
vue3とamcharts5を不慣れなため思ったような挙動をしてくれなくて困っています。
やりたいことは、グラフをボタンで切り替えたいです。
具体手には、ボタンを二つ設置して、データ1がクリックされたら円グラフを描画、その後もう一つのデータ2をクリックしたら同じグラフを使用してデータだけ入れ替えて、再描画したいと考えていて、
コードを書きましたがエラーが出て動きません、...
0
票
0
回答
70
閲覧数
JavaScriptでこのLoader作れますか?
Willstyle.co.jpのヘッダーの要素を塗りつぶすローダーの作り方をご存じの方は教えてください。
自分が考えるに登録された要素に操作をかけているのだと思うのですが()
0
票
1
回答
40
閲覧数
Vueのcomputedで2次元配列の算出プロパティを作りたい
現在Vue3のコード(Composition API)を練習しています。
次のような配列があった場合算出プロパティで積を求める(あくまで練習)ことを目的としています。computedの書き方がどうしてもわかりません。hogeの所にはitemsのそれぞれの積が返って欲しいです。宜しくお願いします。
<script>
export default {
data() {
...
0
票
0
回答
38
閲覧数
Android`スマホで<audio> tagを利用できますか?
ネットに接続していない(stand-alone状態の)Androidスマホの同一folderに下記htmlファイル(abc102.html)とmp3 file(abc102.mp3)を入れてあります。
<body>
<audio controls>
<source src="abc102.mp3">
</...
0
票
0
回答
56
閲覧数
Web Speech API で自分の PC のスピーカーからの音をブロックすることはできますか?
私のプロジェクトでは、ズームでの音声会議中に Web Speech API を使用してブラウザーから自分の声を拾いたいという要件があります。
このとき、Web 音声 API が Zoom から聞こえる他の人の声を拾ってしまうという問題があります。
これを防ぐ方法はありますか?
さらに、ズーム API を使用してズームからオーディオを直接抽出することは技術的に困難であるため、保留されています。
...
1
票
0
回答
43
閲覧数
Docker環境でのみnode.jsのaws-sdkでcognitoのユーザー情報取得ができない
実現したいこと
AdminInitiateAuthCommandを使ってユーザー情報を取得したい
前提
ローカルでは動きますが、Dockerでは動きません。
node.jsのバージョン: 18.13.0
発生している問題・エラーメッセージ
Could not load credentials from any providers
該当のソースコード
// main.ts
import {
...
0
票
0
回答
120
閲覧数
React+FastAPIでのCORSエラーの対処について
React+FastAPIでWebサイトを作成しました。FastAPI側では公式ドキュメントを読んでCORS対策しましたが、CORSエラーが出てデータをサーバーに送れません。何が原因なのでしょうか?
特徴
1.POST送信時のみエラーが出る。(GETメソッドでは起きない。)
2.ローカル環境(ReactとFastAPIは別ポート)ではPOST, GETとも問題なく動作する。
3....
0
票
0
回答
50
閲覧数
res.sendFile()がhtmlを送らないでなぜか知らない。
app.get("/public/list") には新しいページが表示させたいけど、なぜ動かないか知らない。
app.get("/",(req,res)=>{
res.sendFile(__dirname+"/public/index.html")
})
//ここは問題があるかも
app.get("/...
0
票
1
回答
115
閲覧数
JavaScriptでオセロを作っています。処理の一時停止をしたいのですが、思ったような挙動になりません。
javascriptでオセロを作っています。
ユーザーがpタグをクリックすると、クリックした盤面の位置がrun()に渡されます。
プレイヤーが打った後ランダムに打つNPCを用意したのですが、ヴィジュアル的にそれぞれの処理に間を開けたいと思い、runNpc()の冒頭に下記のような記述をしました。
let start = new Date();
while (new Date() - start &...
0
票
0
回答
901
閲覧数
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
回答
135
閲覧数
Ajaxを使用してJSONデータの取得をクラス式で実現するには?
非同期通信でJSONデータの取得をクラス式で実現するにはどうしたらいいでしょうか?
HTML上のボタン押下後に画像を表示できるようにしたいんですが、クラス式での方法を色々調べてもわかりませんでした。わかる方お力を貸していただきたいです。
まだエンジニアの学習を始めて数ヶ月でわからない事だらけなのでお手柔らかにお願いいたします。
const btn = document.getElementById(...
0
票
0
回答
33
閲覧数
Reactでロードした後、Firebase/Firestore の情報を表示する実装方法がわからない
ReactでTrello風アプリの実装をしています。
ロードした後、Firebase/Firestore の情報を表示する実装方法がわからない為ご協力頂きたいです。
参考にした動画:
ReactでTrello風タスク管理アプリの作り方【Reactアプリ開発】 (YouTube)
現時点で実装済みの内容
・ドラッグ&ドロップの実装
・タスクの追加・削除
・タスクカードの追加・削除
・...
0
票
0
回答
27
閲覧数
Googleフォームで見た目のカスタマイズをしたときに分岐した質問の答えが送信されない
https://zenn.dev/yurukei20/articles/9741118bfb5ee0
上記の方法を使いオリジナルの見た目でフォームのカスタマイズを行っています。
送信自体は問題なく行えるのですが、送信後、回答結果を見るとGoogleフォーム側で作成した分岐後の回答が記録されません。
オリジナルのフォーム側で、の選択肢によっての表示切り替えはjsで行っています。
...
0
票
1
回答
53
閲覧数
Javascriptのifをnullishかどうかで分岐する時の書き方
ある値がnullishかどうかで条件分岐をさせたい時があります。
今のところ以下のように書いているのですが、もっとすっきりした(具体的には、nullを2回書かなくても良いような)書き方があれば、ご教授願いたいです。
if(a??null===null){
//do something
}
0
票
0
回答
66
閲覧数
React router v6 useLocation stateの保存について
useNavigateとuseLocationで、一度発行したapiの情報を保存して、一度取ってきたことのあるapiの情報であれば、apiから取得せず保管されているものを利用するということを実現したいです。
0
票
1
回答
72
閲覧数
JSで日付によって画像の角度を変える
ホロスコープ作成サイトを作っています。
jsを使って現在の日付けを取得し、その日付に応じて画像の角度を変更したいのですが、初心者のため、試行錯誤もできていません。具体性がなく非常に答えにくいとは思うのですが方法を教えてください。
0
票
1
回答
43
閲覧数
Framerで、JavascriptのCSSに設定できる内容は、どのように確認したらよいでしょうか?
実現したいこと
Framer.comを使って、アメコミ(Marvel)キャラクターのJSONを使った、キャラクターのカードを作ろうとしています。一枚のカードには一つのキャラクターの情報が入ります。
キャラクターのデータは10キャラクター分10枚あり、overflowしたカードをスクロールで10キャラクターを表示するのではなく、containerの設定により、...
0
票
0
回答
36
閲覧数
DenoでGo言語のembedのようなことは出来ますか?
タイトルの通りです。
現在DenoでWebviewを使ってデスクトップアプリを作っているのですが、コンパイルしたときにバイナリファイルとindex.htmlファイルの2つの出力が必要なので困っています。
そこでGo言語でできるembedみたいなことが出来たらいいなと思って質問しました。
よろしければ回答をお願いします。できなければGo言語に切り替えようと考えています。
0
票
0
回答
72
閲覧数
iosでjavascriptを使い「Ctrl+S」のキーイベントを発火させたいです
iosでjavascriptを使い「Ctrl+S」のキーイベントを発火させたいですが、できるでしょうか
safari上でテキストを編集し、Svadilfariのジェスチャーで「Ctrl+S」の信号を送りセーブしたいのです
よろしくお願いします
2
票
1
回答
205
閲覧数
react内のimg srcにてテキストと変数を連結したい。
以下の様なApp.jsがあり、dbから抽出した情報の一覧を表示させる記述があります。画像を表示させる為にimg src内を以下の様にテキストと変数を連結した状態にしなければなりません。以下の設定では画像が表示されず、四角いボックスが表示されるだけです。''、""、あるいは{}で全体を覆ったりとあらゆることを試したり、ネット内の同様のケースを探し試しましたが、表示されません。...
0
票
0
回答
65
閲覧数
GAS環境でDBから取得した値を配列に格納する際のレスポンス改善方法
Google Apps Script(GAS)環境でMySQLから取得した結果を配列に格納する処理で非常に時間がかかっています。(約200件で1分前後)
以下が抜粋したプログラムの内容で、whileにて配列に値をセットする箇所を改善したいと考えております。
なお、CloudSQLのサーバスペックを上げることで処理速度は若干改善されたものの、...
0
票
1
回答
98
閲覧数
typescript にて typeで指定した型に代入にしようとすると配列を受け付けない
vsocdeで vue3 と typescriptでコードを書いています。
次のようなコードで typeで型指定後に obj から itemObj に値を移そうとするとエラーになります。
type Obj = {
Timeline: {
Items: ItemsObj[];
};
};
type ItemsObj = {
[key: string]: {
...
0
票
3
回答
109
閲覧数
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
回答
45
閲覧数
DOJOでボタンを押すと消えるタグを作る際の ONに関する問題
これらのコードを動作させることを目標としています。現段階では特定のタグを消滅を可能にすれば問題ないです。
今後の事を含めた解決も可能である場合は、タグを消滅するボタンに更に登録機能を付けたいと考えています。
★便宜上、下記で記述したリンクにおいてbunndle.jsを作成しており、その記述は今回は問題が多面化するため、削除しています。
また、bunndle.js単体での機能は動作しております。
<...
0
票
2
回答
145
閲覧数
アプリケーションロードバランサーとCognitoを使用した認証機能でのログアウト
課題
Cognitoでアプリケーションロードバランサー(以後ALB)に実装した認証機能で、ログアウトしてログイン画面にリダイレクトする挙動を実装したいが、CORSエラーが発生している。
前提
ALBでEC2のインスタンスにリクエストを振り分けています。今回、ALBにCognitoで認証機能を実装しました。未ログインの状態でインスタンスにアクセスするとCognitoで作成されたログイン画面が表示され、...
1
票
1
回答
77
閲覧数
要素Aの数字より要素Bの数字が小さい場合に、要素Cに判定を出したい
以下のような予算(class="budget")を費用(class="cost")が上回った場合に判定結果(class="result")に「予算オーバー」と表示したいですが上手くいきません。
ご教授のほどよろしくお願いいたします。
▼HTML
<div>
<div><span class="...
0
票
0
回答
72
閲覧数
expo-sqliteを使用して取得したデータベースの内容を配列に格納したい
React NativeとExpoを使用してAndroidアプリを開発しています。
expo-sqliteのexecuteSqlを使い、データベースのレコードを取得したものを配列に格納して返す関数を作ったのですが、返す値が空の配列になってしまいます。
(データベースには正常にレコードが入っていることをconsole.logを使用して確認済みです。)
...
0
票
1
回答
147
閲覧数
javascriptから書き込んだcookieを読み取ることができない
javascriptからdocument.cookieを使って書き込んだcookieが読み取れません。
そのセッションのうちはconsole.log(document.cookie)で読み取ることができるのですが、ブラウザ(firefox)を立ち上げなおすと、console.log(document.cookie)の結果がempty stringになってしまいます。
max-ageを設定しており、...
0
票
1
回答
213
閲覧数
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
回答
74
閲覧数
JavaScript&HTMLを使用したモールス信号変換機能で1文字以上でも判定・変換されるようにしたい。
javascriptとhtmlを使用してアルファベットからモールス記号に変換する機能を実装したい
下記のコードでinputタグに入力した値が連想配列のkeyと合致していた場合、合致した文字の値(モールス記号)を表示するところまでは作れたのですが、一文字ずつしか変換できず、解決方法がわかりません。
期待する出力
inputタグにHELLOを入力 => ・・・・ ・ ・-・・ ・-・・ --- ...
0
票
1
回答
188
閲覧数
形式として問題ないのに JSON.parse で エラーになってしまう
electron(v22)+Vue(v3)を使って、JSONで処理しようとしています。
アップロードしたファイルをテキストファイルをJSONにパースしようとするとエラーが発生します。
もしかしたら改行コードやスペースが原因かと思い、最小構成のJSONを作ってみました。
しかし、それでもエラーが発生します。
const text = fs.readFileSync(filePath, 'utf-8')...
0
票
0
回答
36
閲覧数
ログインフォームの自動補完を選択後の自動遷移について
ログインフォームの自動補完を選択すると自動遷移する現象があるのですが
クライアントから自動補完は残していいのですが自動遷移を止めて欲しいと希望があるのですが
どのようにHTML,CSS、JSなどで対策できますか?
現在は、Wordpressにて利用しているのでいいアイディアや参考になるサイトなどがあればご教授いただければ幸いです。
OSレベルの問題かと思っているのですが、、、
2
票
2
回答
123
閲覧数
ファイルブラウザ風のJavaScriptライブラリは存在しますか?
添付の画像のようなユーザーインターフェースを実現出来るJavaScriptライブラリを探しています。どなたか簡単にファイルやフォルダのツリーを表現できるライブラリをご存じありませんでしょうか?
3
票
1
回答
80
閲覧数
TypeScriptでenumを使用して型を当てたい。
enumをリテラル型のような使い方は出来ないのでしょうか?
enum UserIds {
'たけし' = 1,
'かける' = 2,
'みさと' = 3,
}
// 1, 2, 3以外の数値はエラーになってほしい
const userId: UserIds = 30;
console.log(userId);
リテラル型を type UserIds = 1 | 2 | 3; ...
0
票
1
回答
108
閲覧数
自動で3つの数字を掛け合わせるページの作成
初心者向けの、HTMLとJavascriptの練習問題を解いています。
<問>
ユーザーに3つの数字を入力してもらい、それらを自動で掛け合わせた結果を表示するウェブページを作りなさい。
(Javascriptのalertやpromptは使わずに、HTMLのformを使いなさい)
<私の回答>
<!DOCTYPE html>
<html lang="en"&...
0
票
0
回答
78
閲覧数
Mapboxを使った際の料金について聞いてみたい
やっていること
https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.js を読み込み、以下のようなコードでマップを表示して画面上で拡大・縮小などをやってるだけのWebアプリを開発しています。
mapboxgl.accessToken = 'XXXXX';
map = new mapboxgl.Map({...});
この場合、...