[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,563
質問
0
票
0
回答
267
閲覧数
inputのvalueが取得できない
検索ボックスでエンターキーを押した時に入力された値を元に検索をかけるという処理があります。
下記htmlをヘッダー内に2つ 記載しているのですが、menu-search-wrap-hdクラスの検索ボックスで値が取得できないという状況に陥っています。
javascriptは通っています。
クラスぐらいしか2つの際はないように感じるのですが、何が原因で値が取れないのかが不明です。
...
0
票
1
回答
142
閲覧数
slick sliderのslideToShowの値をスワイプする度にランダムに変更させたいです。
こんにちは。wordpressでサイト制作をしていて、スライダーにはプラグインの"slick slider"を使用しています。
***実現したいこと***
スワイプ、またはスライドが切り替わるたびに表示させる画像の数を変更したいです。
表示させたい枚数の範囲は、1−2枚です。
例)スライド => 画像2枚表示,
2回目スライド => 画像1枚表示、
3回目スライド =...
0
票
2
回答
144
閲覧数
rails6 passwordの表示/非表示切り替えについて
やりたいこと
パスワードとパスワード確認の入力文字列をアイコンのクリックで表示非表示を切り替えたいです。
下記のサイトを参考にして試みているのですがうまくいきません。
Login form with password show and hide button using JavaScript
何がおかしいのかよくわからず、困っています。アドバイスいただければ有難いです。
現状
...
0
票
0
回答
26
閲覧数
rails6 メール記載のリンクを開くときにアラーム記載のモーダルを表示したい
解決したいこと
rails チュートリアルを下敷きにしながらポートフォリオを作成しているのですが、12章のパスワード再設定の部分でハマっています。(お前いつもハマってんな)
やりたいことは before_actionのパスワード再設定リンクが失効していた場合、root画面に遷移してパスワード再設定用モーダルを「リンクが失効しています」のアラート付きで表示したいと考えていますがうまくできません。
(...
0
票
0
回答
93
閲覧数
SeleniumをJavaScript(Node.js)で制御してGoogle Chromeを開きたいのですが、開きません。
現象
SeleniumをJavaScript(Node.js)で制御してGoogle Chromeを開きたいが、Google Chromeが起動しない。
期待値
掲載したコードを実行すると、Google Chromeを起動できるようにしたい。
再現手順
OS Pop!_OS 21.04
下記のコードを~$ node testで実行する。
test.js
const {Builder, By, ...
0
票
0
回答
38
閲覧数
JavaScriptで追加対象の上階層の相対パスが存在する場合
VisualStudio2019を使用して作成を行っています。
リスト内に追加対象の上階層の相対パスが存在する場合の処理を作成しているのですが、上手くいきません。
試したことは、下記の通りになります。
var testPath = data.relativePath.replace(/¥¥/g,'¥¥¥¥');
const targetitem = testPath.split('¥¥¥¥');
...
0
票
0
回答
3,442
閲覧数
IEとEdge IEモードの判定
表題の通りですが、IEとEdge(Chromium版)のIEモードとを判別する方法はありますか?
userAgentは同じ内容でした。
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; ...
0
票
1
回答
459
閲覧数
GAS(jQuery使用)のスクレイピングで、class,idの振られていない複数のtableタグから、要素を取得したいです。
こちらのコロナ情報から、それぞれの市(横浜市、山北町等)のコロナ感染者の累計を取得(スクレイピング)したいです。
https://www.pref.kanagawa.jp/docs/ga4/covid19/occurrence.html
【環境】
GoogleAppsScript
【利用ライブラリ】
Cheerio
GASでCheerioライブラリを使い、jQueryでの要素指定をして、...
0
票
0
回答
67
閲覧数
ブラウザ上でセルフタイマーをセットした状態でカメラを起動したい。
ただカメラを起動するには下記で起動することは分かっているのですが、
セルフタイマーをセットした状態でカメラ起動する方法はありますか。
<input type="file" accept="image/*" capture>
もしくはvideoタグを利用して対応することは可能でしょうか。
もし知見がある方教えて頂けないでしょうか。
0
票
1
回答
220
閲覧数
CSV出力に成功したらメッセージを出したい
HTML, CSS, javascriptで、あるシステムを作成しています。
CSV出力はできるのですが、出力が成功した際に "出力成功しました" とメッセージを出したいです。
また、この画面遷移した際に出力ボタンを押していないのに "失敗しました" とでてきてしまいます。
なので出力ボタンを押してメッセージを出したいです。
...
0
票
0
回答
81
閲覧数
JavaScriptで時間経過で背景を変更する方法
初心者です。
例を挙げるとリシャールミルの公式ホームページのような開くと同時にアニメーションが出て、それが終わると本文が出てくるっていうプログラミングを書きたいのですが、分かる人いればお願いします!
1
票
1
回答
218
閲覧数
CSV出力時の入力フォームの値の取得方法
JavaScriptからCSV出力を行いたいのですが、作業中にエラーが出てしまいました。
(下記に記載)
私では力不足なので皆様にお力添えいただきたいです。よろしくお願いします。
参考にしたサイト
【JavaScript】CSVのダウンロード機能を実装する!Excelの日本語文字化け対応
jQueryで複数のinputからそれぞれのvalueを取得する。
エラー内容
index.js:97 ...
0
票
1
回答
430
閲覧数
jQuery で $ is not defined とエラー表示される
jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。
<!...
0
票
0
回答
83
閲覧数
replitでのサイトにgoogle広告は掲載可能ですか?
replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。
replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
2
票
0
回答
65
閲覧数
total estimate の表示
現在費用を計算するページを作成しているのですがtotal estimateの金額がブラウザに表示されません。estimateにidをつけて呼び出してはいるのですが、順序が違うのでしょうか。
コンソールでのエラー表示はありません。どなたか回答よろしくお願いします。
HTML
<meta charset="utf-8" />
<meta name=&...
0
票
1
回答
70
閲覧数
JavaScriptでnoUiSliderの値をCookieに保存するにあたってコードを軽量化したい。
noUiSliderの値をnoUiSlider.get()で取得するのですが、その取得した値をCookieに保存する際に複数のスライダーが存在する場合、どうしても記述が長くなってしまうのですが、これを軽量化することは可能でしょうか?
HTML
<div id="SuperSlider_D1" class="noUiSlider"></div&...
1
票
1
回答
198
閲覧数
Rails + webpacker における global と window と config/webpack/environment.js の違い
Rails 6 から JS が webpacker 管理になって
ビューに onclick="..." でうめこんだJSが動いたり動かなかったりするので困っています
モジュールになっちゃうせいでグローバルコンテキストにないせいかと思うんですが
window.xxx に代入する
global.xxx に代入する
config/webpack/environment.js の ...
0
票
0
回答
98
閲覧数
外部データ読み込みJSのエラーが出た際の通知方法
FacebookやTwitterなどのフィードを集めて表示するサービスを利用しています。
https://www.juicer.io/
その統合フィードをFBやTwではなくそのサービスが発効していてwebサイトに埋め込める様になっています。
以下埋め込みコードの例です。
<script src="https://assets.juicer.io/embed.js" ...
0
票
2
回答
477
閲覧数
入力した内容を反映させたい・送信完了メッセージを表示したい
HTML, CSS, javascriptで、VSCode, postmanを使い、あるシステムを作成しています。
以下の内容を実現したいのですがうまくいきません。
ページに入力した内容をそのまま反映させたい
その送信が完了したら送信完了メッセージを出したい
1. ページに入力した内容をそのまま反映させたい
たぶんコードは合っているのですがなせか反映されない状態です。
(...
0
票
0
回答
170
閲覧数
undefined のエラー表示について
現在todoリストの作成を行っているのですが、作成したリストをコンソールに呼び出す段階で"lists is not defined"のエラー表示が出てきてしまいデータの取得ができません。varを用いてlistsと変数宣言しているのですがなぜエラー表示が出るのでしょうか。解決法を教えていただきたいです。
todoリストの作成は YouTubeの ”JavaScriptの「基礎」...
0
票
0
回答
60
閲覧数
leaflet で1色でぬりつぶした半透明レイヤーを追加したい
地図画面全体に半透明の一色のレイヤーをおきたいです
Rectangle だとマップを動かした時に動いてしまうので
Pane を追加したり最初から div をおいたりしてみたんですが
CSSがきかずにサイズが0になってしまってうまくいきません
画面全体ではなく地図とぴったりのサイズにしたいので
単に absolute の vw100 vh100 のDOMをおくのも大変なので
leaflet ...
0
票
0
回答
217
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
98
閲覧数
ul is null のエラー表示を解決するには<todolistの作成>
ATOMを用いてtodolistの作成を行っています。(youtube "JavaScriptの「基礎」が1時間で分かる「超」入門講座【初心者向け】- だれでもエンジニア / 山浦清透" に沿って行っています。)
フォーム欄に入力したものをリスト化して表示する段階でulとliの紐づけを行ったのですがul is ...
2
票
1
回答
151
閲覧数
bookmarks.html の仕様書
質問内容
下記ブラウザにはブックマーク(お気に入り)をbookmarks.htmlにエクスポートする機能があります。
Google Chrome
Firefox
Microsoft Edge
Internet Explorer
各々のbookmarks.htmlのフォーマットには類似性があると思いますが、「bookmarks.htmlのWeb標準の仕様書」となるURLがわかりましたら、...
0
票
1
回答
78
閲覧数
変数と変数を合わせて別の変数を読み込みたい
tests1とtests2だけを使ってCCを出力させるにはどうすればいいですか?
var tests1 = "AA"
var tests2 = "BB"
var AABB = "CC"
console.log(tests1 + tests2); //AABB
0
票
0
回答
508
閲覧数
長押し(ロングタップ)した時に表示される拡大鏡を抑止したい。iOS15-safari。
ios15のsafariにおいて、要素(またはウィンドウ全体)を長押し、ロングタップした際に表示される拡大鏡を抑止したいです。
この機能はiOS13で一度廃止されましたが、iOS15で復活しました。
https://github.com/Leaflet/Leaflet/issues/7678
にもあるように、[-webkit-user-select:none]や[-webkit-touch-...
0
票
0
回答
47
閲覧数
ウェブアプリをネイティブアプリ内蔵ブラウザで開いた際のユーザーエージェントを調査したい
PWAアプリを制作しています。
iOSでPWAを開いた際に、インストールを促すためのバナーを表示しています。
Gmailなどのネイティブアプリに内蔵されているブラウザでPWAをひらくと、
同様にバナーが表示されますが、実際にはインストールできません。
対応として、これらを考えています。
・内蔵ブラウザではなく、デフォルトのブラウザ(safariなど)で強制的にPWAを開かせる
・...
0
票
1
回答
93
閲覧数
変数と文字列を組み合わせた変数を変数で使いたい
目的
変数と文字列を組み合わせた変数を変数で使いたい
説明が下手ですいません。
例えばこのようなスクリプトを実行した際に、一番したの処理だけエラーを吐きます。
var Over = "Overrrrr"
var Page = "Stack" + Over + "Flow"
JSON.parse(httpObj.response).Ids....
0
票
0
回答
67
閲覧数
スクロールして要素が表示されるたびに1ずつカウントする
こんにちは。JS初心者なので質問させていただきます。
ワードプレスで写真家のウェブサイトを制作していて、各プロジェクトの記事には写真が複数枚あり、各プロジェクトごとに写真の合計数は変わります。
ページのデザインは、余白を使って写真をランダムにグリッドで並べるデザインです。
***実現したい事***
スクロールして写真がビューポート内に入るとカウントを1足していき、...
0
票
1
回答
361
閲覧数
ホイールクリックを禁止したいです。
できればjavascriptで制御したいのですが、どのようにすればよいでしょうか?
0
票
0
回答
103
閲覧数
iPadOS からのアクセスをモバイルと認識させたい
htmlとCSSしかまともにやってこなかったWEBデザイナーだったのですが、Laravelで開発してあるWEBアプリの改修をしています。
iPad13以降の端末からのアクセス時にモバイル版サイトを表示したいとの案件が来ました。
別アプリではcookieを書き出し、cookieの中にmobileとの文字列があればmobile判定しているやり方をしています。
...
0
票
1
回答
97
閲覧数
VueCLIなどのフロントエンドでビルドしてできた静的ファイルを、本番環境のサーバーにアップする方法を教えてください
筆者の技術レベル
初めてWebアプリを作ります。
「プロになるためのWeb技術入門」、「1冊でキッチリ身につく、サーバーの基本としくみ」や他にもいくつかWebアプリに関する本や記事は読んできました。
今回のWebアプリは「現場で使えるDjango REST Frameworkの教科書」を参考して作っています。
筆者のアプリ公開環境の簡単な説明
サーバーはVPSを使って、UbuntuでNginx,...
0
票
0
回答
53
閲覧数
nuxt.config.js の transpile で指定したものは具体的に babel はどのようなルールで実行されますか?
node_modules/@nuxt/** や node_modules/@nuxtjs/** を探したのですが transpile に指定した部分を処理する個所がみつかりません
0
票
0
回答
26
閲覧数
非同期でtablesorterを使いたいのですが機能しません。
非同期でtablesorterを使いたいのですが機能しません。
実装方法教えていただければと思います。
2
票
2
回答
108
閲覧数
ガベージコレクションについて
JavaScriptのガベージコレクション(以下GC)について質問です。
以下の二例で前者だけ変数objがGCされる理由がわかりません。どちらも監視対象への参照は切っており、global.gc()の実行されるタイミングも同じ同期処理内なので変化はないように思えます。なにが原因で異なる結果が生じているのでしょうか。
// GCされる例
hoge();
function hoge(){
...
0
票
1
回答
975
閲覧数
reactで複数のチェックボックス(全選択・全解除)実装したい
現在、next.jsで実装を進めているのですが、上記にある通り、複数のチェックボックスのチェック状態をstateで管理、また違うコンポーネントにあるボタンを押すとチェック状態が全選択もう一度押すと全解除というような実装をしたいのですが、どのようにすれば良いのか見当がつきません。
また、複数のチェックボックスというものはapiのデータから作られており、子コンポーネントでmapで回している状態です。
...
0
票
0
回答
337
閲覧数
GASにおけるformタグaction属性の自動指定
GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。
index.htmlに記載するformタグaction属性👇ですが、
<form method="post" name="form1" action="$フォームURL$">
...
0
票
1
回答
62
閲覧数
JavaScriptでcloud firestoreライブラリが返す値QuerySnapshotについて
Cloud Firestoreのライブラリでの戻り値についてお聞きしたいです。下記のコードを実行した時戻ってくる値についてなのですが、これはインスタンスでしょうか?
例えばこれで 'testCollection' の文字列を取り出したい場合はどのように指定したら良いのでしょうか?
実行したコード
const docsRefs = await db.collection(dbColPath)....
2
票
1
回答
492
閲覧数
GitHub PagesでAPIキーを隠蔽したい
GitHub Pagesを使用して、下記のようなことを実現したいと考えています。
【 実現したいこと 】
1. アンケートフォーム(html/css/javascript)をGitHub Pagesで公開する(実装済み)
2. 回答は、Google Sheets APIを通して、限定公開スプレッドシートに保存する
3. セキュリティを考慮し、Google Sheets ...
0
票
1
回答
913
閲覧数
MUIのDatePickerの言語を日本語にする方法は?
MUIのDatePickerの言語を日本語にする方法はありますでしょうか?
下記のようなコードを書いたところ、ブラウザにTypeError: Cannot read properties of undefined (reading 'date')というエラーが表示されました。
locale="ja"を削除するとDatePickerは表示されますが、英語表示となります。
/* ...
0
票
1
回答
66
閲覧数
JavaScriptで、変数にアクセスできません
JavaScript(Node.js)の勉強をしているのですが、以下のようなコードでflg=true;の部分が正常に実行されない原因がわかりません。
var flg = false;
fs.readFile(data, function(err, buf){
if(err){
console.log(err);
...
1
票
1
回答
107
閲覧数
setPropertyメソッドを使用してもcontentプロパティへ値が反映されない
:root{
--name: "*";
}
.test::before{
font-size: 13px;
Content: var(--name);
}
このcss変数をjsから
document.documentElement.style.setProperty("--name", "test");
...
2
票
1
回答
164
閲覧数
カスタムコンポーネントにv-modelを使用した際に、親でwatchしている変数が更新されない
以下の内容についてお聞きしたいです。
概要
以下の2つのコンポーネントを作成しました。
App.vue
<template>
<h1>My Counter</h1>
<div>count: {{ count }}</div>
<NumberInput v-model.numberOnly="interval&...
0
票
1
回答
91
閲覧数
jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。
神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。
おかしくなるあたりの流れは以下の通りです。
・山札の配列作成
・山札をシャッフル
・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする)
・tableタグをHTMlに反映
上記の流れの最後で反映させると、なぜかtdタグが二倍になります。
[...
1
票
0
回答
174
閲覧数
vue.js で vue-simple-suggest を使用したサジェスト(候補表示)について質問です
環境:
OS: windows10
ブラウザ: chrome
言語:javascript
フレームワーク:vue.js,vue-simple-sugges
vue-simple-suggest というパッケージを使って下図のような駅名候補リストを表示する機能を作成しています。
そこで以下の質問があります。
下図①でIME確定前に vue-simple-sugges が下図③...
1
票
1
回答
194
閲覧数
NodeJSでzlibを使用しレスポンスしたgzipが圧縮されていない
Node.jsを用いて下記のような形で、gzip圧縮されたhtmlファイルをレスポンスとして返しています。
const hoge = 'huga';
res.setHeader('Content-Disposition', 'attachment; filename=test.html.gz');
res.setHeader('Content-Encoding', 'gzip');
res....
1
票
0
回答
121
閲覧数
vue-cli で作ったプロジェクトに外部ライブラリのクラス定数が含まれるクラスをインポートするにはどうしたらよいでしょうか?
環境
$ node -v
v12.13.0
$ vue -V
@vue/cli 4.5.13
$ yarn -v
1.22.11
セットアップ
$ vue create my_project1
# Default ([Vue 2] babel, eslint) を選択
$ cd my_project1
ここで外部のライブラリ my_tools を node_modules ...
0
票
1
回答
185
閲覧数
ループから抜け出す方法を教えてください
発生している問題
音声認識のプログラムを書いています。終了ボタンを押しことで音声認識プログラムを終了させたいのですが、
音声認識が終了するたびに再スタートするループがあり、プログラムを終了することができません。
実現したいこと
音声認識終了を押したらプログラムが終了?初期化するようにしたいと考えています。
問題のコード
<body>
<h1>音声認識</h1&...
1
票
1
回答
254
閲覧数
モーダルをforeachすると、同じデータしか検出されない
使用技術
java,springboot,bootstrap,thymeleaf
実現したいこと
モーダルで確認動作を行った後、申請番号と申請ステータスを送信したいです。
問題点
モーダルを開いた後に申請番号の値が引き継がれておらず、送信されません。
thymeleafにてbootstrapを使い、テーブルをforeachさせているのですが、
...
0
票
1
回答
174
閲覧数
alertが表示されない
現象
「適正体重を表示」ボタンを押しても、alertが表示されない。
期待値
index.htmlの「適正体重を表示」ボタンを押したら、alertが表示される。
再現手順
下のHTMLで記述されたファイルとJavaScriptで記述されたファイルを、同じディレクトリで実行する。
index.html
<!DOCTYPE html>
<html lang="ja"...