[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,686
質問
0
票
0
回答
12
閲覧数
nux3でcomposableの値を取得したい
components/Heading1.vueはレイアウトに組み込まれています。
pages/page.vueからcomposable/useOperation.vueを経由してcomponents/Heading1.vueのタイトルの値を変更したいのですがタイトル初期値のまま変わりません。
pages/page.vueからh1Textを呼び出すと表示したいタイトルが取得できます。
...
0
票
0
回答
13
閲覧数
ReduxでdispatchしpayloadからのuseEffectを実行しその中のuseStateのセット関数で更新した値で判定する方法
タイトルが分かりにくくて申し訳ありません。
useStateのセット関数で更新した値をすぐに参照したのですが、更新前の値が取れてしまいます。
useStateの更新はすぐに実行されないというのは知っています。
①やりたいこと
イベント内でuseStateの更新後の値をすぐに参照したいです。
②概要
イベント内でリストを再取得し、再取得後のリスト件数(multipleList.length)...
0
票
1
回答
128
閲覧数
webページでデータを監視する事は出来るのでしょうか?
現在EPSON TM-m10と言うレシートプリンタの制御で遊んでいます。
メーカー提供のJavaScriptライブラリのサンプルコードを使用し、Apacheサーバー上にtest.phpと言うスクリプトを作成し、ブラウザから以下のようなURLでアクセスすることで印刷は出来るようになりました。
http://192.168.100.100/test.php?id=123&data=456&...
0
票
1
回答
1,310
閲覧数
discord.jsでグローバルチャットを作りたい
Node.jsのdiscord.jsにてグローバルチャット(A鯖のBチャンネルで「あ」と言ったらC鯖のDチャンネルで「あ」と出てくるようなことをしたいのですが、うまくできません。
何が間違っているか教えてください。
作ってみたコード
client.on('message', message => {
if(message.author.bot){
return;
...
0
票
2
回答
164
閲覧数
javascript 変数の中で継承を行う方法が知りたい。
提示コードの///コメント部内部のコードなのですが、上のComponentを親クラスとして子クラスRendererクラスを生成したいのですが以下のエラーが出ますこれはなぜでしょうか?
試したこと
コメント部内部のように実験
エラー
FrameWork.js:46 Uncaught ReferenceError: Component is not defined
at FrameWork....
0
票
0
回答
60
閲覧数
vue.jsを使用したSPAで出来るだけ高速な画面遷移を行いたい
フロントはvue,バックエンドはlaravelでSPAをはじめて作っています。
vue側でaxiosを使い内部apiからデータを取得してレンダリングするページが5つあるのですがvue routerで画面遷移するたびにmountedでapiを叩いてから表示する流れだと少し遅いのかなと感じます。
出来るだけ早くレンダリングするために、...
0
票
1
回答
228
閲覧数
サーバーなしでPWA(Progressive Web Application)的なことをする
PWAをサーバーなしでダウンロードすることはできますか?
PWAを利用する場合、最初はHTTPSサーバーからダウンロードする必要がありますが、
これをHTTPSサーバーなしで、ローカル(file://)においてあるhtmlファイル上で行うことは可能なのでしょうか?
例えば、20問ぐらいのクイズを出題するhtmlファイル(jsとcssも含む)があるとします。(クイズの問題はhtmlに直に書いてある)...
0
票
1
回答
169
閲覧数
Javascript 子クラスで自分の親クラスの参照を渡す方法が知りたい
質問内容
Playerクラスのコンストラクタの配列で継承している親クラスGameObjectの参照を入れてそれをPlayer_Controllerクラスのコンストラクタに入れてそれを親クラスのComponentクラスに入れてそれを
Player_Controllerクラスで利用したいのですが現状ではPlayrクラスの///コメント部 new Player_Controller(this....
0
票
0
回答
38
閲覧数
サーバー管理botのエラー(Discord.js)
Discord.jsを用いてBotを作成しているものです。
このbotには、以下の機能が搭載されています。
<ロール管理>
・!login ロール名:ロール取得
・!logout ロール名:ロール剥奪
<サーバー管理>
・testロール所有者の送信テキストの代理送信
・mutedロール所有者の送信テキストの削除
コードの記述順は上の通りです。
...
2
票
2
回答
806
閲覧数
expoのios.infoPlistが反映されない
カメラロールにアクセスしようとした際に出現する、alert modalの文面を変えたいのですが、うまく変えられません
試したこと
"expo": {
"name": "留学コンパス.",
"icon": "./images/CompassPioneering-02.png",
"version": "1.0.2",
"slug": "ryugakuCompass",
"sdkVersion": ...
4
票
1
回答
738
閲覧数
OWASP (zap) にてURLエンコードされていないパラメーターを持つURLにアクセスしたい
概要
構築しているサイトの脆弱性を発見したく、OWASP(zap) D-2017-02-27を利用しています。
URLエンコーディングされていないURLへアクセスを行い、XSSが発生していないか確認したいと考えています。
OWSPの規定のxssの動作では検出できない、特定のパラメーターを持つアクセスを行いたいと考え、ActiveRulesへJavaScriptを追加しましたが、...
0
票
1
回答
2,012
閲覧数
reactで複数のチェックボックス(全選択・全解除)実装したい
現在、next.jsで実装を進めているのですが、上記にある通り、複数のチェックボックスのチェック状態をstateで管理、また違うコンポーネントにあるボタンを押すとチェック状態が全選択もう一度押すと全解除というような実装をしたいのですが、どのようにすれば良いのか見当がつきません。
また、複数のチェックボックスというものはapiのデータから作られており、子コンポーネントでmapで回している状態です。
...
0
票
1
回答
57
閲覧数
speechSynthesis.getVoices()で使用可能な音声を取得できない
chromeでWeb Speech APIのgetVoices()を以下のコードで実行したのですが、空の配列で返ってきます。どうすれば、取得できるのでしょうか。
const voice = speechSynthesis.getVoices();
console.log(voice);
<・ [] //コンソールでの結果
ちなみに、...
0
票
0
回答
27
閲覧数
Jspreadsheetでオートコンプリートが機能するときにセルに入力された値を監視したい。
実現したいこと
Jspreadsheetを導入しています。
オートコンプリートが機能するときに、入力された値をconsole.logでデバックしたいです。
このautocompleteが機能するときにセルに入力された値を受け取りたいです。
該当のソースコード
case 'gorira_id':
return {
...baseSetting,
type: '...
1
票
3
回答
2,382
閲覧数
callback関数が終了するまで処理を待ちたい。
monacaでandroidアプリを開発しています。
フォルダ内の複数ファイルの更新日付を取得するプログラムを作成していますが、
callbackは非同期で動くためこれを1件ずつ確実に処理をするようにしたいのですが、
callbackが完了するまで処理を待つことは可能でしょうか?
宜しくお願い致します。
for (var index = 0; index < fileEntries....
0
票
0
回答
86
閲覧数
チェックボックスの値保存ができない
以下のコードを書いてみたのですが、チェックボックスをクリックした後にページを更新すると、チェックが外れてしまいます。どうすればチェックボックスが保存されるようになるのか教えていただきたいです!
<html>
<head>
<script type="text/javascript" src="/wp-includes/js/jquery/...
1
票
1
回答
184
閲覧数
Yahoo!ニュースの検索窓で検索した時の「もっと見る」ボタン以降のテキスト情報をスクレイピングする
下記の質問とほぼ同じになるのですが、私の力では解決できなかったため同様の質問をさせていただきます。
Webページ上の「もっと見る」ボタン以降のテキスト情報をスクレイピングする
Yahoo!ニュースの検索窓にキーワードを入力しテキスト情報をスクレイピングで取得しようとしています。
ページの途中に「もっと見る」ボタンがあり、以降の情報もすべて取得したいのですが、
「もっと見る」...
0
票
0
回答
90
閲覧数
振込処理を自動化するプログラムについて
stripe connectの手数料削減のため、skebさんのように「振込処理を自動化するプログラム」を作りたいと思っているのですが、具体的にはどのようなイメージで実装したら良いでしょうか? 銀行のAPIを使わないようなのですが、もし詳しい方いたら教えて頂きたいです(何となく振込元の銀行の画面をjavascriptで操作するのかなと感じているのですが、それが法的にシステム的に可能なのかよく分からず)...
1
票
3
回答
291
閲覧数
「1」から「指定された数」までの数列を配列でを作りたい
目的
数を指定して関数に渡します。
そうすると配列が作られて、1,2,3,4と順に配列に組み込まれていきます。
指定された数になるとその数が代入されてそこで止まり、配列が返されると思っていました。
よろしくお願いします。
原始コード
const createNum = (maxNum) => {
const ary_result = [];
for (let index = 1; ...
0
票
0
回答
92
閲覧数
vue3を使用してamcharts5のグラフを切り替えたいです
vue3とamcharts5を不慣れなため思ったような挙動をしてくれなくて困っています。
やりたいことは、グラフをボタンで切り替えたいです。
具体手には、ボタンを二つ設置して、データ1がクリックされたら円グラフを描画、その後もう一つのデータ2をクリックしたら同じグラフを使用してデータだけ入れ替えて、再描画したいと考えていて、
コードを書きましたがエラーが出て動きません、...
0
票
1
回答
134
閲覧数
サイトのオートリロードはサーバーにどれくらい負荷がかかるか
JavaEEで制作したサイトにて、10分に1度の頻度で、JavaScriptでメイン画面をオートリロードしようと考えています。
その場合、F5アタックのように、サーバーに負荷がかかるのではと思います。herokuを使用しています。
負荷を軽減、回避する方法があれば教えてください。
<script>
setTimeout(function() {
window....
0
票
0
回答
64
閲覧数
ローカルストレージに保存しているデータをmySQLに保存したい
reactで簡単なノートアプリを作成しました。
アプリとしては、タイトルと内容を書き込んだものがプレビューに表示され、ローカルストレージに保存される作り込みとなっています。
・やりたいこと
ローカルストレージではなく、MySQL内のデータベースに保存したいです。
バックエンドはNode.js(express)×MySQLを用いて試みましたがうまくいきませんでした。
バックエンド→...
0
票
0
回答
70
閲覧数
JavaScriptでこのLoader作れますか?
Willstyle.co.jpのヘッダーの要素を塗りつぶすローダーの作り方をご存じの方は教えてください。
自分が考えるに登録された要素に操作をかけているのだと思うのですが()
0
票
1
回答
42
閲覧数
Vueのcomputedで2次元配列の算出プロパティを作りたい
現在Vue3のコード(Composition API)を練習しています。
次のような配列があった場合算出プロパティで積を求める(あくまで練習)ことを目的としています。computedの書き方がどうしてもわかりません。hogeの所にはitemsのそれぞれの積が返って欲しいです。宜しくお願いします。
<script>
export default {
data() {
...
0
票
1
回答
1,803
閲覧数
rails で 画像アップロードの前に既存画像と入れ替えてプレビューしたい
画像プレビュー時に、既存画像の横に、新規プレビュー画像が出ます。
既存画像と入れ替えるように、表示させるにはどうしたら良いでしょうか?
よろしくお願い致します。
<div class="field">
<%= image_tag @user.picture.url if @user.picture? %>
<%= f.label :picture, '画像' ...
0
票
1
回答
638
閲覧数
iOSを用いてService Workerをローカル環境でテストしてみたい。
Node.jsのbrowser-syncを用いて動作しようとしたところ
server.js
var browserSync = require("browser-sync");
browserSync({
server: "/public",
https: true,
});
package.json
{
"name": "01",
"version": "1.0.0",
...
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
票
1
回答
959
閲覧数
Discord.js v13 で特定のメッセージ検知
**は暴言のため隠してます。
特定のメッセージが入った文を検知したら返信するコードを教えてください。
client.on("messageCreate", (msg) => {
if (message.content.match === "**") {
msg.reply("暴言、誹謗中傷などはおやめください"...
0
票
1
回答
214
閲覧数
形式として問題ないのに JSON.parse で エラーになってしまう
electron(v22)+Vue(v3)を使って、JSONで処理しようとしています。
アップロードしたファイルをテキストファイルをJSONにパースしようとするとエラーが発生します。
もしかしたら改行コードやスペースが原因かと思い、最小構成のJSONを作ってみました。
しかし、それでもエラーが発生します。
const text = fs.readFileSync(filePath, 'utf-8')...
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
票
0
回答
59
閲覧数
Web Speech API で自分の PC のスピーカーからの音をブロックすることはできますか?
私のプロジェクトでは、ズームでの音声会議中に Web Speech API を使用してブラウザーから自分の声を拾いたいという要件があります。
このとき、Web 音声 API が Zoom から聞こえる他の人の声を拾ってしまうという問題があります。
これを防ぐ方法はありますか?
さらに、ズーム API を使用してズームからオーディオを直接抽出することは技術的に困難であるため、保留されています。
...
1
票
1
回答
1,210
閲覧数
Nuxt.jsで画像読み込み時に404エラーが発生した際に代わりの画像に差し替えたい
https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404
上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。
しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
1
票
1
回答
416
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
1
票
0
回答
46
閲覧数
Docker環境でのみnode.jsのaws-sdkでcognitoのユーザー情報取得ができない
実現したいこと
AdminInitiateAuthCommandを使ってユーザー情報を取得したい
前提
ローカルでは動きますが、Dockerでは動きません。
node.jsのバージョン: 18.13.0
発生している問題・エラーメッセージ
Could not load credentials from any providers
該当のソースコード
// main.ts
import {
...
0
票
1
回答
169
閲覧数
if 関数の方法 discord.js v13
client.on('messageCreate', async msg => {
if (msg.content === '!set on') {
const reply = 2
msg.channel.send('on設定しました')
} if (msg.content === '!set off') {
const reply = 1
msg....
0
票
1
回答
853
閲覧数
なぜエラーが起きているのかわかりません: Uncaught SyntaxError: Unexpected token ':'
Uncaught SyntaxError: Unexpected token ':'
が出ているのですが・・・
なぜエラーとなっているのかわかりません。
JS上で何かミスっている気がします。
<script>
function createLink(){
const div3 = document.getElementById("div3")...
0
票
0
回答
134
閲覧数
React+FastAPIでのCORSエラーの対処について
React+FastAPIでWebサイトを作成しました。FastAPI側では公式ドキュメントを読んでCORS対策しましたが、CORSエラーが出てデータをサーバーに送れません。何が原因なのでしょうか?
特徴
1.POST送信時のみエラーが出る。(GETメソッドでは起きない。)
2.ローカル環境(ReactとFastAPIは別ポート)ではPOST, GETとも問題なく動作する。
3....
0
票
1
回答
653
閲覧数
javascriptで移動直前に移動先URLにパラメータを追加したい
URLにつけられるコンバージョンタグを移動先にも引き継ぎたいと思っています。
aタグならば、事前にhrefに追記することで実現可能ですが、
JSによる移動の場合はできません。そこで移動直前に調整しようと考えました。
下記のようなコードにて、Aタグ、もしくはJSで移動直前にURLの一部にパラメータを付加しようとしています。
実現したいことは2つになります。
1)移動先のURLを取得したい
2)...
0
票
0
回答
50
閲覧数
res.sendFile()がhtmlを送らないでなぜか知らない。
app.get("/public/list") には新しいページが表示させたいけど、なぜ動かないか知らない。
app.get("/",(req,res)=>{
res.sendFile(__dirname+"/public/index.html")
})
//ここは問題があるかも
app.get("/...
0
票
1
回答
137
閲覧数
Ajaxを使用してJSONデータの取得をクラス式で実現するには?
非同期通信でJSONデータの取得をクラス式で実現するにはどうしたらいいでしょうか?
HTML上のボタン押下後に画像を表示できるようにしたいんですが、クラス式での方法を色々調べてもわかりませんでした。わかる方お力を貸していただきたいです。
まだエンジニアの学習を始めて数ヶ月でわからない事だらけなのでお手柔らかにお願いいたします。
const btn = document.getElementById(...
0
票
1
回答
116
閲覧数
JavaScriptでオセロを作っています。処理の一時停止をしたいのですが、思ったような挙動になりません。
javascriptでオセロを作っています。
ユーザーがpタグをクリックすると、クリックした盤面の位置がrun()に渡されます。
プレイヤーが打った後ランダムに打つNPCを用意したのですが、ヴィジュアル的にそれぞれの処理に間を開けたいと思い、runNpc()の冒頭に下記のような記述をしました。
let start = new Date();
while (new Date() - start &...
0
票
0
回答
1,034
閲覧数
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
回答
98
閲覧数
typescript にて typeで指定した型に代入にしようとすると配列を受け付けない
vsocdeで vue3 と typescriptでコードを書いています。
次のようなコードで typeで型指定後に obj から itemObj に値を移そうとするとエラーになります。
type Obj = {
Timeline: {
Items: ItemsObj[];
};
};
type ItemsObj = {
[key: string]: {
...
0
票
1
回答
430
閲覧数
Rails + フロントエンドの場合のディレクトリ構成
Railsとフロントエンドを一つのリポジトリで開発する場合の一般的なディレクトリ構成がわかりません。
例えばRails API + Next.jsの場合下記の選択肢があるかなと思います。
Railsの中にfrontendという名前Next.jsのディレクトリを作る。
Next.jsの中にapiという名前でRailsのディレクトリを作る。
別のリポジトリにすべき。
...
0
票
0
回答
34
閲覧数
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
回答
70
閲覧数
React router v6 useLocation stateの保存について
useNavigateとuseLocationで、一度発行したapiの情報を保存して、一度取ってきたことのあるapiの情報であれば、apiから取得せず保管されているものを利用するということを実現したいです。
0
票
1
回答
43
閲覧数
Framerで、JavascriptのCSSに設定できる内容は、どのように確認したらよいでしょうか?
実現したいこと
Framer.comを使って、アメコミ(Marvel)キャラクターのJSONを使った、キャラクターのカードを作ろうとしています。一枚のカードには一つのキャラクターの情報が入ります。
キャラクターのデータは10キャラクター分10枚あり、overflowしたカードをスクロールで10キャラクターを表示するのではなく、containerの設定により、...
0
票
1
回答
72
閲覧数
JSで日付によって画像の角度を変える
ホロスコープ作成サイトを作っています。
jsを使って現在の日付けを取得し、その日付に応じて画像の角度を変更したいのですが、初心者のため、試行錯誤もできていません。具体性がなく非常に答えにくいとは思うのですが方法を教えてください。