[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
1,973
質問
0
票
0回答
14 件の閲覧数
vue-cliでnpm run serveしたらエラーがでました。
`npm run serveコマンドを入力してプロジェクトを起動させるつもりがエラーがでてしましました。
> hello_app2@0.1.0 serve /Users/hogehoge/Mypage/vue-nuxt/ch01/hello_app2
> vue-cli-service serve
/Users/hogehoge/Mypage/vue-nuxt/ch01/...
0
票
0回答
18 件の閲覧数
How to download images using javascript or jquery etc [クローズ済み]
What I want achieve
All I would like to achieve is that implement a file download functionality such as image files, text files etc... using javascript or Jquery.
estimated procedure is like..
① ...
1
票
1回答
68 件の閲覧数
指定の時刻になったらDebianを強制的にシャットダウンするOSSを作りたい
こんばんは。お世話になります。
私は発達障害持ちです。発達障害の症状で興味のあることに対しては集中しすぎる症状(過集中と呼びます)があります。12時間以上水もろくに飲まずトイレにもほとんど行かずに集中しすぎてしまいます。
また、Debianに夢中になりすぎるあまり、お風呂にも何日も入れなくなってしまいます。夜も眠れなくなってしまいます。
それを防ぐために、...
0
票
2回答
24 件の閲覧数
vue create でVue packages version mismatchのエラーがでる
vue create を入れると下記エラーがでます。
mac:vue-nuxt hogehoge$ vue create my-app
/Users/hogehoge/.nodebrew/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/vue-template-compiler/index.js:10
throw new Error(
...
0
票
1回答
67 件の閲覧数
ラジオボタンの選択状況の可視化について
現在の状況
複数の画像を表示し、それらをラジオボタンとして機能させています。
ラジオボタン自体の<input type='radio'>は{display: none;}で非表示にして、<ravel>で囲まれた画像がボタンとして機能しています。
現在クリックしても、ユーザー視点でクリックしたかが分からない。
実装したいこと
画像が選択された際に選択状況が分かるように、...
1
票
0回答
60 件の閲覧数
Debian 10でmake buildをしたら、ErrorやWARNINGがたくさん出てきました。
夜分遅くに失礼いたします。お世話になります。
ActivityWatchというManicTimeのようなOSSをインストールしようとしておりますが、make buildコマンドを実行しますと、「73箇所の脆弱性が見つかりました」と英語で出てきました。
そして、WARNING Compiled with 14 warningsと途中で出てきました。
...
0
票
0回答
67 件の閲覧数
画像に値を振りあて、その値を取得したい。
今回行いたい作業が、画像自体に値を持たせ(data-id=1等)、その画像をクリックすればその値を取得し、その他のinput欄も埋めた後に送信ボタンを押しデータを送信するという動きを再現したいです。
<input type='image'>だとクリックと同時に送信が行われるため、希望の動きが出せないので、
JavaScriptでクリックすればカスタムデータを取得するとしたいのですが、...
0
票
0回答
25 件の閲覧数
他のテーブルの特定のカラム情報が表示できない
前提・実現したいこと
車両管理システムのマスタ画面を作成しています。
他のテーブル('MtSections','MtEmployementClasses')のデータをもってきてセレクトボックスで選択させ、名前で表示させたいです。
しかし、データの選択まではうまくいくのですが登録後に画面に表示されるのが数字になってしまっています。
該当のソースコード
MtEmployee.php
<?...
0
票
1回答
102 件の閲覧数
javascript 配列をカテゴリ化したい
変数aはもともと配列という前提で、この配列をオブジェクトにまとめたいのですが、うまい方法が思いつきません。Object.assignだと代入になってしまいます。ご教示いただければ幸いです。
let a = 'Japan, Tokyo, Chiyoda, Kanda, 1, 佐藤 | Japan, Tokyo, Chiyoda, Otemachi, 1, 鈴木 | Japan, Tokyo, ...
0
票
2回答
76 件の閲覧数
innerHTMLのoutputからタグが消える
jsファイルでファイル処理をし、htmlでプログラムの中をみれないようにしたいとかんがえていますが、jsファイルで処理をすると、タグが消える現象がおきています。
Console機能を使い、処理を確認すると、innerHTMLの値はjs上では、タグを含んで出力しておりますが、htmlのファイルになると、tagが消えてしまいます。
insertAdjacentHTMLを使う方法も試しましたが、...
1
票
1回答
58 件の閲覧数
javascript 配列を多次元構造の連想配列にしたい
["Japan","Tokyo","Chiyoda","Kanda","1","佐藤"] という配列を
{"Japan":{"Tokyo":{"Chiyoda":{"Kanda":{"1":"佐藤"}}}}} という風にしたいです。
以下のようにやってみましたが、ダメでした。
n = {}
data = [1,2,3,4,5,6,7,8,9]
h = data.reduce((pre, cur)...
0
票
1回答
56 件の閲覧数
ふたつのカウントダウンタイマーを同一ページ内で表示させたい
特定の時間だけ販売する商品にカウントダウンタイマーをつけたいと考えています。
商品を販売開始するまでの時間をカウントするタイマーAと販売を開始してから終了するまでの時間をカウントするタイマーBを用意したいです。
同じコードを同一ページ内で記載したところタイマーAのカウントダウンが表示されませんでした。
どの部分を直せば二つのタイマーを同時に動かすことができるのか教えていただきたいです。
&...
0
票
0回答
12 件の閲覧数
Dynamics 365 ビューのカスタマイズについて
エンティティのレコード一覧画面にある検索フォームに初期値として"*"を入力できるのかについて、調査をしています。
Dynamics 365 のトライアル環境で選択したアプリは for Salesのみです。
ビューにWebリソースを登録する方法では、あくまで列単位での登録になる上、アイコンの表示しかできませんでした。
GUIからのカスタマイズでも今のところ該当の項目は見つけられていません。
...
0
票
1回答
29 件の閲覧数
メガメニューのトグルがうまく行かない
ヘッダーにメガメニューを実装しようとしています。
下記スニペットのような実装をしているのですが、
初めて.nav(または.nav__item)をホバーした場合はslideDownで開く
.nav内でかつ.nav__itemを行き来する場合はfadeInとhideで切り替え
.navのエリアから出た場合はslideUpで閉じる
ということがやりたいです。
.nav内にいる場合は.navに....
0
票
0回答
66 件の閲覧数
正規表現に当てはまった対象のDOMをハイライトする処理方法について
お世話になっております。
正規表現でマッチしたDOMをハイライトするプログラムを作成しております。
ざっくりとした質問で申し訳ございませんが、お助けいただけますでしょうか。。
不明点
HTMLのDOMの数(スペースやタブ文字?)等が増えると、Regex.execの結果オブジェクトとテキストカウンタがズレはじめるのか、ハイライトする箇所が上手くいかなくなります。
カウンタの加算が間違っているのか、...
0
票
1回答
94 件の閲覧数
改行コードを含むinput要素の値がalert関数で改行されない
例が悪かったので書き直します。
<input type="hidden" id="testId" value="aaaaa\nbbbb">
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/...
0
票
1回答
55 件の閲覧数
Javascriptを使って、画面で入力された日付スラッシュ区切りにしたい。
下記のような処理で、HTMLに8桁の日付を入力後にマウスポインタが離れた時に、JavaScriptでスラッシュ区切りになるような処理を追加したいです。
HTML
<body>
<form id="formId" name="formName" action="cgi-bin/abc.cgi" method="post">
<p>
誕生日:<input ...
0
票
0回答
19 件の閲覧数
mutationハンドラを使いまわしをしたい。
やっていること
vuetify+vue-cliで講義の欠席回数カウントするTodoリストを作っています。
https://vuejs-http-e3587.firebaseapp.com/
環境
windows10(64)
"vue": "^2.6.10",
"vuetify": "^2.1.0",
"vue-cli":"3.11.0",
"node":"v11.13.0"
プログラミング歴 ...
0
票
0回答
16 件の閲覧数
Node.jsで検索結果を全て表示したいです(fetchAllができません)
発生している問題
Node.js + Express + mysqlです。
データベースには以下の様なデータを保存しています。
id name comment
1 カレー test1
2 シチュー test2
3 カレー test3
料理名(name)を検索をしてその結果を表示するようにしているのですが、「シチュー」の様に1つだけの場合は検索結果を表示することができるのですが、「カレー」...
0
票
1回答
109 件の閲覧数
GitHub Pages でページ遷移をするとfile not foundになる
あるチュートリアルを参考にしてWeb siteを作りました。
GitHubにファィルをpushして、webで閲覧できるようにしてあります。
サイトは https://gouehara.github.io/notes-app/ です。
index.htmlのページは閲覧できますが、リンク先の別サイト、つまり、JavaScriptのLocation.assign() メソッドを使用して create ...
0
票
0回答
27 件の閲覧数
nuxtでエラーページにレイアウトが適用されない
404のエラーハンドリングがされたときはnoMenu.vueレイアウトが適用されるのですが
this.$nuxt.errorでハンドリングした際にdefault.vueのレイアウトが適用されてしまいます。
error.vueは共通で使用しています。
レイアウト構成
layouts
L defaut.vue
error.vue
noMenu.vue
defaut.vue
&...
0
票
1回答
83 件の閲覧数
html+javascriptで、前回実行時の変数の値を取得する方法や、変数値を初期化させない方法があれば教えてください
下記のような処理で、A,B,Cを選択できるラジオボタンを作成し、操作されたらonchangeでjavascriptを呼び出しています。
HTML
<div class="buttons" onchange="calc()">
<input type="radio" name="item" value="A">A
<input type="radio"...
0
票
1回答
55 件の閲覧数
画像の高さを親要素の残りの高さに合わせる
画像の大きさを 親要素の残りの残りの高さに合わせて自動で縮小したいです。
方法はある程度問いませんが、特殊な条件なのもあってどうしたらいいか迷っています。
現状の説明をします。
親要素のdivの中に子要素のdivがあり、子要素のdivの中にテキストや画像などのインライン要素が入っています。
body部分は別のプログラムから自動生成されます。
...
0
票
1回答
89 件の閲覧数
Javascriptの関数が2度以上実行できない
Javascript でfunction関数でチャートを定義し、複数チャートを記載しました。
チャート以外の関数は、複数記載しても動作しますが、添付のチャート関数は、複数記載しても複数の動作が確認できませんでした。
理由に関して、ご指導頂けませんでしょうか。
index.html_case16
<!DOCTYPE html>
<html lang="en">
...
0
票
1回答
77 件の閲覧数
chromeブラウザの開いているタブをjavascriptで切り替えたい
chromeの拡張機能を使用せずに(導入できない環境の為)
javascriptで複数開いているタブの遷移を行う方法はあるでしょうか。
各ページでアクティブになってからn秒経過後に次のタブに遷移するような処理を実装したいと考えています。
宜しくお願いします。
1
票
1回答
51 件の閲覧数
cssのセレクタで、divタグ内部の文字列が指定した文字列と一致するときだけ指定する方法を知りたい
下記のやりたいことをjavascriptを使わずにcssだけで実現したい場合、
cssのセレクタはどのように指定すればよいのか教えていただきたいです。
やりたいこと
次のようなdivタグがあったとします。
<div class="hoge">りんご</div>
<div class="hoge">ばなな</div>
このときに、...
-1
票
1回答
145 件の閲覧数
AirPods Proのサイトようなサイトをつくるには
AirPods Proのサイト https://www.apple.com/airpods-pro/ のように動画とスクロールバーが連動して動くサイトを作りたいと思っています。
どうしたらいいんでしょうか?
大まかな制作の方法ご存じの方いますか?
0
票
1回答
128 件の閲覧数
htmlファイルでurlの内容によって条件分岐
大変お世話になっております。以下の様なhtmlファイルがあり、下部にある記述でurlから取得したp_idの値の内容(例:1、か2)によって、その上にあるinclud1.js、かinclud2.jsを条件分岐させたいのですが、具体的にどのような記述にすればよろしいかお教え願いませんでしょうか。
<!doctype html>
<html>
<body>
<...
1
票
0回答
103 件の閲覧数
Javascriptの配列の値がif構文でTrueにならない
Javascriptを始めたばかりで初心者の質問になりますが、ご指導をお願いします。
csvデータ取得 ⇒ 配列化 ⇒ if構文でAの列だけのデータ取得⇒棒グラフにする
上記予定なのですが、for構文の配列上のA,C,A,Bの値は、document.writeで取得できますが、if構文の中の文字列"A"とTrueになりません。なぜでしょうか?すいませんがよろしくお願いします。
csv data ...
0
票
1回答
58 件の閲覧数
vue-cli、再読み込みすることでのデータの永続化が全てに反映されてしまう問題について
vuetify+vue-cliで講義の欠席回数カウントするTodoリストを作っています。
環境
windows10(64)
"vue": "^2.6.10",
"vuetify": "^2.1.0",
"vue-cli":"3.11.0",
"node":"v11.13.0"
プログラミング歴 4か月ほど
発生している問題
...
0
票
1回答
35 件の閲覧数
vue-cli 再読み込みすると入力した内容が全てのフォームに反映してしまう。
環境
windows10(64)
"vue": "^2.6.10",
"vuetify": "^2.1.0",
"vue-cli":"3.11.0",
"node":"v11.13.0"
プログラミング歴 4か月ほど
苦戦しているところ
vuetify+vue-cliでtodoアプリ(講義さぼり回数カウントアプリ)を作っています。URL
授業名(タスク)を2つ以上登録して状態でメモ(...
0
票
0回答
34 件の閲覧数
Webメーラー“RainLoop”の宛先アドレス確認プラグイン自作について
知りたいこと
・以下のようなプラグインを実装したいとき、addHookすべきはどのHookか。
・以下のようなプラグインを実装可能なのか。
実装したいこと
WebメーラーRainLoopの環境を構築しました。
構築したRainLoopにおいて、
新規にメール文面を入力後、「送信」ボタンを押したタイミングで
宛先に指定しているアドレスを一覧表示し、誤りがないか確認を促す
...
0
票
0回答
21 件の閲覧数
parcel.jsでファイルごとの出力先を変更したい
やりたこと
parceljsでJSとCSSの出力先フォルダを分けたい。
環境
yarn 1.10.0
parcelJS 1.12.4
laravel6
Wndows10
やったこと
leafletを利用する際に、
yarn add leaflet
とし、node_modules配下に追加します。
そして、resources/css/leaflet/leaflet....
0
票
0回答
40 件の閲覧数
VueとTypeScriptでの変数のexportについて
VueをTypeScriptで書いています。
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import importData from '@/assets/script/data'
@Component
export default class Sample extends ...
0
票
0回答
18 件の閲覧数
Apollo ClientでcurrentTargetをcacheに保存できない
ReactのstateをApollo Clientのcacheに置き換えようとしています。
useStateを使ってcurrentTargetを保存する処理をApollo Clientで置き換えようとしたところ、エラーが出力され、実行できません。
なお、保存したcurrentTargetはmaterial-uiのMenuのanchorElに設定して使う想定です。
https://...
0
票
2回答
104 件の閲覧数
localStorageでうまく保存できません。助けてください
localStorageの保存の仕方を教えてください
todoリストを作っています。
<div id="today" class="tab-pane active">
<p>今日やること</p>
<div class="task-wrapper">
...
0
票
1回答
66 件の閲覧数
list.jsでソートしたらhtmlが消える
list.jsを使ってテーブルをソートしたらテーブルの中身が全部消えます。何故でしょうか...
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath....
1
票
1回答
101 件の閲覧数
rollup.jsでbundleしたjsで、<script>から読み込めるものと読み込めないものの違い
知りたいこと
rollup.jsで、bundle(?)したJSが、HTML側の<script>タグから読み込めるものと読み込めないものがある理由と、その解決方法。
環境
rollup.js v1.25.2
yarn 1.10.0
windows10
やっていること
leafletを使いたいと思っております。
leaflet本体はbundleされたJSファイルを<...
0
票
1回答
106 件の閲覧数
xmlファイルをjQueryで読み込み時にCORSエラー
ローカルでindex.htmlを作り、Yahooのニュースページのxmlファイルの中身をjQueryを用いて取得しようとしていますが、Google Chrome Consoleにおいて以下のエラーが生じ、正しくページが表示できません。
Access to XMLHttpRequest at 'http://headlines.yahoo.co.jp/rss/all-c_int.xml?_=...
0
票
1回答
102 件の閲覧数
音の再生を重複したくない
ボタン(画像)を押すと音が鳴り、再度押すと止まるサイトを作成中なのですが、再生とストップは出来たのですが、複数ボタンを設置すると、「ボタン1」を再生中に「ボタン2」を押すと1.mp3の音楽再生したまま、2.mp3が再生されてしまいます。
「ボタン2」のボタンを押したら1.mp3は止まるようにしたいのですが、教えて頂けますでしょうか?
HTML
<span class="...
0
票
0回答
193 件の閲覧数
FormDataでバイナリをpostしたい
自動化のスクリプトを作っています。
目的のサイトでバイナリファイルを手作業でアップロードすると、Chromeのコンソールのnetworkから送られたFormDataを見るとfile: (binary)となっています。FormDataでbinaryと認識されるにはどうしたら良いでしょうか?
Blobでは中身は取り出せないのでFaileReaderで中身を読んで、特定の型付き配列で送信する?...
0
票
1回答
95 件の閲覧数
jQueryを使ってテーブルの複数行を表示、非表示にしたい
表を作成していて初期は隠し行ありの状態でその行をクリックすれば隠し行すべてが表示されるものを作成しております。
現状下記サイトを参考にして作成したのですが、1行しか開閉できません。(初期状態で残りの行も見えてしまう)
http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css
...
0
票
1回答
80 件の閲覧数
import { getArtboardAsJSON } = “xd-json-wrapper” という書き方は正しいですか?
GitHub で公開されている xd-json-wrapper の getArtboardAsJSON を使いたく、importを行いたいファイルmain.jsで、
main.js
import { getArtboardAsJSON } = "xd-json-wrapper";//<- この書き方、書く場所は正しいですか?
function myCommand(node) {
...
0
票
0回答
62 件の閲覧数
typescript でアローによって定義されたメソッドはどうトランスパイルされますか?
typescript では、 javascript では許可されない記述方法がいくつか可能です。その中には、例えば以下に示すような arrow 関数を用いたメソッド定義があります。
class Foo {
sayThis = () => console.log(this);
}
const foo = new Foo();
const sayThisFunction = foo....
0
票
2回答
65 件の閲覧数
jQueryで要素の大きさ(width)に合わせて、色を変えたり、画像を表示したい!
jQueryを使って、格闘ゲームの体力ゲージを表したいと思っています。
体力ゲージは「#box」で表現。CSSでwidthを100pxで設定。
"#btn"をクリックすると"#box"の幅が20pxずつ縮小する。
"#box"のwidthが残り40pxになるとゲージがCSSオレンジ色になる。
"#box"のwidthが残り20pxになるとゲージがCSS赤色になる。
"#box"...
1
票
1回答
61 件の閲覧数
javascript で文字列型以外からの map を利用したい
javascript では、 string => any なデータ構造は、ただのオブジェクト自身でそれを表すことが一般的かと思います。
const strMap = {
foo: 1,
bar: 2
};
console.log(strMap["foo"]); // => 1
今、そうではなく、任意のデータ型をキーとした、 map ...
0
票
1回答
65 件の閲覧数
jQueryで要素の横幅(width)を拡大縮小するには?
jQuery初心者です。
Googleで調べまくったのですが、やり方が見当たらず…。皆さん教えて下さい。
既に、CSSでwidthを100pxで設定している要素に対して、
jQueryを使って「"#btn"をクリックすると"#box"の幅が20pxずつ縮小する」
という指示は出来ないものでしょうか。
$("#btn").on("click",function(){
$("#box"...
0
票
0回答
22 件の閲覧数
ContentEditableを利用した編集画面で、ソフトウェアキーボードが被ってしまうのを回避したい
以下のようなレイアウトファイルで、ContentEditableを使った編集画面を作っています。
しかし、WebView内の編集領域で改行していくとキーボードの下に隠れてしまってどうにか出来ないか考えています。
同じようなものを作ったとこがある方や解決方法を知っているだとか試してみると良いことなど、
決定的なものではなくても、情報いただけたら助かります。
試してみたことですが、...
0
票
0回答
58 件の閲覧数
AndroidのWebViewでJavascriptの動作方法を教えて下さい。(evaluateJavascriptの使用方法)
Android 9.0のWebViewでJavascriptを動かしたいのですがうまくいきません。
アドバイスを頂ければ幸いです。
WebViewのtextにAndroidのコード側から規定の文字を自動入力したいのですが、
反応してくれない状況です。
loadUrlでなくevaluateJavascriptを使うまでは調べられたのですが、そこからが進めません。
以下にコードを記載しますので、...
0
票
1回答
63 件の閲覧数
httpモジュールのcreateServerの引数について
node.jsの勉強をしています。
httpモジュールのcreateServerの引数について質問です。
getFormClient関数は引数が2つありますが、
呼び出す側のhttp.createServer(getFormClient)は引数がありません。
これは、デフォルト引数ということで理解しました。
しかし、デフォルト引数であるならば、...