[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,599
質問
0
票
0
回答
69
閲覧数
ReactNative で登録済みのユーザーか否かで画面の表示を区別したい
現在、APIの結果によって表示するコンポーネントを切り替える処理を実装しています。
useEffectを使って画面をロードするタイミングで、
APIを呼び出しJsonオブジェクトとして結果を受け取っていますが、
該当データがない場合はオブジェクトが空で返ってきます。
その結果に応じて、return内で三項演算子を使って表示を切り替えたいと思っておりますが、該当データがある場合も『無い』...
0
票
1
回答
413
閲覧数
GASのウェブアプリケーションをjsのfetchで実行する方法
前提
GASを使用
ウェブアプリケーションのデプロイ設定を下記で行いました。
・次のユーザーとして実行
ウェブアプリケーションにアクセスしているユーザ
・アクセスできるユーザ
組織 内の全員
実現したいこと
htmlファイルに記載したjavascriptから、デプロイを行なったGASの結果を取得したです。
また、実行・アクセスできるユーザは組織内のユーザのみに限定したいので、
GASデプロイ設定の「...
0
票
1
回答
131
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
票
1
回答
126
閲覧数
Ruby on Railsのapiモードでクロスオリジンの通信がしたい
ruby on railsの勉強中で、知識も乏しく拙い文章ですが、どなたか教えていただけると嬉しいです。
宜しくお願いいたします。
状況
すでに公開しているウェブサイトにお問い合わせフォームを導入しようとしています。
フロント側はhtml、javascript、apacheを、使っています。
バックエンドはapiモードでrailsを使って、メールの送信を行いたいと思っています。
【問題】
...
0
票
0
回答
62
閲覧数
Instagram のアプリ内ブラウザから、WEB版Instagramに遷移させない方法
Instagram のアプリ内ブラウザから、WEB版Instagram に遷移させない方法を検討しています。
【前提&現状】
私が運営している ECサイトは、Instagram からの流入が 90% です。
サービス公式の Instagram プロフィールに記載されている URL からユーザーは ECサイト に訪れます。
サイトにチャットボタンを設置しており、...
0
票
1
回答
76
閲覧数
1つのフォームに(form_with)に複数ボタンを設置、かつimage_submit_tagで異なる機能を呼び出したい。
前提・実現したいこと
1つのフォームに(form_with)に複数ボタンを設置、かつimage_submit_tagで異なる機能を呼び出したい。
以下コードの場合、更新、削除ボタンを実装したい
http://yiaowang.web.fc2.com/programing/ruby_base/rails_views_submit.html
発生している問題・エラーメッセージ
参考サイトでは、...
0
票
1
回答
98
閲覧数
最初に開いた場合のみボタンが反応しない
GitHub Pagesで以下のサイトを制作しました。
https://imaimai17468.github.io/Products/CreditsCounterforKNCT/
リポジトリはこちらになります。
https://github.com/imaimai17468/imaimai17468.github.io/tree/...
0
票
0
回答
83
閲覧数
StorybookのsnapshotsテストをmultiSnapshotWithOptionsで実行した結果、__snapshots__フォルダーの位置がずれる
実現したいこと
storybookのSnapshootsテストを実行した際、実行結果である__snapshots__フォルダーを各stories.jsファイルと同じディレクトリに生成させたいです。
現在の結果
以下の通り、src配下に新しく、src/component/~ フォルダーが作成されます。結果、__snapshots__フォルダーが各stories.jsファイルと1階層分ずれています。
...
2
票
3
回答
138
閲覧数
関数の引数内で実行される関数??
下記のコードの意味がよく分からないです。この strs は一体どこから来たのでしょうか?
setStreams(strs => {
strs[streamId].removed = true
return { ...strs }
})
これステートのStreamsを呼び出して渡しているんですね。
参照
https://github.com/yassun-youtube/nextjs-...
0
票
0
回答
220
閲覧数
Chrome拡張で、固定された保存先フォルダではなく、前回保存したフォルダへ(mhtml)ファイルを保存するよう保存先設定を変更したい
現在のChrome拡張
常に固定されたフォルダ(C:\Users\user\Downloads)へ保存されます。
manifest.json
{
"manifest_version": 2,
background.js
function download(filename, blob) {
chrome.downloads.download({
...
0
票
0
回答
40
閲覧数
jsPsychを利用する時、on_finish()関数内で得た数値を変数に格納し、別のタイムラインに利用する方法
例えば以下のコードがあった時、on_finish() 関数内で得た data.is_correct_respose の値を別のタイムラインに使用したい時、どのようにすればよいでしょうか。
大きな目標としては perception_func の結果によって、別のタイムラインの表示内容を変えたいです。
function perception_func(correct_idx){
var ...
0
票
0
回答
60
閲覧数
GoogleMapで灰色のカバーが表示される
APIキーを取得し以下のコードで地図を表示させると、地図に灰色のカバーがかかってしまいます。
<div class="map-area">
<div id="mapField"></div>
</div>
<script type="text/javascript" src=&...
0
票
0
回答
103
閲覧数
ポップアップのブロックを解除したい
下記のソースコードのままだと、ポップアップがブロックされてしまいます。
設定でポップアップを許可することは可能ですが、自動でポップアップを許可に変更して、サイトを閉じた後、
デフォルト状態に戻したいです。(デフォルトはブロック状態です)
ご教示の程、お願いいたします。
addEventListener("load", function() {
var options = &...
0
票
0
回答
66
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
0
票
0
回答
211
閲覧数
NuxtJsでnpm run dev を実行すると毎回 default.vue が初期化されてしまう
Nuxtjsをこれからプロジェクトで使うので触ってます。
ローカルサーバを立てるコマンド npm run dev を入力すると、毎回 default.vue の中身が初期の状態の内容にもどってしまいます。
npm run devを実行しても修正内容を反映したままの状態にする方法をご教授ください。よろしくお願いします。
具体的には以下のようになってしまいます。
1:npm run ...
4
票
1
回答
133
閲覧数
typescriptで指定した文字列のどれかを返す関数を定義したい
typescriptで書いています。あるアプリケーションでサポートする言語(locale)が限定されていて、システムがそれ以外のlocaleを返したらデフォルトのlocaleにフォールバックするための関数を書きたいです。
/* currentLocaleがSupportedLocaleだったら */はどう書けばいいのでしょうか?
type SupportedLocale = 'ja' | 'en';...
0
票
0
回答
367
閲覧数
ハンバーガーメニューを開いている最中bodyはスクロールしない設定にしていたが、メニュー内のドロップダウンを開いた時メニュー内だけでなくbodyもスクロールしてしまいます
html、cssがすこし触れる程度でjavascriptは主にコピペで使用している初心者です。
スマホでハンバーガーメニューを作成した際、
メニューを全画面で開いた時に隠れているbody全体はスクロールしないようjQueryで設定していましたが、
メニューの中身がドロップダウンで開くようになるとbodyのスクロールが復活してしまいました。
...
0
票
1
回答
128
閲覧数
Spring Boot、Spring MVC の文字列やJsonを返すContlollerを直接タグから呼び出してHTML上に表示する方法はありますでしょうか
フロントエンド、Spring初心者のため抽象的で拙い質問となることをお許しください!
(teratailにも投稿しているのですがご回答がつかないため、すみませんがstackoverflowにも投稿させていただきます。)
以下のコードのようにHTMLからContlollerの@RequestMappingに指定したパスを直接記述することで処理を呼び出して画像を表示するようなHTMLがあるとします。
&...
0
票
0
回答
85
閲覧数
hls形式の動画を再生するvideoをdrawImageでcanvasに描画することが出来ない
タイトルの通りです。
hls形式のストリーミング動画をvideoタグで再生し、再生動画を 2D Context の drawImage で canvas に描画したいと考えておりますが、canvasに何も表示されません。
videoタグでの動画再生自体は問題なく出来ており、videoタグのソースを固定のmp4ファイルにすると問題なくcanvasへ表示されます。
検証端末はMac(macOS 12....
0
票
1
回答
278
閲覧数
閉じるボタン(X)が、元のハンバーガーボタン(三本線)戻らない問題を解決したい
実現したいこと
【jQuery・ハンバーガーメニュー】 閉じるボタン(X)を、元のハンバーガーボタン(三本線)に戻したいです
状況の説明
jQueryでハンバーガーメニューを実装しています。
スマホナビが開いている状況で、リンクをクリックすると、
スマホナビが閉じて
リンク先のセクションにスムーススクロールされます
ここまでは良いのですが、閉じるボタン(X)が、元のハンバーガーボタン(三本線)...
0
票
1
回答
291
閲覧数
scriptタグ内でRubyのメソッドを実行したい
最近htmlなどの学習に取り組み始めたばかりの初学者です。
元々Rubyの経験が少しあったため、Rubyでのメソッドの記述はできたのですが、htmlやJavaScriptの理解が難しく、うまくページに反映できず困っています。
htmlでファイルの読み込みを行った際、onchangeでメソッドを実行したいのですが、
そのままRubyのメソッドを呼び出したい
ページ遷移をしないまま実行したい
...
0
票
0
回答
54
閲覧数
「Google Workspace Admin SDK」からモバイルデバイスにインストールされているすべてのソフト情報を取得できない
Google Apps Scriptについての質問です。
私の会社では、AndroidスマホをGoogle Workspace上で管理しております。そこで、各端末にインストールされているソフト名を取得するようなスクリプトを作成しようと思っております。
その手段として、Google Apps Scriptを作成する必要があるのですが、...
0
票
0
回答
99
閲覧数
javascriptでの時間差の設定をしたい
何の作業中か
模写コーディングをしています。
目標のサイト https://linew.co.jp/
問題
時間差でfadeInさせたいができない。
現在は、同じタイミングで出てきてしまう。
試した事として、animation-delay などで設定を試みてみた。
目標
時間差でのfadeInをすること。
html
<!DOCTYPE html>
<html>
<...
0
票
1
回答
92
閲覧数
stripeのpaymentIntent.statusに上手く型が当てられない。
stripeの公式サンプルコードに型を当てているのですが、エラーが出力される。
型注釈は使用しているのですが、こちらはどのように型を当てたら良いのでしょうか?
エラー内容
(parameter) paymentIntent: any
Argument of type '({ paymentIntent }: PaymentIntent) => void' is not assignable ...
0
票
1
回答
88
閲覧数
@stripe/react-stripe-jsで特定の文字列を渡しているが、ストリングリテラルでエラーになる
stripeのサンプルコードをTypeScript化しようとしているのですが、なぜかストリングリテラルが当たる場所でちゃんと文字列を渡しているのにエラーを起こします。
エラー内容 - options の箇所で出てきます。
Optional Elements configuration options. Once the stripe prop has been set, these options ...
1
票
1
回答
145
閲覧数
JavaScriptでCSVデータが入った二次元配列をJSONにしたい
質問
以下のような二次元配列(CSVなどから取得)から、JSON形式に変換するコードを書いたのですが、車輪の再発明のような気がしてならず、質問しました。
期待する回答
多くの方が既に取り組まれているコードかと思っておりまして、わざわざ自分で作らなくても、既に便利な関数なりライブラリがあるんじゃないかと思います。
これをご存じであればご教示いただきたいです。
(なければないで構いません)
...
0
票
1
回答
55
閲覧数
monacaとニフクラ mobile backendで403エラーになってしまい登録できなくなってしまいます。
目標
テーブルから値を取得→表示→別のテーブルにその値を登録ということを不定期な時間繰り返したい
出てしまうエラー
エラーコード:403 Forbidden
内容:POST https://mbaas.api.nifcloud.com/2013-09-01/classes/timeline 403 (Forbidden)
試してみたこと
1.setする内容を減らしてみる。
2.await/...
0
票
0
回答
112
閲覧数
chrome devtool を開かずにブラウジング中の ajax レスポンスをキャプチャしたい
chrome 拡張機能でウェブブラウジング中の通信をキャプチャしたいです
以前同様の質問をして試行錯誤の結果
chrome ディベロッパツールのカスタマイズ方法
こちらの devtool 上の JS の中で
chrome.devtools.network.onRequestFinished.addListener((req) => {
:
}
...
0
票
0
回答
35
閲覧数
devtools の中 の JS をデバッグしたい
初歩的な質問ですみません
chrome extension 内の devtool_page から読み込んだ JS はどうやってデバッグすればいいんでしょうか
後述のような3つのファイルの入ったフォルダを chrome extension にドラッグしたところ、拡張機能としては登録されました
devtools.js で console.log を記述してるんですが、
...
0
票
1
回答
87
閲覧数
javascriptでフェードインさせたい
目標
htmlの74~87行の部分をスクロールして見えてきた時にフェードインさせることです。
・Our Serviceが下に
・image/black.png が上に
・image/educure01.jp DXを推進するエンジニア育成
IT事業参入をご検討中の事業者様向けのサービスです。 が上に
faideinさせたいです。
問題点
一部設定してみました。...
0
票
1
回答
255
閲覧数
画面をロードしたときに最小化もしくは非表示にする方法はありますか?
■質問事項
ざっくりとした質問で大変恐縮ですが、
HTTPリクエストで遷移したHTMLファイルについて、
ロード時に画面を最小化もしくは非表示にして表示することは可能でしょうか?
■これまでに試した方法
・最小化
HTML内に埋め込んだjavascriptで
window.minimize();
と記述しましたが動作しませんでした。
...
0
票
0
回答
135
閲覧数
スクロールするとページが縦に揺れます
スクロールすると各要素が縦に揺れます。
各要素を一つずつ消してみても、揺れはなおりませんでした。
ページはこちらです。
https://unagi-ryousin.com/
現象の確認方法としては、下にスクロールさせてから上にすぐ戻すと、ページが縦に揺れます。特に「量深の人気商品」より下の、商品が並んでいる辺りの画像の部分をスクロールしてみると分かりやすいです。TOPページのみ発生しています。
...
0
票
0
回答
83
閲覧数
react-dndの縦の並び替えを理解したい
縦の並び替えの際にホバー中に要素が入れ替わる処理があるのですが、そこの計算が全然分からないです。
特にここの処理がどうしたらreturnしているのかわからないです。
if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
console.log('通る')
return;
}
...
0
票
1
回答
91
閲覧数
JavaScript でのセミコロン ; の位置について
現在学習しているJSの教材で以下の記述があります。
const user = ['田中太郎','佐藤一郎','山田次郎'];
const result = user.map( element => {
return element + 'さん';
})
console.log(result);
1行目や5行目ではセミコロン(;)が最後に付いています。一方、...
0
票
1
回答
129
閲覧数
react-dndで一度ドラッグしたアイテムを再びドラッグ出来ないです。
react-dndを使いたいと思って書いたのですが、一度ドラッグして移動した後に再びドラッグする事が出来ないです。
詳しい方見て頂けないでしょうか?宜しくお願い致します。動く物はcodesandboxに上げてあります。
App.js
import React, { useRef, useState } from "react";
import { DndProvider, ...
2
票
1
回答
959
閲覧数
React Hooksでは非同期処理はuseEffect内で行うことと言われていますが、必ずそうしなければならないのでしょうか?
useEffectを使用する理由としては下記があると思います。
①レンダリング後に処理を行うことができる
②useEffectの第2引数で実行タイミングを制御できる
③アンマウント時のキャンセル処理を設定できる
しかし、逆に言えば上記のいずれも必要ない場合はuseEffectを使用せずに非同期処理を実行してよいということでしょうか?
例えば、...
0
票
1
回答
68
閲覧数
jqueryでサイドバーのリンククリックによるスムーススクロールをしたい
jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/
メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。
サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
1
票
1
回答
80
閲覧数
JavaScript ES2022 private static methods でChromeとSafariの挙動違い
以下のJavaScriptコードでSafariとChrome共に動作しますが結果が異なります。
なぜそうなるのか理由が知りたいです。
どうぞご教授ください。
<script>
class Bar {
'use strict';
baz() {
return new Promise((resolve) => {
resolve(...
1
票
1
回答
171
閲覧数
IEEE754単精度浮動小数のバイアスについて
IEEE754単精度浮動小数のバイアスについてです。
指数表現が-126から127となる理由などはあるのでしょうか。-127〜126としなかったのには理由があるものだと思っていますが分かりません。ご教授ください。
符号ビットは表現する数値の符号(正負)を示す。指数部は 8 ビットで、符号なし整数として見た場合は 0 から 255 の値をとり、0 の時はゼロか非正規化数であることを、1 から ...
0
票
2
回答
311
閲覧数
画像を横3列にして、画面の幅に応じて列数を変えたいです。
画像を横3列にして、画面の幅に応じて列数を変えたいです。
■やりたいこと
・画像を3列表示にして、画面の幅が狭くなると3列から2列になるような感じにしたいです。
・コードでは画像の順番は固定になっていますが、動的にする予定なので、画像の大きさは入れ変わるので、画像が入れ替わっても隙間なくいい感じにしたいです。
→”いい感じ”とは言語化が難しいので、添付画像を載せました。
...
0
票
0
回答
456
閲覧数
チェックボックスの値をリロード後も維持したい
●目標
現状では、チェックボックスの状態がリロード後は、リセットさせるようになってます。
こちらをリセットされず、リロード前にチェックされている状態をリロード後もそのまま保持できるようにしたいです。
●試したこと
cookieに保存する等の方法があるそうですが、できることであれば、JavaScript、phpのコードを書くことによって、保持できるようにしたいです。
document....
0
票
0
回答
440
閲覧数
Windows10端末でHTA(HTML Applications)で出現する「エラー8150002e」のダイアログを出現させないようにしたい。
端末ローカルに配置したHTA(HTML Applications)でWebシステムへ遷移するための画面を作成しています。
ただ、システムへの遷移ボタンで埋め込んだJavaScriptのsubmit処理が
実行されるタイミングで以下のようなエラーダイアログが発生します。
エラーダイアログの記載内容:
スクリプトエラー
※このページのスクリプトでエラーが発生しました。
ライン: (発生した行数が表示)
...
0
票
0
回答
84
閲覧数
JavaScriptとの連携 loadUrl時の変数受け渡しについて
Webviewを用いたAndroidアプリ開発を、Java (Android Studio) と JavaScript (Visual Studio) で行っております。
現在、Webview側でURL遷移をした際に、URLの一部(先頭20文字)を変数に格納,その後JavaScript側のfunctionを呼び出すプログラムを実行しています。
以下がそのプログラムの一部です。
webview....
0
票
1
回答
171
閲覧数
vue 3 このような場合どのようにすれば実現できるでしょうか?
現在、ユーザからの投稿の一覧を表示するページを作成しています。
その投稿の1つ1つに「編集」「削除」などの選択肢が格納されているメニューを設置したいと考えています。
そのメニューは各投稿の左下に設置されたボタンをクリックすることで開閉します。
メニュー自体は vue のコンポーネントで作成しています。
投稿が1つであればその要素に mount すればよいのですが、
投稿は1つ以上存在するため、...
0
票
1
回答
363
閲覧数
vue 3 親要素に v-if を指定して表示切替を行うことはできないのでしょうか?
<div id="test" v-if="seen">
<p>あいうえお</p>
<button @click="remove">削除</button>
</div>
上記のHTMLでbutton をクリックすると、seen が false になり、...
1
票
1
回答
177
閲覧数
JavaScriptで生成したパスワード付zipファイルにパスワードがかからない
環境
クライアントOS:Windows10 Pro(1809)
ブラウザIE11
質問
HTMLファイルにJavaScriptを埋め込み、ActiveXObjectを活用して以下のコマンドから7zipでパスワードファイル付きzipファイルを作成した後、元ネタのテキストファイルを削除する処理を実行しています。
・ソースイメージ
※ダブルクォーテーションなどはイメージなのでテキトーです。
var ...
0
票
0
回答
57
閲覧数
vue 3 v-on:click があると表示がおかしくなる。動作しない。
Laravel で投稿処理を終えた後、フラッシュメッセージを表示します。
そのメッセージが×ボタン(svg)を押すと消える実装をしようとしているのですが、うまくいきません。
<script src="https://unpkg.com/vue@3"></script>
<p id="test" v-if="show&...
0
票
0
回答
69
閲覧数
vuetify.jsのダイアログの拡大縮小
vuetify(v2.6.2)で、v-dialogを使ってダイアログを表示すると、マウスからブラウザの拡大縮小(ctrl + ホイール)ができないのですが、有効にする手段ご存知の方いますでしょうか?
0
票
0
回答
65
閲覧数
ゲーム制作 テトリスの回転した時めり込みを修正するアルゴリズムが知りたい。
提示画像ですが左側の青い棒が背景で右側の青い棒が操作中のブロックです。この操作中のブロックが回転して横を向いたときに背景にブロックがのめり込んでしまいます。これを右にずらず全ブロックに対応するアルゴリズムが知りたいです。
参考サイト
https://tetris.fandom.com/wiki/SRS#Spawn_Orientation_and_Location
提示画像
Game.js
...
0
票
1
回答
189
閲覧数
ループ構造におけるフラグ判定の正しい使い方
提示コードですがテトリスでブロックが一列揃ったら点滅(エフェクト)して消えてラインを詰めるという処理なのですがこの際にフラグという処理の作り方をしているのですがこれは正しいのでしょうか? 提示コードのコンストラクタ部の /* ### エフェクト ###*/,/*## 削除 ##*/部の bool型変数のフラグの多さが気がかりです。
利用ライブラリ: https://p5js.org/
Game....