[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,689
質問
0
票
0
回答
1,127
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
323
閲覧数
[chrome.webRequest.onBeforeRequest.addListener]を使用してブラウザ上のすべての通信を取得したい
表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.
manifest.json
{
"name": "Getting Started Example",
"...
0
票
1
回答
366
閲覧数
JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。
JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。
現在、プログラムでエラーが出ているので解決策を教えてください。
HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
1
票
2
回答
780
閲覧数
jsファイルの読み込みについて
プログラミング学習初心者です。
Create React Appにおいてプロジェクトを作成し,実行しました。
ReactのTutorialに従い,src/index.js,public/index.htmlの2つのファイルを作成しました。
index.htmlファイルはindex.jsファイルをコードのどのように読み込んでいるのか教えていただきたいです。
以下にコードを記載します。
index....
0
票
0
回答
95
閲覧数
javascriptでのcookieの処理
詰まっている箇所
JavaScriptでcookieでモーダル表示を制御しようとしているがうまく制御ができない
実現したい内容
初回アクセス時にモーダルを表示
モーダルウィンドを閉じるとクッキーが保存される
クッキー保存から5分経過していれば自動でモーダルを表示される
書いたコード
var self = this
if (navigator.cookieEnabled) {
...
0
票
1
回答
1,388
閲覧数
JavaScript Blob.text()から得られた文字列を再度Blobへ変換し、DataURLを作成したい。
よろしくお願い致します。
基本はタイトルの通りとなっております。
詳細に書くと、
ブラウザ上でzipファイルを受け取り、JS上でzipを解凍後、中に入っている画像データをlocalStorageに保存し次の画面に遷移させ利用したい。といった目的があります。
重要なのは、画像データを一旦サーバーなどにおかずクライアント内で完結させたい、という所です。
なので、質問の答えにはなっていなくても、...
0
票
1
回答
94
閲覧数
JavaScriptにおけるマーカー認識
JavaScriptでARのマーカー認識のみ使いたくて (3Dオブジェクトの表示は不必要)
jsartoolkit5とAR.jsを調べていたのですが、私が求めている要件ができるのかどうかも含めての情報が中々出てこないです。
要件
同時に複数Webカメラからの画像情報に対応
PCに複数のWebカメラを接続して同時に複数のタグに対して別々のカメラ映像を表示するところまでできています。
...
0
票
0
回答
100
閲覧数
canvasで作成した図形&テキストをhtml・cssで出力可能?
canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか?
参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか?
0
票
1
回答
73
閲覧数
javascriptを使ってXMLを上から順番に解析したい。
perlのXML::LibXML::Readerを使うと、XMLを、上から順番にノードを取得して解析できますが、javascript(あるいはjQueryなど)ではどのようにすればよいでしょうか?あるいは同様のことができるライブラリはあるでしょうか?
1
票
2
回答
217
閲覧数
TypeScriptで引数のかっこが3つある関数
引数の括弧が3つある下記のような関数を見かけたのですが、これはどのような時に使用されるのでしょうか。
なぜ通常の const hoge =(h1, h2) => {} という書き方との違いはなんでしょうか。
何も出力されないです。
const hoge = (h1) => (h2) => () => {
console.log(h1);
console....
0
票
0
回答
82
閲覧数
Sequelize使用時にサブクエリのorder句を削除する方法
質問
Sequelizeを使用する際、メインクエリにのみorder句を指定したいのですが、サブクエリにもorder句が適用されます。
メインクエリにのみorder句を適用するにはどうしたらよいですか?
環境
■ Sequelize version
^3.30.4
■ RDB
MySQL 5.7
DB設計
Parents
id
Children
id
parent_id
...
0
票
1
回答
78
閲覧数
JavaScriptで、URLの「status/」以降を取得したい
URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか?
URL例
https://twitter.com/jaStackOverflow/status/1516703227395428359
https://twitter.com/StackOverflow/status/1372188139821932547
https://twitter.com/...
0
票
1
回答
1,442
閲覧数
チェックボックスの値を保持できない。
画面遷移を繰り返してもチェックした項目はチェックしたままにしたいのですが、チェックボックスだけうまく作動しません。わかる方いましたらご教示お願いします。
window.onload = function onLoad() {
//コース選択済み表示
const date = document.getElementsByName("a");
if(sessionStorage.getItem(...
0
票
1
回答
176
閲覧数
EC2上で起動しているWEBAPP側でクライアント側の接続元IP(グローバルIP)の取得する方法について
お世話になります。
表題について、webアプリ上のとあるボタンを押した際に、
クライアント側(私)のグローバルIPを取得し、
RDSに登録を行うといったことをしたいのですが、
プログラム上に以下URLをうめこんでグローバルIPを取得しているのですが、
EC2のグローバルIP?と思われるIPが取得されてしまっている状況です。
https://api.ipify.org/?format=json
...
0
票
0
回答
136
閲覧数
setIntervalを使用したカルーセルで表示を無限ループさせたい
5枚の画像があり、1枚目から5枚目まで自動でスライドするのですが、5枚目でストップしてしまいます。
1枚目に戻り再度、自動でスライドさせ、その工程を無限に繰り返したいのですが、出来ず教えていただきたいです。
現在のコード:
const next = document.getElementById('next');
const prev = document.getElementById('prev'...
0
票
1
回答
1,069
閲覧数
GASのウェブアプリケーションをjsのfetchで実行する方法
前提
GASを使用
ウェブアプリケーションのデプロイ設定を下記で行いました。
・次のユーザーとして実行
ウェブアプリケーションにアクセスしているユーザ
・アクセスできるユーザ
組織 内の全員
実現したいこと
htmlファイルに記載したjavascriptから、デプロイを行なったGASの結果を取得したです。
また、実行・アクセスできるユーザは組織内のユーザのみに限定したいので、
GASデプロイ設定の「...
0
票
0
回答
147
閲覧数
initializeAppを使用すると、Firebase Functionsでデプロイに失敗してしまう
今後Firebaseの機能を使用する必要があるため、
initializeAppを使いつつデプロイを成功させたいです。
initializeAppのある/なしでデプロイに成功/失敗します。
(initializeAppをコメントアウトすると成功します。)
firebase emulators:startによるローカルでの実行は成功しています。
...
2
票
1
回答
377
閲覧数
カスタムコンポーネントにv-modelを使用した際に、親でwatchしている変数が更新されない
以下の内容についてお聞きしたいです。
概要
以下の2つのコンポーネントを作成しました。
App.vue
<template>
<h1>My Counter</h1>
<div>count: {{ count }}</div>
<NumberInput v-model.numberOnly="interval&...
0
票
0
回答
48
閲覧数
splash:mouse_clickでリンクをクリックしてもpop upが開かない
Scrapyでtownworkのバイト情報をスクレイピングしようと考えています。
勤務先住所を取るために地図のpopup画面を開きたく、Splashを使い始めました。
そこで、地図の部分のリンクをsplash:mouse_clickしたのですが、地図のpopupが開かず困っています。
他のリンクはclickすると画面遷移します。
地図のpopupの開き方をご教授頂けると幸いです。
対象のページは、
...
0
票
0
回答
273
閲覧数
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
回答
2,002
閲覧数
非アクティブなタブでのJavaScriptの動作について
システム内の同機能の画面を2つ以上のタブ・ウィンドウでの表示を禁止するために以下ような動作となる処理を実装しようとしています。
①同一機能で二つ目のタブが開かれたとき
②既に開かれていたタブにアラートを表示する
③アラートのOKが押下されたときに既に開かれていたタブを閉じる
現在のソースとしては以下なのですが、①...
0
票
1
回答
94
閲覧数
書類などを運営に送信して承認されたらシステムが使えるようになる仕組み
現在Laravel8で、fxサービスや株取引、Uber eatsの配達員用アプリなどで用いられてるような、身分証明書などの書類を運営に送り、承認された人のみサービスを利用できるアプリを作ろうと思っています。
大体の仕組みは想像できるのですが、この様な仕組みの物は具体的な固有名詞などはあるのでしょうか?
自分なりに色々調べてはいるのですがサンプルなどが全く見つかりません。どなたかご教示願います。
0
票
0
回答
65
閲覧数
ブラウザアプリで違うユーザーが編集しているデータを「違うユーザーが表示している」とリアルタイムに表示したい
Vue.jsのブラウザアプリを開発しています。
ユーザーから、ユーザーAとユーザーBの見ている同じ画面のデータをOffice365やGoogle Driveのように例えば
「今ユーザーAがこのデータを編集中です。」
などと表示してほしい、と言われました。
どのようにするのが一番よいやり方かご教示いただけないでしょうか?
今のところ考えているのは、Nodeとsocket.io を使う方法です。
...
0
票
0
回答
177
閲覧数
Javascriptとhtmlでカウントするページをつくっています
実現したいこと
ボタンを押してカウントできる.
ページ上で枠を増やすことができる.
問題点
1番上の枠ではカウントできるがその他ではできていない.
ソースコードを変更せずに枠を増やすことができていない.
教えて欲しいこと
すべての枠でカウントできるようにするにはどうすればよいか.
ページ上で枠を増やすにはどうすればよいか.
現状のソースコード
<!doctype html>
...
0
票
0
回答
112
閲覧数
Reactでスワイプしたら下から飛び出るフォームをtouchendとclickで作成したい
JavaScriptにあるtouchstart, touchmove, touchendを使用してスワイプしたら下から表示される下記のようなフォームを作成しました。下から上にスワイプすると出現する。そこに追加でグレーの横棒がButtonタグになっていてクリックでも開閉をしたいのですが、touchendの処理タイミングが被るのか、上手く現在のフォームの状態を持つ事が出来ないです。
どなたか詳しい方、...
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
回答
108
閲覧数
onclick処理後に継続してformaction処理を行いたい
下記のソースコードのようにbuttonタグの中にformactionとonclickを入れてます。
この場合、onclickの処理を行った後に、処理が止まってしまいます。
処理を継続する方法をご教示いただけないでしょうか。
よろしくお願いいたします。
<button type="submit" id="dlbutton" style="...
0
票
1
回答
4,179
閲覧数
GET/POST通信でcookieをやり取りし、ログイン処理
google apps scriptを使用しています。
あるサイトへのログイン処理を行っています。
var LOGIN_URL = "**********";
var userid = "*********";
var password = "***********";
var source_URL = "************";
var options = {
method : ...
0
票
1
回答
781
閲覧数
ローカルに配置した HTA から HTMLを起動する際に、二重起動を抑止することは可能でしょうか?
端末上のローカルでhtaからhtmlを起動させるのですが、htmlが二重で起動できないよう制御したいと考えています。
以下のような案を考えていますが、目標達成に向けアドバイスいただけないでしょうか?
もしくは、これ以外に目標達成できる案をご存知でしたら教えていただけないでしょうか?
①
hta(HTMLアプリケーション)からhtmlをEdgeで起動するため、...
0
票
0
回答
65
閲覧数
表形式でチェックボックスか文字をタップすれば、抹線を引かれる、文字の色が変わるようにしたい
画像添付のリストで文字かチェックボックスをタップすれば、文字の色がグレーになり、抹線が引かれるような仕組みにしたいです。
どのようにCSS、またはスクリプトコードを記載すれば良いかご教示頂ければと存じます。
ちなみに、表形式にする以前は、idとforでチェックボックスと、ラベルを紐つけすることで文字タップすれば文字の色がグレーになり、抹線が引かれるような仕組みにできて、...
0
票
1
回答
82
閲覧数
特定のサイトに複数のコンテントファイルを反映させたいが、片方しか反映されない。
"manifest_version": 3,
"content_scripts": [
{
"matches": [
"https://www.test.com/*"
],
"js"...
0
票
0
回答
431
閲覧数
変数を使ってチャンネルにメッセージ送信 discord.js v13
このコードで取得したチャンネルidを使ってそのidのチャンネルにメッセージを送るにはどうしたらいいですか?
Discord.jsでv13です。回答お願いします。
client.on('messageCreate', async msg => {
if (msg.content === '!set ch') {
const id = msg.channel.id
...
0
票
0
回答
139
閲覧数
PHPでCometを実装したとき、たまにデータを出力しない
やっていること
PHPでCometによるチャットシステムを作成しています。
// このご時世になんでWebSocketを使わないんだ? という話はなしでお願いします。
概ねはうまく動くのですが、時々PHPが情報を吐き出してくれないことがあり、どうにかならないかお尋ねしたいです。
構造
ページはinput.html, output.html, comet.php, chat.txt, ...
1
票
1
回答
5,378
閲覧数
javascriptのwindow.open()で別窓がうまく開けない [重複]
環境: winodws10、IE11(IE設定のタブ:ポップアップ設定:IEで自動判定)
javascriptのwindow.open()の第三パラメータに
toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes
上記のオプションをすべてをyesで設定するとなぜかタブで開かれてしまいます。
...
0
票
1
回答
98
閲覧数
フィールドセット内に設置した要素の値の一括取得において、この要素特有で推奨されるような方法はありますか?
フィールドセット内に複数のフォーム入力要素を設置して、それらの要素の値を一括で取得したいとしましょう。このときに推奨されるような方法として、フィールドセット要素にのみ使うような属性やWeb APIはあるのでしょうか。
1
票
1
回答
275
閲覧数
discord.jsで返信の際に言及しないようにしたい
下記のコードを実行したらメッセージは返信されましたが言及されてしまいました。
どなたか言及されない方法を教えてください。
v13です。
message.reply({
content: "hoge"
allowedMentions: {
parse: []
}
})
0
票
0
回答
74
閲覧数
ReactNative で登録済みのユーザーか否かで画面の表示を区別したい
現在、APIの結果によって表示するコンポーネントを切り替える処理を実装しています。
useEffectを使って画面をロードするタイミングで、
APIを呼び出しJsonオブジェクトとして結果を受け取っていますが、
該当データがない場合はオブジェクトが空で返ってきます。
その結果に応じて、return内で三項演算子を使って表示を切り替えたいと思っておりますが、該当データがある場合も『無い』...
0
票
1
回答
168
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
票
1
回答
239
閲覧数
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
回答
101
閲覧数
最初に開いた場合のみボタンが反応しない
GitHub Pagesで以下のサイトを制作しました。
https://imaimai17468.github.io/Products/CreditsCounterforKNCT/
リポジトリはこちらになります。
https://github.com/imaimai17468/imaimai17468.github.io/tree/...
0
票
1
回答
215
閲覧数
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
回答
1,518
閲覧数
AndroidからJavaScriptの任意のメソッドを呼び出したい
Android Studioを使いJavaにてWebViewを設置して任意のHTMLを表示させています。
そこで、AndroidとHTML内のJavaScriptの相互連携をさせたいと思っています。
まず JavaScript → Android (Java) については @JavascriptInterface を使用して、Androidの任意のJavaメソッドを呼び出す事に成功しました。...
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
票
1
回答
3,190
閲覧数
javascriptによるSJIS変換およびBASE64変換
画面上から取得した値(UTF-16)をSJISに変換し、ハッシュコード変換して使用。
BASE64変換を行い、再度使用(外部システムにPOST)
最終的に外部システム側で受け取った値が???になってしまいます。
SJIS変換箇所やBASE64の変換箇所でおかしいところがあればご指摘を頂きたく。
配列で変換を行う等のトライ&エラーを行ってみたのですが、どうしても正常に変換ができない状態です。
...
0
票
0
回答
77
閲覧数
GoogleMapで灰色のカバーが表示される
APIキーを取得し以下のコードで地図を表示させると、地図に灰色のカバーがかかってしまいます。
<div class="map-area">
<div id="mapField"></div>
</div>
<script type="text/javascript" src=&...
0
票
0
回答
227
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
1
票
1
回答
4,885
閲覧数
Vue.jsの読み込み時にエラー: Failed to load resource: the server responded with a status of 404
Vue.jsなのですが、jsファイルが読み込まれず、現在そのまま{{message}}と記述されしまいます
コンソールには以下のエラーです
Hello Vueと表示させたいのですが、どうすれば良いでしょうか?
Failed to load resource: the server responded with a status of 404 (Not Found)
app/javascript/...