[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,687
質問
0
票
0
回答
1,123
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
366
閲覧数
JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。
JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。
現在、プログラムでエラーが出ているので解決策を教えてください。
HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
1
票
2
回答
777
閲覧数
jsファイルの読み込みについて
プログラミング学習初心者です。
Create React Appにおいてプロジェクトを作成し,実行しました。
ReactのTutorialに従い,src/index.js,public/index.htmlの2つのファイルを作成しました。
index.htmlファイルはindex.jsファイルをコードのどのように読み込んでいるのか教えていただきたいです。
以下にコードを記載します。
index....
0
票
1
回答
322
閲覧数
[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい
表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.
manifest.json
{
"name": "Getting Started Example",
"...
0
票
1
回答
430
閲覧数
Rails + フロントエンドの場合のディレクトリ構成
Railsとフロントエンドを一つのリポジトリで開発する場合の一般的なディレクトリ構成がわかりません。
例えばRails API + Next.jsの場合下記の選択肢があるかなと思います。
Railsの中にfrontendという名前Next.jsのディレクトリを作る。
Next.jsの中にapiという名前でRailsのディレクトリを作る。
別のリポジトリにすべき。
...
0
票
0
回答
95
閲覧数
javascriptでのcookieの処理
詰まっている箇所
JavaScriptでcookieでモーダル表示を制御しようとしているがうまく制御ができない
実現したい内容
初回アクセス時にモーダルを表示
モーダルウィンドを閉じるとクッキーが保存される
クッキー保存から5分経過していれば自動でモーダルを表示される
書いたコード
var self = this
if (navigator.cookieEnabled) {
...
0
票
1
回答
135
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
0
票
1
回答
94
閲覧数
JavaScriptにおけるマーカー認識
JavaScriptでARのマーカー認識のみ使いたくて (3Dオブジェクトの表示は不必要)
jsartoolkit5とAR.jsを調べていたのですが、私が求めている要件ができるのかどうかも含めての情報が中々出てこないです。
要件
同時に複数Webカメラからの画像情報に対応
PCに複数のWebカメラを接続して同時に複数のタグに対して別々のカメラ映像を表示するところまでできています。
...
0
票
0
回答
100
閲覧数
canvasで作成した図形&テキストをhtml・cssで出力可能?
canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか?
参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか?
0
票
1
回答
72
閲覧数
javascriptを使ってXMLを上から順番に解析したい。
perlのXML::LibXML::Readerを使うと、XMLを、上から順番にノードを取得して解析できますが、javascript(あるいはjQueryなど)ではどのようにすればよいでしょうか?あるいは同様のことができるライブラリはあるでしょうか?
1
票
2
回答
216
閲覧数
TypeScriptで引数のかっこが3つある関数
引数の括弧が3つある下記のような関数を見かけたのですが、これはどのような時に使用されるのでしょうか。
なぜ通常の const hoge =(h1, h2) => {} という書き方との違いはなんでしょうか。
何も出力されないです。
const hoge = (h1) => (h2) => () => {
console.log(h1);
console....
0
票
1
回答
77
閲覧数
JavaScriptで、URLの「status/」以降を取得したい
URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか?
URL例
https://twitter.com/jaStackOverflow/status/1516703227395428359
https://twitter.com/StackOverflow/status/1372188139821932547
https://twitter.com/...
0
票
0
回答
80
閲覧数
Sequelize使用時にサブクエリのorder句を削除する方法
質問
Sequelizeを使用する際、メインクエリにのみorder句を指定したいのですが、サブクエリにもorder句が適用されます。
メインクエリにのみorder句を適用するにはどうしたらよいですか?
環境
■ Sequelize version
^3.30.4
■ RDB
MySQL 5.7
DB設計
Parents
id
Children
id
parent_id
...
0
票
0
回答
136
閲覧数
setIntervalを使用したカルーセルで表示を無限ループさせたい
5枚の画像があり、1枚目から5枚目まで自動でスライドするのですが、5枚目でストップしてしまいます。
1枚目に戻り再度、自動でスライドさせ、その工程を無限に繰り返したいのですが、出来ず教えていただきたいです。
現在のコード:
const next = document.getElementById('next');
const prev = document.getElementById('prev'...
0
票
1
回答
174
閲覧数
EC2上で起動しているWEBAPP側でクライアント側の接続元IP(グローバルIP)の取得する方法について
お世話になります。
表題について、webアプリ上のとあるボタンを押した際に、
クライアント側(私)のグローバルIPを取得し、
RDSに登録を行うといったことをしたいのですが、
プログラム上に以下URLをうめこんでグローバルIPを取得しているのですが、
EC2のグローバルIP?と思われるIPが取得されてしまっている状況です。
https://api.ipify.org/?format=json
...
0
票
0
回答
146
閲覧数
initializeAppを使用すると、Firebase Functionsでデプロイに失敗してしまう
今後Firebaseの機能を使用する必要があるため、
initializeAppを使いつつデプロイを成功させたいです。
initializeAppのある/なしでデプロイに成功/失敗します。
(initializeAppをコメントアウトすると成功します。)
firebase emulators:startによるローカルでの実行は成功しています。
...
0
票
0
回答
48
閲覧数
splash:mouse_clickでリンクをクリックしてもpop upが開かない
Scrapyでtownworkのバイト情報をスクレイピングしようと考えています。
勤務先住所を取るために地図のpopup画面を開きたく、Splashを使い始めました。
そこで、地図の部分のリンクをsplash:mouse_clickしたのですが、地図のpopupが開かず困っています。
他のリンクはclickすると画面遷移します。
地図のpopupの開き方をご教授頂けると幸いです。
対象のページは、
...
0
票
0
回答
267
閲覧数
AR.jsを使ったARです。Safariで動画を再生させる時音声も再生させたい
下記はAR.jsでマーカーにカメラをかざすと動画が流れるコードです。
そこで、ブラウザのSafariで動画を再生させる時に音声も流したいのですが、
下記のように画面や動画をタップすると音がでるようにコードを書いてみたのですが、音声が出ません。
どこがおかしいのでしょうか?
<!doctype html>
<html>
<head>
<...
0
票
1
回答
102
閲覧数
javascriptでthisが未定義と怒られてしまう
現在、JavaScriptの勉強をしている初心者です。
以下、コードをデバックしており、"let res_ = await this.callApi("
の箇所で、callApiが未定義ですと怒られてしまいます。
以下コードにはcallApiに関する記述がございませんが、
確かに記述をしており、”let values = await this.callApi(this....
0
票
1
回答
94
閲覧数
書類などを運営に送信して承認されたらシステムが使えるようになる仕組み
現在Laravel8で、fxサービスや株取引、Uber eatsの配達員用アプリなどで用いられてるような、身分証明書などの書類を運営に送り、承認された人のみサービスを利用できるアプリを作ろうと思っています。
大体の仕組みは想像できるのですが、この様な仕組みの物は具体的な固有名詞などはあるのでしょうか?
自分なりに色々調べてはいるのですがサンプルなどが全く見つかりません。どなたかご教示願います。
0
票
0
回答
65
閲覧数
ブラウザアプリで違うユーザーが編集しているデータを「違うユーザーが表示している」とリアルタイムに表示したい
Vue.jsのブラウザアプリを開発しています。
ユーザーから、ユーザーAとユーザーBの見ている同じ画面のデータをOffice365やGoogle Driveのように例えば
「今ユーザーAがこのデータを編集中です。」
などと表示してほしい、と言われました。
どのようにするのが一番よいやり方かご教示いただけないでしょうか?
今のところ考えているのは、Nodeとsocket.io を使う方法です。
...
0
票
0
回答
110
閲覧数
Reactでスワイプしたら下から飛び出るフォームをtouchendとclickで作成したい
JavaScriptにあるtouchstart, touchmove, touchendを使用してスワイプしたら下から表示される下記のようなフォームを作成しました。下から上にスワイプすると出現する。そこに追加でグレーの横棒がButtonタグになっていてクリックでも開閉をしたいのですが、touchendの処理タイミングが被るのか、上手く現在のフォームの状態を持つ事が出来ないです。
どなたか詳しい方、...
0
票
0
回答
176
閲覧数
Javascriptとhtmlでカウントするページをつくっています
実現したいこと
ボタンを押してカウントできる.
ページ上で枠を増やすことができる.
問題点
1番上の枠ではカウントできるがその他ではできていない.
ソースコードを変更せずに枠を増やすことができていない.
教えて欲しいこと
すべての枠でカウントできるようにするにはどうすればよいか.
ページ上で枠を増やすにはどうすればよいか.
現状のソースコード
<!doctype html>
...
0
票
1
回答
65
閲覧数
javascriptのforEach文
実現したい内容
ショップのIDを配列に組み込み、実行したときに文字列で「\A/shop/${shopId※配列0}/$ | \A/shop/${shopId※配列1}/$ | \A/shop/${shopId※配列0}/$.... 」を表示させたい。
const shopId = [263, 966, 5439, 5478, 5613, 5368, 169, 209, 1499, 42382, ...
0
票
0
回答
102
閲覧数
onclick処理後に継続してformaction処理を行いたい
下記のソースコードのようにbuttonタグの中にformactionとonclickを入れてます。
この場合、onclickの処理を行った後に、処理が止まってしまいます。
処理を継続する方法をご教示いただけないでしょうか。
よろしくお願いいたします。
<button type="submit" id="dlbutton" style="...
0
票
0
回答
64
閲覧数
表形式でチェックボックスか文字をタップすれば、抹線を引かれる、文字の色が変わるようにしたい
画像添付のリストで文字かチェックボックスをタップすれば、文字の色がグレーになり、抹線が引かれるような仕組みにしたいです。
どのようにCSS、またはスクリプトコードを記載すれば良いかご教示頂ければと存じます。
ちなみに、表形式にする以前は、idとforでチェックボックスと、ラベルを紐つけすることで文字タップすれば文字の色がグレーになり、抹線が引かれるような仕組みにできて、...
0
票
1
回答
775
閲覧数
ローカルに配置した HTA から HTMLを起動する際に、二重起動を抑止することは可能でしょうか?
端末上のローカルでhtaからhtmlを起動させるのですが、htmlが二重で起動できないよう制御したいと考えています。
以下のような案を考えていますが、目標達成に向けアドバイスいただけないでしょうか?
もしくは、これ以外に目標達成できる案をご存知でしたら教えていただけないでしょうか?
①
hta(HTMLアプリケーション)からhtmlをEdgeで起動するため、...
0
票
1
回答
82
閲覧数
特定のサイトに複数のコンテントファイルを反映させたいが、片方しか反映されない。
"manifest_version": 3,
"content_scripts": [
{
"matches": [
"https://www.test.com/*"
],
"js"...
0
票
0
回答
139
閲覧数
PHPでCometを実装したとき、たまにデータを出力しない
やっていること
PHPでCometによるチャットシステムを作成しています。
// このご時世になんでWebSocketを使わないんだ? という話はなしでお願いします。
概ねはうまく動くのですが、時々PHPが情報を吐き出してくれないことがあり、どうにかならないかお尋ねしたいです。
構造
ページはinput.html, output.html, comet.php, chat.txt, ...
0
票
1
回答
168
閲覧数
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
票
0
回答
427
閲覧数
変数を使ってチャンネルにメッセージ送信 discord.js v13
このコードで取得したチャンネルidを使ってそのidのチャンネルにメッセージを送るにはどうしたらいいですか?
Discord.jsでv13です。回答お願いします。
client.on('messageCreate', async msg => {
if (msg.content === '!set ch') {
const id = msg.channel.id
...
0
票
1
回答
98
閲覧数
フィールドセット内に設置した要素の値の一括取得において、この要素特有で推奨されるような方法はありますか?
フィールドセット内に複数のフォーム入力要素を設置して、それらの要素の値を一括で取得したいとしましょう。このときに推奨されるような方法として、フィールドセット要素にのみ使うような属性やWeb APIはあるのでしょうか。
0
票
1
回答
950
閲覧数
Discord.js v13 で特定のメッセージ検知
**は暴言のため隠してます。
特定のメッセージが入った文を検知したら返信するコードを教えてください。
client.on("messageCreate", (msg) => {
if (message.content.match === "**") {
msg.reply("暴言、誹謗中傷などはおやめください"...
0
票
0
回答
74
閲覧数
ReactNative で登録済みのユーザーか否かで画面の表示を区別したい
現在、APIの結果によって表示するコンポーネントを切り替える処理を実装しています。
useEffectを使って画面をロードするタイミングで、
APIを呼び出しJsonオブジェクトとして結果を受け取っていますが、
該当データがない場合はオブジェクトが空で返ってきます。
その結果に応じて、return内で三項演算子を使って表示を切り替えたいと思っておりますが、該当データがある場合も『無い』...
0
票
1
回答
1,062
閲覧数
GASのウェブアプリケーションをjsのfetchで実行する方法
前提
GASを使用
ウェブアプリケーションのデプロイ設定を下記で行いました。
・次のユーザーとして実行
ウェブアプリケーションにアクセスしているユーザ
・アクセスできるユーザ
組織 内の全員
実現したいこと
htmlファイルに記載したjavascriptから、デプロイを行なったGASの結果を取得したです。
また、実行・アクセスできるユーザは組織内のユーザのみに限定したいので、
GASデプロイ設定の「...
0
票
1
回答
168
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
票
1
回答
235
閲覧数
Ruby on Railsのapiモードでクロスオリジンの通信がしたい
ruby on railsの勉強中で、知識も乏しく拙い文章ですが、どなたか教えていただけると嬉しいです。
宜しくお願いいたします。
状況
すでに公開しているウェブサイトにお問い合わせフォームを導入しようとしています。
フロント側はhtml、javascript、apacheを、使っています。
バックエンドはapiモードでrailsを使って、メールの送信を行いたいと思っています。
【問題】
...
0
票
0
回答
103
閲覧数
Instagram のアプリ内ブラウザから、WEB版Instagramに遷移させない方法
Instagram のアプリ内ブラウザから、WEB版Instagram に遷移させない方法を検討しています。
【前提&現状】
私が運営している ECサイトは、Instagram からの流入が 90% です。
サービス公式の Instagram プロフィールに記載されている URL からユーザーは ECサイト に訪れます。
サイトにチャットボタンを設置しており、...
0
票
1
回答
214
閲覧数
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
回答
101
閲覧数
最初に開いた場合のみボタンが反応しない
GitHub Pagesで以下のサイトを制作しました。
https://imaimai17468.github.io/Products/CreditsCounterforKNCT/
リポジトリはこちらになります。
https://github.com/imaimai17468/imaimai17468.github.io/tree/...
2
票
3
回答
143
閲覧数
関数の引数内で実行される関数??
下記のコードの意味がよく分からないです。この strs は一体どこから来たのでしょうか?
setStreams(strs => {
strs[streamId].removed = true
return { ...strs }
})
これステートのStreamsを呼び出して渡しているんですね。
参照
https://github.com/yassun-youtube/nextjs-...
0
票
0
回答
391
閲覧数
Chrome拡張で、固定された保存先フォルダではなく、前回保存したフォルダへ(mhtml)ファイルを保存するよう保存先設定を変更したい
現在のChrome拡張
常に固定されたフォルダ(C:\Users\user\Downloads)へ保存されます。
manifest.json
{
"manifest_version": 2,
background.js
function download(filename, blob) {
chrome.downloads.download({
...
0
票
0
回答
77
閲覧数
GoogleMapで灰色のカバーが表示される
APIキーを取得し以下のコードで地図を表示させると、地図に灰色のカバーがかかってしまいます。
<div class="map-area">
<div id="mapField"></div>
</div>
<script type="text/javascript" src=&...
0
票
0
回答
225
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
4
票
1
回答
198
閲覧数
typescriptで指定した文字列のどれかを返す関数を定義したい
typescriptで書いています。あるアプリケーションでサポートする言語(locale)が限定されていて、システムがそれ以外のlocaleを返したらデフォルトのlocaleにフォールバックするための関数を書きたいです。
/* currentLocaleがSupportedLocaleだったら */はどう書けばいいのでしょうか?
type SupportedLocale = 'ja' | 'en';...
0
票
0
回答
880
閲覧数
ハンバーガーメニューを開いている最中bodyはスクロールしない設定にしていたが、メニュー内のドロップダウンを開いた時メニュー内だけでなくbodyもスクロールしてしまいます
html、cssがすこし触れる程度でjavascriptは主にコピペで使用している初心者です。
スマホでハンバーガーメニューを作成した際、
メニューを全画面で開いた時に隠れているbody全体はスクロールしないようjQueryで設定していましたが、
メニューの中身がドロップダウンで開くようになるとbodyのスクロールが復活してしまいました。
...
0
票
1
回答
232
閲覧数
Spring Boot、Spring MVC の文字列やJsonを返すContlollerを直接タグから呼び出してHTML上に表示する方法はありますでしょうか
フロントエンド、Spring初心者のため抽象的で拙い質問となることをお許しください!
(teratailにも投稿しているのですがご回答がつかないため、すみませんがstackoverflowにも投稿させていただきます。)
以下のコードのようにHTMLからContlollerの@RequestMappingに指定したパスを直接記述することで処理を呼び出して画像を表示するようなHTMLがあるとします。
&...
0
票
1
回答
429
閲覧数
閉じるボタン(X)が、元のハンバーガーボタン(三本線)戻らない問題を解決したい
実現したいこと
【jQuery・ハンバーガーメニュー】 閉じるボタン(X)を、元のハンバーガーボタン(三本線)に戻したいです
状況の説明
jQueryでハンバーガーメニューを実装しています。
スマホナビが開いている状況で、リンクをクリックすると、
スマホナビが閉じて
リンク先のセクションにスムーススクロールされます
ここまでは良いのですが、閉じるボタン(X)が、元のハンバーガーボタン(三本線)...
0
票
1
回答
671
閲覧数
scriptタグ内でRubyのメソッドを実行したい
最近htmlなどの学習に取り組み始めたばかりの初学者です。
元々Rubyの経験が少しあったため、Rubyでのメソッドの記述はできたのですが、htmlやJavaScriptの理解が難しく、うまくページに反映できず困っています。
htmlでファイルの読み込みを行った際、onchangeでメソッドを実行したいのですが、
そのままRubyのメソッドを呼び出したい
ページ遷移をしないまま実行したい
...
0
票
1
回答
132
閲覧数
stripeのpaymentIntent.statusに上手く型が当てられない。
stripeの公式サンプルコードに型を当てているのですが、エラーが出力される。
型注釈は使用しているのですが、こちらはどのように型を当てたら良いのでしょうか?
エラー内容
(parameter) paymentIntent: any
Argument of type '({ paymentIntent }: PaymentIntent) => void' is not assignable ...