[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,776
件の質問
0
票
1
回答
107
閲覧数
Google Apps Script で変数の宣言位置の確認
ループ内で使用する変数の宣言位置について、以下のようにStrの宣言はループ内で行ってもいいのでしょうか?
const Values = ****省略
For(let i=0;i<Values.length;i++){
let Str = Values(i);
*** 以下省略
}
当初、let は再宣言できないので、ループ内ではNG(エラーになる)と思ってました。
...
0
票
2
回答
3,619
閲覧数
reactで複数のチェックボックス(全選択・全解除)実装したい
現在、next.jsで実装を進めているのですが、上記にある通り、複数のチェックボックスのチェック状態をstateで管理、また違うコンポーネントにあるボタンを押すとチェック状態が全選択もう一度押すと全解除というような実装をしたいのですが、どのようにすれば良いのか見当がつきません。
また、複数のチェックボックスというものはapiのデータから作られており、子コンポーネントでmapで回している状態です。
...
1
票
1
回答
140
閲覧数
画像をクリックしたら表示されるモーダルウィンドウを実装したい
写真掲載サイトを作っています。
元々はクラス名に連番がついていないコードだったのですが、載せた写真全てに対してそれぞれ異なるモーダルウィンドウを表示させたかった
(写真1にはモーダルウィンドウ1、2には2・・・)ので連番を付与しました。
その結果、写真が一枚しかない状態ならば下記コードでも問題なく動くのですが、
画像が複数枚ある場合、2枚目以降はクリックしても反応しなくなってしまいました。
(追記....
1
票
1
回答
1,517
閲覧数
Nuxt.jsで画像読み込み時に404エラーが発生した際に代わりの画像に差し替えたい
https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404
上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。
しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
1
票
1
回答
999
閲覧数
モーダルをforeachすると、同じデータしか検出されない
使用技術
java,springboot,bootstrap,thymeleaf
実現したいこと
モーダルで確認動作を行った後、申請番号と申請ステータスを送信したいです。
問題点
モーダルを開いた後に申請番号の値が引き継がれておらず、送信されません。
thymeleafにてbootstrapを使い、テーブルをforeachさせているのですが、
...
0
票
0
回答
65
閲覧数
マルチスライドを自動でスライドさせたい
javascriptを使用して左右に配置した画像を上下対比するように自動スライドさせたいです。
また、より良い作成方法があれば教えていただきたいです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta ...
0
票
0
回答
32
閲覧数
electron forgeでvue 3を用いたアプリのセットアップガイドでelectronアプリが起動しないエラー
electron forge + vite + vue.js + typescriptの構成でデスクトップアプリケーションをセットアップしようとしています。
electron forge 公式ガイド
https://www.electronforge.io/guides/framework-integration/vue-3
参考サイト
https://www.jenuel.dev/blog/...
0
票
0
回答
43
閲覧数
Salesforceのアプリ内および web のメッセージングのイベントリスナーが効かない
アプリ内およびwebのメッセージング機能をテストしています。
会話機能はちゃんと動きましたが、
onEmbeddedMessagingConversationClosed(会話終了時)、onEmbeddedMessagingWindowMinimized(会話ウィンドウズが最小化時)イベント関数はテスト失敗しました。イベント関数がトリガーされないです。
...
0
票
3
回答
337
閲覧数
YouTubeのPremium勧誘ポップアップを消す方法
以下は私が考えた解決策です。
userscriptでCSSを変更する
ポップアップのエレメントのタグ名またはクラス名(e.g. .ytd-popup-container)のstyleのdisplayをnoneに変更する方法です
以下のページでは「クラス名で要素を取得した後そのstyleを変更する方法」は載っていますが、「クラスが指定しているCSS自体を変更する方法」を知りたいです。
...
1
票
1
回答
1,523
閲覧数
TypeScript をコンパイルして実行すると exports is not defined というエラーが出る
TSでGSAPを読み込んでコンパイルまでは上手くいくのですが、JSの時点で下記エラーが表示されます。
tsconfig.jsonの値はいろいろ変えてみたのですが、どうしてもうまくいきません。
何が問題なのでしょうか。どなたか教えて頂けないでしょうか。
エラーメッセージ:
Uncaught ReferenceError: exports is not defined
Object....
1
票
1
回答
83
閲覧数
Tensorflowの設定で活性化関数にsigmoid等を指定して学習させた後、実際に使うと入力の値によらず出力が同じ値になる
下記のようなコードでサンプルデータの学習、およびランダムなデータで動作確認しています。
入力は変数7つで、いずれも出力値とある程度の相関があることは分かっていて、特にある程度のラインから大きくなっても出力値が頭打ちになることが分かっているので、活性化関数にsigmoidやtanhを指定した方がいいのではと思い、指定してみました。
すると、学習中に表示されるLossの値が途中から改善されず、...
0
票
1
回答
234
閲覧数
Javascriptで変数に値を代入するための何かを別の変数に保存したい
タイトルがわかりづらくてすみません。
arr[0][0] = 1
みたいにすれば、arr[0][0]に1を代入できますが
arr[0][0]に ”値を代入するための何か” を以下のように別の変数に保存してスムーズに代入することはできますか?
(”何か”が何なのかは専門用語を知らないためわかりません)
b = 何か( arr[0][0] )
b = 1 //arr[0][0]に1が保存される。
...
0
票
2
回答
245
閲覧数
配列内合計同士の計算を合算したい
A商品合計の計算結果の配列とB商品合計の計算結果の配列を合算したいのですが表示されません。
恐らく全くこのソースではダメだと思うので簡単でいいのでサンプルソースを頂ければ非常に感謝いたします。
親切な方々の投稿に期待いたします。
元のソースコード:
<!DOCTYPE html>
<html>
<head>
<title>数値計算</...
0
票
0
回答
61
閲覧数
Vue3ヘッダーボタン操作でモーダルの表示場所をメインコンテンツに表示したいがヘッダーから抜け出せない
Vue3でヘッダーコンポーネントとメインコンポーネントを分けて作成しています。ヘッダーにボタンを配置して押すとモーダルがヘッダー以外に表示するという仕組みを作りたいです。
モーダルコンポーネントはメインコンポーネントに配置してヘッダーのボタンと繋がればうまく行きそうですがうまくいかずで。またモーダルはメインコンテンツの範囲だけで表示したいのでこれはサイズ指定すれば何とかなりそうですが、...
2
票
2
回答
927
閲覧数
expoのios.infoPlistが反映されない
カメラロールにアクセスしようとした際に出現する、alert modalの文面を変えたいのですが、うまく変えられません
試したこと
"expo": {
"name": "留学コンパス.",
"icon": "./images/CompassPioneering-02.png",
"version": "1.0.2",
"slug": "ryugakuCompass",
"sdkVersion": ...
0
票
1
回答
92
閲覧数
GAS,NotionAPIを使ってnotionのデータベースの情報をもとにdiscordに通知を送る
GAS、notionAPIを使ってnotionのデータベースから日付が一緒のデータに関してdiscordに通知を送るコードを書きました。実行すると以下のようなエラーが出ました。
トークンキーが間違っているかと思い何度も確認したのですが、そうでもないようで、解決のしようがなくなってしまいました。ご助言よろしくお願いいたします。
エラーメッセージ:
Exception: Request failed ...
0
票
1
回答
1,034
閲覧数
ボタンを押したら対応する入力フォームが表示されるようにしたい
質問
後述のphpファイルにて以下のような動作を意図しています。
buttonを押す
buttonに対応するidが、JavaScriptの.getElementByIdへ
JavaScriptの.addEventlistener('click')、にて、押したbuttonのidと対応する入力フォームが表示される。
押したbutton以外の入力フォームは非表示になる。
しかし、...
0
票
0
回答
49
閲覧数
chrome拡張機能がうまく動作しない やりたいことはjavascriptでページ内に記載してあるパスを取得し、整形して、ページ内に要素を追加する
ページ内のパスを手動で選択コピーしないといけないため、コピーしやすくしたいと思い、chrome拡張機能を作っています。
対象ページのコンソールでcontent.jsファイル内をすべてコピーして実行すると、意図したとおりに動作します。chrome拡張機能で、ページを読み込んだ際にcontent.jsが実行されるようにしたいです。
下の赤の完全パスを取得して、...
2
票
1
回答
1,021
閲覧数
'default' errored after
gulp js の初心者です。
npx gulp を実行すると以下のエラーが出ます。
[11:35:25] 'default' errored after 17 ms
[11:35:25] The following tasks did not complete: html, css, js
[11:35:25] Did you forget to signal async ...
0
票
2
回答
1,661
閲覧数
React のルーティング設定で真っ白な画面が表示されてしまう
Reactの画面遷移のためにルーティングを学習中です。
下記のサイトを試しに自身で実施して実行すると、画面が真っ白になりました。
ルーティングの設定 | React Router v6 はじめでもわかるルーティングの設定方法の基礎
最初はサイトのソースをそのままコピー&ペーストで実行すると真っ白です。
そこで調査して、jsonファイルにhomepageを設定しましたが解決していません。
...
0
票
0
回答
189
閲覧数
webアプリケーション利用者が入力した英数字をURLパスにしたページを生成する方法
下記のようなものを実装したいので、コードと方法、仕組みを教えていただけますでしょうか。
できれば、JavaScriptを使用したいと思っていますが、無理なら違う言語でも構いません。
①利用者がURLで使用可能な10字以内の英数字を入力
②それをもとにhttps://example.com/mypages/利用者が入力した英数字
というページを自動生成
③利用者が今いるページから②...
1
票
1
回答
98
閲覧数
useEffectを実行させたくない
機能概要
以下の機能をReactで作成しています。
詳細モーダルを開いた際にバックエンドからの取得データを表示したい
詳細モーダルでは「粗利」という項目があり「売り上げ」と「コスト」を入力すると自動計算されるようにしたい
困ってること
上記で、自動計算の値と違う粗利を保存したい際に、手入力でDBに保存しますが、...
4
票
1
回答
246
閲覧数
Javascriptをデバッグするときの、Dateの文字列化を変更できるか
質問
Javascriptを、Chrome,EdgeやFirefoxの開発ツールとVSCodeを使ってデバッグを行っています。
デバッグ中に変数をウォッチすると変数は文字列化されて表示されますが、米国式(MDY)に表示されるのが読み取りづらいです。
読み取りやすいYMDの並びで表示させる方法はありますか?
環境
Chrome 120.0.6099.217
VS Code 1.85.1
試したこと
...
4
票
2
回答
1万
閲覧数
unload などのイベントハンドラ内で location.href による画面遷移が出来ない
window.openした画面が閉じた場合に画面を遷移させようとしています。
JSファイルの中で以下のように実装するとFireFoxでは画面遷移可能だったのですが、Chromeで試すと画面遷移できませんでした。
ステップ実行でおってみると、下記の部分は実行されるのですが「location.href」の値が変わっていませんでした。
location.href = "遷移画面";
...
0
票
0
回答
26
閲覧数
ONE BOOK 3Dで特定のボタンの削除
ONE BOOK 3Dで特定のボタンを削除することはできますか。
jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。
jsは触っていません。
jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが
どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。
▼削除したい両端のボタン
0
票
0
回答
52
閲覧数
Zodライブラリで型を作成したのだが思った挙動と異なる。
Zodライブラリ(https://www.npmjs.com/package/zod)で以下のようにバリデーションルールを作成し、それに基づく型を定義しました。
const hoge = z.object({
hoge: z
.union([z.enum(["a", "b", "c"]), z.literal("&...
0
票
0
回答
113
閲覧数
Yahoo Finamce での VMA (Variable Moving Average): 変動型移動平均の具体的な計算方法を知りたい
Yahoo Financeにトヨタ自動車の日足チャートを表示させています。
VMA(Variable Moving Average)というインジケーターが非常に有効であることがわかったからです。(リンクは ココ )。左上の「Plots」のトグルボタンをOFF->ONするとVMAのラインが表示されます。
これを自分でも計算したいと思い、次のコードを作成しました。
...
0
票
1
回答
908
閲覧数
fullcalendarの定期イベントdowの一部上書き(非表示)について。
fullcalendarのイベントについて行き詰っており質問です。
実現したいこと
国民の休日をgoogleから取得
スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。
会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。)
fullcalendar 現状のコード
<script src='...
0
票
1
回答
196
閲覧数
HPに絞り込み検索結果数を表示したい。
jQuery初心者です。
下記のjQueryの検索機能(絞り込み検索)を自社サイトに導入しようとしています。
このスクリプトにコードを追加して、絞り込み表示件数を表示したいのですが、スクリプトの知識もなく、どうすれば良いのかわかりません。
ご教授いただけると大変助かります。何卒よろしくお願いします。
参考サイト:
https://www.atelier-sunko.info/entry/...
1
票
1
回答
394
閲覧数
一部サイトがiframeで表示できない
以下のコードで左は表示されますが、右は「接続が拒否されました。」と表示されます。どうしたらよろしいでしょうか?
因みに、Chrome拡張機能でサイトをブラウザ内で左右に表示し、左を日本語、右を英語といったことをやろうと思っています。
body {
display: flex;
justify-content: center;
align-items: center;
...
0
票
1
回答
894
閲覧数
スタイル変更が画面に反映されてから処理をしたい
ブラウザのクライアントスクリプト(javascript)でexcelを読み込んで印刷するスクリプトを書いています。
excelアプリケーションの立ち上がりから印刷の処理まで時間がかかるので処理中...のような表示をポップアップさせておきたいのですが、良い書き方がわかりません。
現状は以下のように書いているのですが、setTimeoutを使うのがしっくりこず…
...
0
票
0
回答
42
閲覧数
アコーディオンを開いてheightが変わってもmasonryが反応しない(高さが変わらず被る)
masonryの実装はなんとかなったのですが、アコーディオンを開いても高さが変わらずに被ってしまいます。
アコーディオンは.clickで機能させています。
<section id="content">
<div class="grid locais-cards">
<!--governance-->
<...
1
票
1
回答
4,205
閲覧数
jQueryプラグインの「slick」を利用しつつランダム表示させたい
slickを利用したカルーセルをランダムに表示するようしたいのですが、ランダム表示にはなっているものの、下記3点の不具合があり解決方法をご教授いただけますと幸いです。なお、カルーセルさせる画像の枚数は10点としています。
全10点の画像のうち1点が2回(どの画像になるかはその都度変わります)表示される
(意図通りに)表示されない画像が1点ある
最後の画像(10枚目)から最初の画像(1枚目)...
-2
票
1
回答
159
閲覧数
下記のソースコードをmacOSで起動させたいが、方法がわかりません
import "dotenv/config";
import { graphDataTestRunner } from "~/utils/runner";
import { groqAgent, shiftAgent, nestedAgent, openAIAgent, stringTemplateAgent, propertyFilterAgent, ...
0
票
1
回答
153
閲覧数
OnChange + submit functionを使って、別フレームの情報をアップデートする方法
phpで簡単なWebsiteを作成したいです。
現在困っている点は、OnChange + submit functionを使って、別フレームの情報をアップデートする方法で、ここで質問させていただきます。
先にトイモデルを示して、その後に困っている箇所を示します。
トイモデルとして3つのphpを作成しました。
以下のように設定しております。
<framework_test.php>
&...
1
票
1
回答
92
閲覧数
Google App Scriptでスプレッドシートから登録しているワードを自動で一定時間おきに呟くbotで、セリフ登録順の投稿にしたい。
Google Apps Scriptでスプレッドシートから内容を読み込んでSNSへ投稿するbotを作成しているのですが、既存のコードだとランダムに投稿されてしまう仕様になっており、これをシートの上から読んでセルの順番に投稿する仕様にしたいです。
以下のコードの右辺をMath関数ではないものに書き換えれば上から順に読んで実行してくれる仕様に変わるのですが、コードが思いつきません。
var suuji ...
0
票
1
回答
775
閲覧数
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
回答
808
閲覧数
日本の株価の1分足のデータをリアルタイムで取得したい
プログラミングというより情報交換のような話になってしまうのですが・・・。
現在Node.js(JavaScript)でアメリカのYahoo!Financeから1分足を取得しています。
https://query1.finance.yahoo.com/v7/finance/chart/7203.T?range=1d&interval=1m&indicators=quote&...
0
票
0
回答
234
閲覧数
ポートフォリオ・過去作品は具体的のどういうものを作成すればいいのでしょうか?
クラウドワークスなどでWebページのデザイナーやコーディングの仕事案件の募集をみると、「ポートフォリオ」とか「過去作品」を募集者に見てもらい、採用/不採用を決めるようです。
しかし私はまだ未経験で、HTML/CSSやJavaScriptを勉強している段階です。
ポートフォリオがなんであるかは、下記の質問をみて大体はわかりました:
Web開発のポートフォリオ作成手順と学習内容について
...
0
票
1
回答
266
閲覧数
EdgeからIEを開く方法は?
新旧システム移行中のため、古いシステムはIE、新しいシステムはEdgeで起動する別々のアプリケーションがあります。
IEはEdgeのIEモードではなく、純粋なIEが要件です。
親画面Edgeから子画面をIEで開く要件があるのですが、EdgeではActiveXコントロールが許可されておらず、以下のようなJavaScriptはエラー(ActivXObject is not defined)...
0
票
1
回答
78
閲覧数
LaravelMix、LaravelVIteでMaterializeCSSのAutoInitがエラーになる
概要
Laravelでmaterializecss( https://materializeweb.com/ )を使いたいのですが、
エラーになります。
この解決方法がわかりません。
エラー内容
Uncaught TypeError: can't access property "AutoInit", ...
0
票
1
回答
202
閲覧数
Node.jsにて、LINE Messaging APIで取得した音声データをWhisper APIにPOSTする方法
OpenAIのWhisperAPIでは、入力に音声ファイル(例えば拡張子が「.m4a」のデータ)が必要ですが、LINE Massaging APIの以下APIにて取得できるデータの形式がファイル形式ではないので、間の変換処理を考えていたのですがわからずです。
https://api-data.line.me/v2/bot/message/${messageId}/content
ひとつの方法として、...
1
票
1
回答
1,402
閲覧数
discord.jsでグローバルチャットを作りたい
Node.jsのdiscord.jsにてグローバルチャット(A鯖のBチャンネルで「あ」と言ったらC鯖のDチャンネルで「あ」と出てくるようなことをしたいのですが、うまくできません。
何が間違っているか教えてください。
作ってみたコード
client.on('message', message => {
if(message.author.bot){
return;
...
0
票
1
回答
1,537
閲覧数
Discord.js v13 で特定のメッセージ検知
**は暴言のため隠してます。
特定のメッセージが入った文を検知したら返信するコードを教えてください。
client.on("messageCreate", (msg) => {
if (message.content.match === "**") {
msg.reply("暴言、誹謗中傷などはおやめください"...
1
票
1
回答
246
閲覧数
新しいインライン形式のスペースにおいて、チャットアプリにスレッドを指定してメッセージを送信させたい
GoogleのChat APIを使用してGoogle Apps Scriptにソースコードを書いています。
インライン形式のGoogleスペースにおいて、スレッドに"threadKey"や"name"を指定してCHAT BOTにメッセージを送信させたいのですが、スレッドが毎回新しく作られてしまいます。
レスポンスで確認した"name"...
2
票
1
回答
112
閲覧数
特定の Andoroid スマートフォンからのみ、xhrhttprequest で 動画をアップロード出来ない
起こっている事
特定の Android のスマートフォン実機からのみ、動画ファイルを xhrhttprequest で送信できません。
PC、iOS スマートフォン実機、その他の Android のスマートフォン実機 からは同じ動画ファイルを同じコードで送信出来ています。
補足など
手元に対象エラーが起こっている実機が無く、別担当の方のテストAndroid実機でのみ再現する状況です。どうやら新しい ...
0
票
1
回答
102
閲覧数
JavaScriptの正規表現のパターンをスラッシュで囲む時、複数行に分けて書くことはできますか?
<script>
let tag = '<div id="id1">text11</div>.*?<div id="id2">text12<\/div>\n<div id="id1">text21</div>.*?<div id="...
-2
票
2
回答
426
閲覧数
コールバック関数にセミコロンの入ったアロー関数を指定した際のエラー
map()メソッドの引数にa => a + 1;などのセミコロンの入ったアロー関数を使用すると、以下のエラーメッセージが表示されました。
missing ) after argument list
このエラーが発生する理由を教えていただけますか?
0
票
1
回答
187
閲覧数
reactで作成したアプリケーションをアップルストアを介さずに直接iPhoneにインストールすることは可能ですか?
reactを勉強中ですが、アップルストアを介さずに直接iPhoneにアプリケーションをインストールしたいのですが、何か方法はありますか?
0
票
1
回答
102
閲覧数
discord.js タイマー機能の試験中に「チャンネルが存在しない」エラーが発生
以下のプログラムにおいて、「スラッシュコマンドのオプションで0d0h0m0sの形でタイマーの時間を指定し、チャンネルIDの指定があればそのIDのチャンネルで、なければコマンドを実行したチャンネルでメッセージを送信する」という動作を想定していたのですが、「Channel (チャンネルID) not found or not a text channel.」とログに表示されました。
} else {
...