[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
514
未回答やベストアンサーなし質問
0
票
0
回答
33
閲覧数
JavaScript で特定の時間でのリロード処理に失敗する場合がある
JavaScriptを使用して、特定の時間の範囲でリロードを行いたいのですが、リロードできたり・できなかったりします。
ソースコードは以下となるのですが、リロードできない理由が特定できずに困っております。
もし、おわかりのかたがいらっしゃいましたら、ご教示いただきたくよろしくお願いいたします。
■JavaScriptソースコード
TimerCount();
function TimerCount(...
0
票
0
回答
258
閲覧数
Nuxtでの開発を行なっています:TypeError: Cannot read properties of undefined (reading 'includes')
Nuxtでの開発を行なっています。
OpenWeatherMapAPIで取得した気象情報をもとにアイコンの表示を切り替える処理を記述中にタイトルに記したエラーが出ました。
[行なっていること]
computedプロパティに下記icons()を記述。
this.weatherInfo[0].weather[0].descriptionが含んでいる文字によって
変数iconに入れる画像パスを切り替え(...
0
票
0
回答
32
閲覧数
異なったデータ同士のpayloadを足したい
Aというノードから出てくるpayloadとBというノードから出てくるpayloadを足し合わせたいのです。
それぞれ30秒毎にデータが出てきます。AあるいはBのオブジェクトから出てこなかった場合は30秒にタイムアウトして、もう一度新たなpayloadを取得して計算させるようにしたいです。
0
票
0
回答
217
閲覧数
inputのvalueが取得できない
検索ボックスでエンターキーを押した時に入力された値を元に検索をかけるという処理があります。
下記htmlをヘッダー内に2つ 記載しているのですが、menu-search-wrap-hdクラスの検索ボックスで値が取得できないという状況に陥っています。
javascriptは通っています。
クラスぐらいしか2つの際はないように感じるのですが、何が原因で値が取れないのかが不明です。
...
0
票
0
回答
26
閲覧数
rails6 メール記載のリンクを開くときにアラーム記載のモーダルを表示したい
解決したいこと
rails チュートリアルを下敷きにしながらポートフォリオを作成しているのですが、12章のパスワード再設定の部分でハマっています。(お前いつもハマってんな)
やりたいことは before_actionのパスワード再設定リンクが失効していた場合、root画面に遷移してパスワード再設定用モーダルを「リンクが失効しています」のアラート付きで表示したいと考えていますがうまくできません。
(...
0
票
0
回答
88
閲覧数
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
回答
2,658
閲覧数
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
票
0
回答
67
閲覧数
ブラウザ上でセルフタイマーをセットした状態でカメラを起動したい。
ただカメラを起動するには下記で起動することは分かっているのですが、
セルフタイマーをセットした状態でカメラ起動する方法はありますか。
<input type="file" accept="image/*" capture>
もしくはvideoタグを利用して対応することは可能でしょうか。
もし知見がある方教えて頂けないでしょうか。
0
票
0
回答
81
閲覧数
JavaScriptで時間経過で背景を変更する方法
初心者です。
例を挙げるとリシャールミルの公式ホームページのような開くと同時にアニメーションが出て、それが終わると本文が出てくるっていうプログラミングを書きたいのですが、分かる人いればお願いします!
0
票
0
回答
82
閲覧数
replitでのサイトにgoogle広告は掲載可能ですか?
replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。
replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
0
票
0
回答
79
閲覧数
外部データ読み込みJSのエラーが出た際の通知方法
FacebookやTwitterなどのフィードを集めて表示するサービスを利用しています。
https://www.juicer.io/
その統合フィードをFBやTwではなくそのサービスが発効していてwebサイトに埋め込める様になっています。
以下埋め込みコードの例です。
<script src="https://assets.juicer.io/embed.js" ...
0
票
0
回答
132
閲覧数
undefined のエラー表示について
現在todoリストの作成を行っているのですが、作成したリストをコンソールに呼び出す段階で"lists is not defined"のエラー表示が出てきてしまいデータの取得ができません。varを用いてlistsと変数宣言しているのですがなぜエラー表示が出るのでしょうか。解決法を教えていただきたいです。
todoリストの作成は YouTubeの ”JavaScriptの「基礎」...
0
票
0
回答
58
閲覧数
leaflet で1色でぬりつぶした半透明レイヤーを追加したい
地図画面全体に半透明の一色のレイヤーをおきたいです
Rectangle だとマップを動かした時に動いてしまうので
Pane を追加したり最初から div をおいたりしてみたんですが
CSSがきかずにサイズが0になってしまってうまくいきません
画面全体ではなく地図とぴったりのサイズにしたいので
単に absolute の vw100 vh100 のDOMをおくのも大変なので
leaflet ...
0
票
0
回答
199
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
96
閲覧数
ul is null のエラー表示を解決するには<todolistの作成>
ATOMを用いてtodolistの作成を行っています。(youtube "JavaScriptの「基礎」が1時間で分かる「超」入門講座【初心者向け】- だれでもエンジニア / 山浦清透" に沿って行っています。)
フォーム欄に入力したものをリスト化して表示する段階でulとliの紐づけを行ったのですがul is ...
0
票
0
回答
482
閲覧数
長押し(ロングタップ)した時に表示される拡大鏡を抑止したい。iOS15-safari。
ios15のsafariにおいて、要素(またはウィンドウ全体)を長押し、ロングタップした際に表示される拡大鏡を抑止したいです。
この機能はiOS13で一度廃止されましたが、iOS15で復活しました。
https://github.com/Leaflet/Leaflet/issues/7678
にもあるように、[-webkit-user-select:none]や[-webkit-touch-...
0
票
0
回答
46
閲覧数
ウェブアプリをネイティブアプリ内蔵ブラウザで開いた際のユーザーエージェントを調査したい
PWAアプリを制作しています。
iOSでPWAを開いた際に、インストールを促すためのバナーを表示しています。
Gmailなどのネイティブアプリに内蔵されているブラウザでPWAをひらくと、
同様にバナーが表示されますが、実際にはインストールできません。
対応として、これらを考えています。
・内蔵ブラウザではなく、デフォルトのブラウザ(safariなど)で強制的にPWAを開かせる
・...
0
票
0
回答
66
閲覧数
スクロールして要素が表示されるたびに1ずつカウントする
こんにちは。JS初心者なので質問させていただきます。
ワードプレスで写真家のウェブサイトを制作していて、各プロジェクトの記事には写真が複数枚あり、各プロジェクトごとに写真の合計数は変わります。
ページのデザインは、余白を使って写真をランダムにグリッドで並べるデザインです。
***実現したい事***
スクロールして写真がビューポート内に入るとカウントを1足していき、...
0
票
0
回答
102
閲覧数
iPadOS からのアクセスをモバイルと認識させたい
htmlとCSSしかまともにやってこなかったWEBデザイナーだったのですが、Laravelで開発してあるWEBアプリの改修をしています。
iPad13以降の端末からのアクセス時にモバイル版サイトを表示したいとの案件が来ました。
別アプリではcookieを書き出し、cookieの中にmobileとの文字列があればmobile判定しているやり方をしています。
...
0
票
0
回答
50
閲覧数
nuxt.config.js の transpile で指定したものは具体的に babel はどのようなルールで実行されますか?
node_modules/@nuxt/** や node_modules/@nuxtjs/** を探したのですが transpile に指定した部分を処理する個所がみつかりません
0
票
0
回答
26
閲覧数
非同期でtablesorterを使いたいのですが機能しません。
非同期でtablesorterを使いたいのですが機能しません。
実装方法教えていただければと思います。
0
票
1
回答
836
閲覧数
reactで複数のチェックボックス(全選択・全解除)実装したい
現在、next.jsで実装を進めているのですが、上記にある通り、複数のチェックボックスのチェック状態をstateで管理、また違うコンポーネントにあるボタンを押すとチェック状態が全選択もう一度押すと全解除というような実装をしたいのですが、どのようにすれば良いのか見当がつきません。
また、複数のチェックボックスというものはapiのデータから作られており、子コンポーネントでmapで回している状態です。
...
0
票
0
回答
313
閲覧数
GASにおけるformタグaction属性の自動指定
GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。
index.htmlに記載するformタグaction属性👇ですが、
<form method="post" name="form1" action="$フォームURL$">
...
0
票
1
回答
61
閲覧数
JavaScriptでcloud firestoreライブラリが返す値QuerySnapshotについて
Cloud Firestoreのライブラリでの戻り値についてお聞きしたいです。下記のコードを実行した時戻ってくる値についてなのですが、これはインスタンスでしょうか?
例えばこれで 'testCollection' の文字列を取り出したい場合はどのように指定したら良いのでしょうか?
実行したコード
const docsRefs = await db.collection(dbColPath)....
0
票
1
回答
851
閲覧数
MUIのDatePickerの言語を日本語にする方法は?
MUIのDatePickerの言語を日本語にする方法はありますでしょうか?
下記のようなコードを書いたところ、ブラウザにTypeError: Cannot read properties of undefined (reading 'date')というエラーが表示されました。
locale="ja"を削除するとDatePickerは表示されますが、英語表示となります。
/* ...
0
票
0
回答
132
閲覧数
webpackのDevServeをホットリロードサーバーとだけとして使いたい
webpackのDevServeをホットリロードサーバーとだけとして使いたいです。
ただの開発用サーバーとして使用することが可能なのかわからないのですが、
Webpackでソースコードをまとめる必要も何もないので、下記のように entry は空オブジェクトにしてます。
webpack.config.js:
const path = require("path");
...
0
票
0
回答
25
閲覧数
preact-cliでindex.html以外のHTMLファイルはどのように生成するのでしょうか?
preact-cli で環境をつくりました。
$ npx preact-cli create default my-project
$ cd my-project
$ npm run build
で、buildフォルダにたくさんのファイルと index.html ができあがっているのを確認できました。
NextJS であれば、 pagesフォルダに新しいページを追加していけばよいのですが、...
0
票
0
回答
50
閲覧数
preact-render-to-string を試してみたい
preact-render-to-string を試してみたいです。
https://stackoverflow.com/questions/69023821/how-to-set-up-the-preact-render-to-string-on-the-express
でドキュメントにあるexpressでの方法をきいたのですが、...
0
票
0
回答
1,088
閲覧数
「メインスレッドでの同期XMLHttpRequestは、エンドユーザーエクスペリエンスに悪影響を与えるため、非推奨です」の警告表示を解消したい
以下の警告が出ます。解決方法を教えてください!
警告メッセージ:
jquery.min.js:4 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more ...
0
票
0
回答
60
閲覧数
FLIP手法を用いたページレイアウトの作成
こんにちは、プログラミング初学者です。ReactでFLIP手法を用いたページレイアウトを作っているのですが、手詰まりなのでご教授願いたいです。FLIP手法については参考URLを参照願います。
早速ですが、私が作りたいと思っているものは、下記の画像のように1つのメインコンテンツと複数のサブコンテンツで構成され、...
0
票
0
回答
53
閲覧数
plotly dash JSONエラー
作成したプログラムは、動くのですが、ブラウザでランダムにエラーが発生します。
開発者ツールで調べると、
になっており、error.jsのコードは
callbacks.tsは
このエラーは、無視してもいいものなのかが分かりません。
よろしくお願いします。
0
票
0
回答
75
閲覧数
angularでスマホアプリ終了ボタンを作成したい
angularでブラウザアプリを作成しています。
メニューにアプリを終了するというリンクを用意したいのですがアプリを終了(ブラウザを閉じる)
という処理が上手く動作しません。
window.close()などを試してみたのですが動きませんでした。
色々と調査はしているのですが大変困っています。
0
票
0
回答
81
閲覧数
Rails での jqueryを使用し、HTMLから値を取り出す方法について
ruby,ruby on rails, JavaScript初学者です。
飲食店の予約サイトを作成中です。
rails6.0.0において、jqueryを使用し、添付写真のコースプルダウンを選ぶと、一人当たりのお支払いを出力し、人数と入力したら、一人当たりのお支払い×人数の値を出力したいです。
以下コードにて一人当たりのお支払いを出力したいのですが、エラーが発生してしまいます。
※現状コードでは、...
0
票
0
回答
74
閲覧数
Swift / iOSでVimeo(iFrame)から動画の再生時間を取得する
実現したいこと
WKWebViewにて、iFrame上で再生しているvimeo動画の再生時間を取得したいです。
現状、以下のコードにてvimeoの動画は再生できることを確認したのですが、その動画を何秒再生したかを取得する方法がわからずご教授いただきたいです。
現状のコード
@IBOutlet weak var vimeoWebView: WKWebView!
func showVimeo(...
0
票
0
回答
167
閲覧数
プラグイン "select2"で出力したチェックボックスから値を取得して、特定の記事を表示させたい
実現したいこと
以下の参考サイトのように、"Destination => USA"を選択すると、投稿のIDを取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能を実装したいです)
https://www....
0
票
0
回答
104
閲覧数
webpack5 で共通の設定(devServer)をwebpack.common.jsに追記するとエラーとなる。
webapackを勉強しているのですが、設定ファイルを共通化して実行できるようにしたいです。
ここの設定がdev, prodで共通しているのでwebpack.common.jsに入れたいが、入れるとエラーが出力される。現状はdev, prodそれぞれにdevServerの設定を書く事でエラーは出ていない。
詳しい方、教えて頂けると幸いです。宜しくお願い致します。
エラー内容
✖ 「wdm」: ...
0
票
1
回答
604
閲覧数
javascriptの変数をcontrollerに渡すには?
解決したいこと
下記の処理を作成したいです。
ボタンを押下のような動作をトリガーとして、javascriptの変数をcontrollerに渡す
controllerは受け取った変数で何らかの処理を行い、処理結果をviewに渡し画面表示する
1.の処理のうち「javascriptの変数をcontrollerに渡す」をどのように実現するかが分からなく、方法やコードをご教示いただけないでしょうか。
...
0
票
0
回答
82
閲覧数
aura lightning:datatableでチェックボックス等の列をdisableで編集出来ないようにしたい
aura lightning:datatableを使っています。リストのチェックボックスで何がチェックされているかは確認したいのですが入力は出来ないようにしたいと思っています。
auraの場合LWCと同様にカスタムdatatableを使わないと実装出来ませんか?
0
票
0
回答
94
閲覧数
javascriptを用いて作成したタイマーの時間をdjangoで記録することは可能ですか
#試したいこと
django初学者のものです
javascriptを用いて作成したタイマー
(今回参考にしたいタイマーの全体コードhttps://dev.to/gspteck/create-a-stopwatch-in-javascript-2mak)
のstopボタンを押したときに,押した時点での時間をdjangoで記録し管理することは可能でしょうか。...
0
票
0
回答
120
閲覧数
fetchで取得したJSONに対する処理でエラーが発生する
次のエラーが出ます。
エラーメッセージ:
test?id=96&date=2021-08-13:282 Uncaught (in promise) TypeError: responceData.forEach is not a function
at
ソースコード:
let huu = fetch(url);
tmp_char = "";
huu.then(...
0
票
1
回答
123
閲覧数
JavaScript で特定のタグで挟まれた文字列を変更したい
JavaScriptで、あるH3タグの中の文字列を変えたいのですがどうすれば良いでしょうか?
<h3 id = "test><font color ="red">ここの文字を変えたい。</font></h3>
0
票
1
回答
76
閲覧数
Fetchを使うと 全てのJS関数が無効になります。
testLoad 何に、fetchを書くと何故か、JSの関数が定義されていないと怒られ、挙動がおかしくなります。
どうすれば良いでしょうか。
stacker?id=9:205 Uncaught ReferenceError: formationFunction is not defined
at HTMLInputElement.onclick (stackover?id=9:205)
...
0
票
0
回答
107
閲覧数
FFmpegライブラリ使用のためにクロスオリジンを分離したら、AWS S3が読み込まなくなった。
FFmpeg JSライブラリがグーグルの更新でクロスオリジンを分離しないと使えないとのことで、PHP側で
<?php
header('Cross-Origin-Opener-Policy: same-origin');
header('Cross-Origin-Embedder-Policy: require-corp');
?>
...
0
票
0
回答
51
閲覧数
canvas表示されるQRコードをImgタグで表示またはcanvasをImgに変換する関数の書き方がわかりません
https://seedoftalk.blogspot.com/2019/12/qrweb.htmlこのサイトで使用されているQRコード生成ではボタンをクリックすると、divタグの中にcanvasタグでQRコードが出現します。このcanvasで出現したQRコードをImgタグで表示する方法や、表示されたcanvasをimgに変換する方法を教えていただきたいです。
0
票
0
回答
52
閲覧数
contenteditableのdivタグにて、Range APを用いてキーを押下した際にカーソルが一番後ろの判断する方法はありますか?
contenteditableのdivタグにて、Range APを用いてキーボードを押下した際に、カーソルが一番後ろの場合の判定する仕方が分からず質問させていただきました。
もしくは他になにかいい方法があればご教授いただけますでしょうか。
HTML
<div contenteditable="true" id="proseMirror">
...
0
票
1
回答
352
閲覧数
なぜエラーが起きているのかわかりません: Uncaught SyntaxError: Unexpected token ':'
Uncaught SyntaxError: Unexpected token ':'
が出ているのですが・・・
なぜエラーとなっているのかわかりません。
JS上で何かミスっている気がします。
<script>
function createLink(){
const div3 = document.getElementById("div3")...
0
票
1
回答
140
閲覧数
localStorageを呼び出すタイミング
問題点
vue.jsで簡易アプリをしているのですが、localStorageを呼び出すタイミングが上手くいきません。
エラー箇所
下記のコードで、localStorageを呼び出しているつもりなのですが、データが消えてしまいます。
mounted: function() {
this.items = JSON.parse(localStorage.getItem('items')) || [...
0
票
1
回答
88
閲覧数
API fetchでJSONの形で取得する方法を教えてください
text().then() の場合は正常に文字列が取得できるのですが、dataで取ろうとすると下記のエラーが出ます。
取得したJSONでループを行い、id priceのテーブルを作りたいのですが…
エラーメッセージ:
calendar:164 Uncaught (in promise) TypeError: response.data is not a function
at masako:...
0
票
0
回答
74
閲覧数
filters を使用して日付の形式を変更したい
実現したいことと現状の問題点
日付の形式を変更したいが、dt.getMonth の箇所がエラーになる。
引数 dt が、itemLimit の値 (2021-08-18) を取得しているものと考えているが、ここが違うのかもしれない。
試したことや調べたこと
リファレンスを確認したところ、引数 dt は itemLimit の値を取得しているように思える。しかし、他に原因が思いつかない。
...