[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,297
質問
0
票
0回答
56 件の閲覧数
ajax、jquery.dialog を使用したダイアログを表示させたい
■問題
ajax通信により、サーバからレスポンスを受け取った後、jquery.dialog を使用したダイアログを表示させたいです。
以下ソースコードになります。
■実施した事
以下ソースコード(javascliptの.done(function(data){}部分)で、dialog が動作するか確認した所、ブラウザ上にダイアログは表示されず、管理ツール上でエラーが表示されていました。
...
0
票
0回答
55 件の閲覧数
ログアウトボタンを2回押さないとログアウトできない。
Reactとreact-cookieでWebアプリのログアウト機能を作っています。
import React, { Component } from 'react';
import { withCookies, Cookies } from 'react-cookie';
import { instanceOf } from 'prop-types';
class Logout extends ...
0
票
1回答
113 件の閲覧数
スプレッドシートにcsvを読み込む
ローカルにダウンロードしてあるcsvファイルをスプレッドシートに読み込またいです。
デバッグをしても特にエラーは表示されないのですが、dialog.htmlからcsvを指定しても何も反応がありません。
お気づきの点ありましたら指摘いただけると助かります。
ご存知の方おりましたらどうぞ宜しくお願いいたします。
サーバー側のコード.gs
function showDialog(){
var ...
0
票
0回答
101 件の閲覧数
jsファイルを読み込ませるとドロップダウンメニューが動かない
実現したいこと
laravel6に外部ファイルに記述したapp.jsを読み込ませたい
エラーが発生した手順
画面上部に固定しているドロップダウンメニューが開けない、開いても閉じれない(開いたまま)で動かせなくなる
対象のソースコード
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ...
0
票
0回答
91 件の閲覧数
127.0.0.1:8000にXMLHttpRequest出来ない
Djangoでローカルで立てたサーバーにjsonからXMLHttpRequestしたいのですが「Access to XMLHttpRequest at 'http://127.0.0.1:8000/' from origin 'null' has been blocked」とエラーが出ました。
ブラウザから http://127.0.0.1:8000/ にアクセスするとちゃんと表示されています。
...
-1
票
2回答
102 件の閲覧数
グーグルブラウザなのにbrowserNameでMozillaと出る
var name = navigator.appName;
console.log(name)
とjavascriptのコードを書いてグーグルブラウザで実行したところ、Mozilla と表示されました。
これは正しいのでしょうか?何か間違っていますか?
2
票
1回答
146 件の閲覧数
弧を描いて指定位置で止まりたい
弧を描いて指定位置で止まりたい
ゆるやかに減速しながら直進する物体を
境界線を超えたら一気に減速しつつ
入射角に見合った弧を描きながら境界線まで戻ってきて
ちょうど境界線で止まる(動きが止まったときの位置がちょうど境界線上になる)
ようにしたいです
1と2まではできました(まだGoogle Chromeでしか確認していませんが)
3と4はどうすればいいですか?
...
0
票
0回答
76 件の閲覧数
DataTablesの非表示列のデータも送信したい
SpringBoot、ThymleafそしてDataTablesを用いて、DBのデータを表示させています。すべての列にinputを持たせて、入力されたデータを一括で送信しようとしています。現在、デフォルトの表示のままだったら一括送信が可能なのですが、DataTablesの検索機能や、ページネーションで非表示になっている列の入力値が送信できずに困っています。
そもそも一つのボタンで、...
0
票
1回答
45 件の閲覧数
ページが変わっても“content_scripts”が反応しない
YouTube 向けの拡張機能の作成をしており、manifestには以下のように記述しました。
"content_scripts":[
{
"matches":[
"https://www.youtube.com/*"
],
"js":[
...
0
票
0回答
39 件の閲覧数
compositionAPIでVuexのstateにアクセスできない
compositionAPIでVuexのstateの参照更新で行き詰まっています。
storeのstateを...toRefs(state)とするとstoreのlogin()で
stateにデータセットができる
stateの値を参照ができる
computedで値のセット・参照ができなくなる
storeのstateをstateとするとstoreのlogin()で
...
0
票
1回答
197 件の閲覧数
stackの使い方について
以下のコードを理解したく思っております。
前回の質問は以下になるのですが、長くなるため、新しく質問させていただきました。
前回の説明
参照コード
https://gist.github.com/paveleremin/86dafdb4341244fc3a94#file-gistfile1-js-L9-L30
全体のコード
function verify(str){
// bracketsに(...
2
票
2回答
220 件の閲覧数
for文を使用する時、変数の名前を動的に変更したい。
for文を使用する時、変数の名前を動的に変更したいです。
下記のように、sliderをslider[i]と書いてみましたが、
この場合、javascriptがうまく作動しません。
slider0,slider1のように別の変数として扱われるようにしたいです。
下のjavascriptの記述は省略して書いていますので、参考程度にしてください。
(console.log(slider[i]);...
0
票
1回答
169 件の閲覧数
コードの理解を深めたい
以下のコードを理解したく思っております。
前回の質問は以下になるのですが、長くなるため、新しく質問させていただきました。
コーディングテストで質問の意味がわかりません。
自分で日本語訳を付けてみましたが
間違い箇所をご指摘いただければ幸いです。
ちなみに言語はJavascriptです。
参照コード
https://gist.github.com/paveleremin/...
0
票
2回答
170 件の閲覧数
JS(TypeScript) 連想配列 検索処理について
やりたいこと
・JS(TypeScript)の連想配列において、階層を取得し、特定階層以上はfalseにしたい。
[
{
"id": 1,
"name": "フォルダA",
folder:[
{
"id":2,
"name":"...
2
票
2回答
108 件の閲覧数
連想配列と配列が組み合わさっているものの中身を表示させたい
下記のjsonのchidrenをすべて表示させたいのですが、どうすればよいでしょうか。
childrenの中にchildrenがあり、childrenの個数が可変でも対応させたいです。
{
"children": [
{
"contents": {
"A": 0,
...
2
票
2回答
176 件の閲覧数
コーディングテストで質問の意味がわかりません。
先日、コーディングテストで以下のような問題が出たのですが、
問題文の意味が英語ということもあり、よくわかりませんでした。
ちなみに言語はJavaScriptです。
Implement function verify(text) which verifies whether parentheses within text are
correctly nested. You need to ...
0
票
1回答
96 件の閲覧数
ユーザーが入力した文字をランダムで表示させたい
前提・実現したいこと
ユーザーが入力した文字をランダムで表示させたいです。
例えば「さかな」「にく」「ごはん」と入力させたら、「にくごはんさかな」「ごはんさかなにく」など、ランダムに順番が入れ替わるスクリプトを作りたいです。
もしも2つしか入力がなかった場合は、その2つだけでランダム表示させたいです。
発生している問題・エラーメッセージ
入力項目1つずつに変数を作るとすると、...
2
票
0回答
58 件の閲覧数
MongoDBのAggregationでlookupからの複数の条件での集計
以下のような生徒と試験結果を保持する2つのコレクションがあります。
[students]
[
{
_id: ObjectId("5f859a1b766f6f532a7c58ec"),
name: "田中 太郎"
},
{
_id: ObjectId("5f8599d1766f6f532a7c58e6"),...
0
票
0回答
28 件の閲覧数
Fullcalendar でカスタムビューでクリックイベントが発火しない
Fullcalendar.js v5 を使用しています。
リストビューを拡張しようと、独自に定義して表示までは確認できましたが、eventClickが発火しません。
どのように修正したら良いでしょうか。
{ sliceEvents, createPlugin, Calendar } = FullCalendar
CustomViewConfig = {
...
0
票
3回答
153 件の閲覧数
javascriptが動きません
前提・実現したいこと
javascriptでリアルタイムの計算がしたい
発生している問題・エラーメッセージ
定価と掛け率を掛けた結果を単価に表示させたいのですがうまくいきません。
該当のソースコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=&...
0
票
2回答
188 件の閲覧数
iframe要素クリック時に、JavaScriptのclickイベントのハンドラが呼ばれない
下記のサンプルのように、Twitterの埋め込みツイートをクリックした際にJavaScriptの処理を実行したいのですが、クリックイベントに登録したハンドラが動作しません。
addEventListenerの第三引数をtrueにして試してもみたのですが結果は同じでした。
実際のiframe内に読み込むページはTwitterの埋め込みウィジェットになるので、
...
0
票
0回答
27 件の閲覧数
Nuxt.jsでaxiosの設定ファイルをプラグインとして使う際、初回通信時に$axios.setBaseURL()が動作しない
いつもお世話になっております。
Nuxtでaxiosの設定ファイルをプラグインとして作成する際にバグのような動きをします。
初回通信時にプラグインに設定した$axios.setBaseURL()が動作していません。
※GIFにあるように「ログイン」ボタンを押下すると通信が発生します。
ソースコード
export default function( {$axios} ){
$axios....
0
票
0回答
83 件の閲覧数
Tabulatorのチェックボックスを非アクティブ化したい
Tabulatorで列にチェックボックスを表示したテーブルを作成した後、そのチェックボックスを非活性化したいと考えています。
左端の列に表示されるチェックボックスを非活性にしたいのですが、
公式のドキュメントを読んでも非活性にする方法が書いてありません。何か良い方法は無いでしょうか。
なお、同じ内容で teratail でも質問しています。
https://teratail.com/...
0
票
0回答
65 件の閲覧数
javascriptをMVCモデルで書く
MVCモデルでのコーディングについて調べています。
自分なりにjavascriptで書いてみましたが、下記の内容について教えていただけると助かります。
操作を受けたCがMへデータ変更を依頼後、Vの表示更新は、Mからのトリガ(コードだとイベント発火)でよいのか?
それとも、Vの表示更新も、Cがトリガとなるべきなのか?
MVCの関係性を表した図を見ると、C -> V の線(制御?)...
0
票
1回答
71 件の閲覧数
JavaScript と LocalStorege を使用して背景色をサイト内で共有したい
Webアプリを作成しています。0から始めて間もないので、優しく教えていただけたら嬉しいです。(せめてヒントだけでもお願いしたいです。)
HTMLで作成したボタンを押すとJavaScriptで動的にクラスを変更し背景色が変わるようなプログラムを作成しました。
これをローカルファイル内で作成した別のHTMLへ移動しても背景色を保存できるようにしたいと思っています。...
0
票
0回答
58 件の閲覧数
Mac Chromeだとドラッグ&ドロップ周りの処理でエラーが出る
ウェブ上で動作するアプリケーションをHTML/CSS/JavaScriptで作成しています。
let id = event.dataTransfer.getData("text/html",event.target.id); //ドロップされた要素のidを取得
let elm = document.getElementById(id); //idからDOMを取得
let ...
0
票
1回答
77 件の閲覧数
Javascriptでプログレスバーを作成したいです。
やりたい事
下記のコードを codepenで見つけて、自身のアプリに実装したいのです。
https://codepen.io/ArnaudBalland/pen/PwgqMO
その前、段階でどんな仕組みで動作しているのか気になりコードを見るとjavascriptの部分がjQueryになっていたのでこれをjavascriptに直そうと以下のコードを書きました。
元々のjQueryのコード
var ...
1
票
0回答
155 件の閲覧数
chartjs-plugin-zoomのpanが正しく機能しないのはなぜでしょうか?
前提・実現したいこと
chartjs-plugin-zoomを使って以下のようなコードで、グラフを作りました。
https://codepen.io/nemurino-kai/pen/QWNexKJ?editors=0010
chartjs-plugin-zoomのgithubにあるLive Codepen Demoを改変して作成しました。
発生している問題・エラーメッセージ
「...
0
票
1回答
151 件の閲覧数
vue.jsでtodoリストを作っていますが、編集機能をつけたい。
解決したいこと
vue.jsでtodoアプリを作っていますが、作成したtodoを編集できるようにしたいです。
発生している問題・エラー
いろいろなことを試しました。現在はエラーは出ませんが、変更も反映されません。
頭の中で考えている編集機能実装処理の流れ
①アイコンを押すと、editTaskアクションが発生する。
②プロンプトが出てきて1文字以上入力すると、実引数の中にidと入力した文章を入れて、...
0
票
0回答
70 件の閲覧数
WebWorkerの実行速度を制御したい
JavaScriptでWebWorkerを使用しています。
私が作ったシステムではWebWorkerの値を送受信する速度が速すぎて、
HTMLに反映される処理が追い付いていない問題が発生しています。
そこで、sleep関数を定義することで、制御することを考えました。
/*Sleep関数 */
function Sleep( milii_second ){
let start = new ...
3
票
1回答
189 件の閲覧数
複数のチェックボックスで、何がチェックされているか判定を行いたい
理想として1がチェックされたら、コンソールログに「1がチェックされました。」
1と3がチェックされたら、コンソールログに「1と3がチェックされました。」
1と2と3がチェックされたら、コンソールログに「1と2と3がチェックされました。」みたいに、チェック判定の処理を行いたいです。
例として1,2,3をあげましたが、これが1~8まであります。
コードを短くしたいのですが、分かる方教えて頂きたいです!
...
1
票
1回答
139 件の閲覧数
HTMLCollectionとは?
HTML
<ul id="parent">
<li id="first">1番目</li>
<li id="second">2番目</li>
<li id="third">3番目</li>
</ul>
JS
const ...
0
票
2回答
91 件の閲覧数
JavaScriptでタグを含む要素が返ってくる
const base = document.getElementById('parent');
const children = base.children;
console.log(children[0]);
console.log(children[1]);
console.log(children[2]);
下に記述したHTMLの <ul> ...
0
票
1回答
87 件の閲覧数
テーブルの操作をjavascriptでしたい。
1のチェックボックスをクリックするとサンプル1だけ表示され、サンプル2とサンプル3は表示されないようにしたいです。1がチェックされると画像のように表示されるようにしたいです。
それと同じでサンプル2がクリックされたらサンプル1とサンプル3が表示されないようにといった感じです。。
分かる方、ご教示頂きたいです。
td {
border: solid 1px;
...
0
票
1回答
86 件の閲覧数
スタイル変更が画面に反映されてから処理をしたい
ブラウザのクライアントスクリプト(javascript)でexcelを読み込んで印刷するスクリプトを書いています。
excelアプリケーションの立ち上がりから印刷の処理まで時間がかかるので処理中...のような表示をポップアップさせておきたいのですが、良い書き方がわかりません。
現状は以下のように書いているのですが、setTimeoutを使うのがしっくりこず…
...
0
票
1回答
123 件の閲覧数
非同期処理について
sample()のjsoninfoにデータを入れたいのですが、loadJson()の箇所でjsonに値が入る前にreturnされてしまうので、jsonInfoに値が入っていない状況です。
処理が終わってからreturnされるのが理想なんですが、どう記述すればいいか教えて頂きたいです。
非同期処理についてasync/awaitの使い方が分かっておらず、、、
function sample() {...
0
票
0回答
76 件の閲覧数
ajax通信でどのURLを指定すればよいか分からない
jqueryのajax通信で
$.ajax({
url:
type:
data:
dataType:
})
があるのですが、編集ページに通信を飛ばしたい場合、urlはどのような指定になりますか?
ページのurlは/tweets/1/editとなっています
1はidです
0
票
1回答
44 件の閲覧数
javascriptのオブジェクトにsvgを文字列で格納してhtmlに追加する方法
htmlに外部ファイルからsvgを読み込みたくて、jsファイルのオブジェクトに文字列としてsvgを格納してhtmlに追加する方法を考えたのですが、上手く動作しません。body直下にsvgを置いているので上部に空白出来るはずなのですが、出来ないです。
見ていただけないでしょうか?
index.html
<!DOCTYPE html>
<html lang="ja"...
0
票
0回答
50 件の閲覧数
javascriptで一瞬undefinedと表示されてしまいます
以下のソースをブラウザから開くと一瞬undefinedと表示されます。
何か考えられる原因はありますでしょうか?
また、以下のソースに改善すべきところがありましたら教えていただけると大変助かります。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type&...
0
票
0回答
61 件の閲覧数
JQuery htmlを出力したい、でもruby(each文)が使えない
前提・実現したいこと
現在非同期通信のインクリメンタルサーチを実装しております。
問題なくインクリメンタルサーチは実装でき、検索することで検索結果としてポストが表示されるようになりましたが、一点だけ問題が起きています。
各ポストには、acts-as-taggable-on gemを使ったタグがついています。
つまり、一つのポストには、一つ以上のタグが付随しています。
erbでは、map(...
0
票
0回答
91 件の閲覧数
laravelのページネーションが上手く行かない
今現在、laravelで非同期処理を用いてページネーションの機能を実装しようとしているのですが、
2ページ目以降に行くと、ユーザーを選ぶ欄が表示されなくなってしまいます。
間違っている部分を指摘してくださるとありがたいです。
以下のコードは必要な部分のみ抜粋しています。
~app.blade.php~
@if(Auth::user()):
<div class="modal ...
0
票
0回答
83 件の閲覧数
Electronで作成したデスクトップアプリでGoogleアカウント連携ができない
同じ内容が昨年の12月ごろから散見されていますが、解決方法がわからないままなのでこちらに失礼いたします。
ElectronでGoogleDriveのファイル操作をするアプリを作成し、昨年の前半まで使用しておりました。
いつの頃からかGoogle連携時に
「このブラウザまたはアプリは安全でない可能性があります。
別のブラウザをお試しください。サポートされているブラウザをすでに使用している場合は、...
0
票
1回答
106 件の閲覧数
プルダウンが、うまく表示されません。
プルダウンメニューがうまく表示されません。
現状
プルダウンをクリックしても開きません。
実現したいこと
↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし)
なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字)
HTML
<!DOCTYPE html>
<html lang=&...
0
票
1回答
81 件の閲覧数
選択した項目のjsonプロパティのvalueの値を変数に代入し表示したい。
選択した項目の、オブジェクトのプロパティの2つめのデータ(数字)を変数subvalueに代入して、
出力したいのですが、$(x.list)にしてみたり色々しているのですが、うまくできません。
[html]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8&...
0
票
1回答
74 件の閲覧数
webpack利用時、jestを実行するとCannot find moduleエラーが発生
環境依存値(APIのURL)を取得するために、webpackを使用しています。
参考:
JavaScriptでデプロイ環境ごとに設定ファイルを読み込む方法
正しくビルド、実行されましたが、環境別の設定値を持つindex.tsを用いる機能についてjestを実行したところ、下記の通りエラーとなりました。
Cannot find module './_test' from 'ts/environment/...
1
票
0回答
116 件の閲覧数
中間テーブルに一度の処理で複数レコード保存したい
中間テーブルに一度で複数のレコードを保存したいと思っています。
中間テーブルは以下になります。
category_tweets
| id | category_id | tweet_id |
optionタグでプルダウンを作成して、それぞれを中間テーブルに保存したいです。
jsファイルでselect optionを2つ設定しています。
.js
childSelectHtml =
...
0
票
1回答
170 件の閲覧数
JavaScript の for 文でテーブルを作成したい
td {
border: solid 1px;
/* 枠線指定 */
}
table {
border-collapse: collapse;
/* セルの線を重ねる */
}
.cell {
width: 100px;
}
.title_area {
height: 30px;
}
.up_down_border {
border-top-style: ...
0
票
2回答
99 件の閲覧数
毎日同じ時刻にJavaScriptを実行するには?
現在Node.jsとline notify apiを使ってlineにメッセージを送るようにしています。リマインダーのような仕組みです。
今定期実行する仕組みを考えているのですが、どのようなツールがおすすめとかありますでしょうか?
定期的にNode.jsを命令するような仕組みがあればいいと思っています。具体的に言うと、「node hoge.js」を実行するものです。あるいは、...
0
票
0回答
73 件の閲覧数
Railsでgem 'carrierwave'を使用した際、親子の子にあたるimagesが登録できても編集できない
【 環境 】 Rails 6
ruby -v
2.6.6
rails -v
Rails 6.0.3.2
【 やりたいこと 】
gem 'carrierwave'を使用して複数画像の登録、編集および削除を実装したい
【 困っていること 】
新規での複数画像の登録はできたのですが、
この実装方法ですと、ユーザー情報の編集にて複数画像の変更(更新)を行うことができず困っております・・
"...
1
票
1回答
131 件の閲覧数
JSONデータを変数に入れたい
こんにちは。
~やりたいこと~
JSONデータを取得して変数"json"に入れたい。
~データフォーマット~
(本当は25個のオブジェクトが入っていますが、長くなるので3つに省略します)
[{
"id": "bitcoin",
"symbol": "btc&...