[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,273
質問
0
票
1回答
40 件の閲覧数
jQuery でマウスホバー時に border を出したい
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
0回答
51 件の閲覧数
JavaScriptとHTMLを使ってボタンをクリックすると音が出るコードを知りたい
このようなコードで実行してみたのですが、ボタンをクリックしても音が鳴りません。
ボタン一つずつに別の音を入れ、クリックで音を鳴らすには何処を修正したら良いのでしょうか。
また、キーボードとボタンの紐づけをさせるにはどのようなコードを入れると良いでしょうか?
宜しければ回答をよろしくお願いします。
html
<!DOCTYPE html>
<html lang="ja&...
0
票
0回答
21 件の閲覧数
ffmpegの画面録画での一時停止について
環境
windows10,electron
ffmpegにて画面録画を行い、一時停止を行って再度開始できる機能を追加したのですが
実際に出来上がった動画では一時停止中の時間が含まれていました。ただ映像は止まったままでした。
例:開始(3秒)➡停止(3秒)➡再開(3秒)➡停止
6秒の動画ではなく9秒の動画が作成される
停止中の映像は止まったまま(フリーズ?)
停止方法は「pssuspend....
0
票
0回答
23 件の閲覧数
vueでassetsのpdfを取得する方法
私は今、vue.jsでウェブアプリの開発をしています。
下記のように、assetsに配置しているpdfファイルをダウンロードできる画面作成したいのですがエラーとなってしまいます。
方法を教えてください。
<template>
<a href="./../assets/sample.pdf" download>sample.pdf download&...
0
票
1回答
34 件の閲覧数
TypeScriptでJQueryの$(function () {})を処理させるには?
Web系ごく初心者ですので用語の誤り、説明行き届かない点などご指摘ください.
背景(今までやったこと)
Laravelを使用してPHPアプリを作っています.Modelを定義して、Viewを作って、Controllerを作ってと、一通り目的のページを出力するまでたどり着きました.index.list.blade.phpがテンプレートファイルになるのですが、...
0
票
1回答
50 件の閲覧数
JavaScriptの…Array(amount).fill(product)の動作がよく分からない。
下記のサイトで読んだコード内に記された。
分からない事
this.products.push(...Array(amount).fill(product)); この部分がよくわかりません。
配列にオブジェクトを代入しているのは何となく見てわかるのですが、 0: Product {name: "bread", price: 1} 1: Product {name: "...
0
票
1回答
67 件の閲覧数
配列の中にある要素が配列の場合、特定の要素(配列)があるかどうかを判定したい
やりたいこと
配列の中に要素として配列が複数存在していて、
指定した要素(配列)があるかどうかをtrue, falseで返り値として取得したい。
分からないこと
includesやsomeを使用して、試しにtrueが返ってくると思っていたコードを書いたのですが、
falseが返ってきており、うまく検索できていない理由がわかりません。
// someを使用
const winning_set = [
...
0
票
0回答
35 件の閲覧数
vue-loaderを使用する際少なくとも一つはルールを設けてくださいというエラー
以下のエラーについてご質問です。
Error: [VuetifyLoaderPlugin Error] No matching rule for vue-loader found. │
│ Make sure there is at least one root-level rule that uses vue-loader.
vue-...
0
票
0回答
20 件の閲覧数
jquery.mb.YTPlayerにてExternal methodsが動作しない
https://github.com/pupunzi/jquery.mb.YTPlayer
を用いてのミュート・アンミュート等の外部からボタンで動作させることが出来ない
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Top Page&...
0
票
1回答
90 件の閲覧数
正規表現でテキストから金額を表す数字部分のみを取得したい
Google App Script によって金額の含まれたテキストから金額の数字のみを抽出したい。
そのために正規表現を使っているのですが、書き方が冗長になってしまいます。
もっと良いコードはありませんか?
function myFunction() {
text = "これはテストメールです\nご利用金額:1,234円です\nまた利用してください"
console....
0
票
1回答
57 件の閲覧数
TypeScriptの構文 (node: NoddeType): node is VNodeが分からない。
以下の記事を参考に仮装DOMについて勉強しているのですが、仮想DOMからリアルDOMに反映する箇所のコードの構文がよく分からないです。
(node: NodeType)は辞書型アクセスをしているのでしょうか?
ifは省略されているのでしょうか?
@paramも何を示しているのか分からないです。
exportとある箇所は後から使用するための関数になるのでしょうか?
仮想DOMは本当に“速い”のか? ...
0
票
0回答
62 件の閲覧数
firestoreのdb設計の修正
課題
現在掲示板アプリの様なものを制作しております。しかし、db設計を意識していなかった為このままでは誰がログインしても同じデータを参照してしまう状態です。
(現在dbは上記の図の上の段の様になっております)
そこでuser.uidでユーザーIDを取得し、その値を何とかdoc()
に入れようとしているのですが、下の図のようにうまくuserId(=user.uid)がdoc()...
0
票
1回答
72 件の閲覧数
次のホームページのアニメーションの技術を分析したい
Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。
このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか?
あるいは調べ方を教えていただけますと幸いです。
https://tsuyoshi.in/
URLがHTMLではないので、...
0
票
2回答
64 件の閲覧数
Javascriptで後から追加した要素をふわっと出現させるには
JavaScriptでボタンをクリックすると新しく要素を追加するコードを書いてボタンを押すと要素が追加されるんですが、その追加された際のアニメーションを下からふわっとフェードインするようにしたいです。
イメージとして最初は要素が2つある。この最初の2つはふわっとさせられる。
<div class="dlcard effect"></div>
<...
0
票
1回答
47 件の閲覧数
別ファイルから呼び出した関数内のconsole.logが表示されない
<script src="hoge1"></script>
<script src="hoge2"></script>
hoge1の関数をhoge2で呼び出した場合、hoge1の関数内のconsole.logが動作しません。hoge2から呼び出した場合に動作するようにすることは可能でしょうか?
<...
0
票
0回答
33 件の閲覧数
RoR アプリケーションの開発環境変更で google map が表示されなくなった
Ruby on Rails アプリケーションの開発をしています。
先程、開発環境をdockerに変更しましたところgoogle mapが表示されなくなりました。
もともとのローカル環境ではうまくいっていたのですがdockerを導入してからgoogle mapがうまく表示されていないようです。
これといって思い当たるエラーも見つからずに困っています。
また下記の方に
:本来期待している動作と、...
1
票
0回答
78 件の閲覧数
node.jsを常時実行させたい
slackを匿名化するbotを作成したく下記のサイトを参考に、node.jsでコードを作成しました。
Slackで匿名で投稿できるチャンネルを作った - Qiita
当たり前ですがこちらのcodeはpcの電源を切ると停止してしまいます。
この処理を常時実行させpcの電源を切ってもSlackを匿名化させたいと考えています。
現在GCP、Glitch、...
0
票
1回答
36 件の閲覧数
javascriptでCLI上にhtml形式のfizzbuzzを表示したい
やりたいこと
ファイルを実行するとhtml形式のfizzbuzzを表示したい
fizzbuzz表示の要件としては、3の倍数のときは「fizz」、5の倍数のときは「buzz」、3と5の公倍数のときは「fizzbuzz」に変換されている
実行するコードと出力したいもの
const fb = new FizzBuzz();
fb.toHtml(1, 10);
出力
// =>
<...
0
票
2回答
148 件の閲覧数
classAのコンストラクタで作成した変数をClassBに継承して使用したい。
JavaScriptでClassAで使用した変数をClassBでも使用するにはどのようにコードを書いたら良いでしょうか?
class A {
constructor {
this.A
}
}
class B {
constructor {
this.B
}
method {
//...
0
票
0回答
44 件の閲覧数
会計ソフトfreeeの入金情報をスプレッドシートに書き出したい
会計ソフトfreeeの入金情報を、freeeAPIを使ってスプレッドシートの「勘定科目一覧」というシートに書き出したいです。
freeeAPIとの連携は上手くいったのですが、書き出しが全く上手くいきません。
エラーメッセージは出ない(出ないようにした)のですが、書き出しを開始してくれません。
初心者のため、基本的なことから分かっていません。
お力をお貸し頂ければ幸いです。何卒よろしくお願いします。
...
-1
票
0回答
40 件の閲覧数
Swiper (あるいはJavascript) を使って前と後ろのスライドがかっこよく途切れるものを作りたい
Js 初心者です。下の画像のようなスライドを作成したいと考えています。メインに表示されているスライドの左右に、次のスライドが途切れて見える、(画像の中の赤と黄)というものです。レスポンシブデザイン対応で、できればswiperを使って作りたいと思っています。。どなたかご教示よろしくお願いします。
-3
票
0回答
114 件の閲覧数
行列{{-1, 2, 1, 1}, {4, 5, -2, 4}, {-4, 3, -3, 1}, {2, 5, 1, -3}}の逆行列を掃き出し法によって求めるプログラミング
行列{{-1, 2, 1, 1}, {4, 5, -2, 4}, {-4, 3, -3, 1}, {2, 5, 1, -3}}の逆行列を掃き出し法によって求めるプログラミングを教えてください。
0
票
0回答
35 件の閲覧数
google analyticsの正規表現で「form-status=submitted」という文字列の入ったURLをデータから取り除きたい
困っていること
Google Analyticsのデータ抽出をしています。
hoge.exmaple.com/fuga/1へのアクセス数を広告含めて見たいのですが、そのページにフォームが入っていることでフォーム送信後のURLもデータに含まれてしまっています。
そのURLだけ弾いてカウントしたいのですが、それができません。
現状
hoge.exmaple.com/fuga/1というページがあり、...
0
票
0回答
59 件の閲覧数
ServiceWorker で特定のファイルをキャッシュから削除したい
サイトをPWA化するために ServiceWorker を使用しています。
キャッシュ指定しているファイルを修正した際にそのファイルだけキャッシュからではなく、サーバーから読み込んで再度キャッシュに取り込みたいのですが方法が分かりません。
下記のサイト等で追加するメソッド(cache.put)は分かったのですが、削除する方法が分かりません。...
0
票
0回答
40 件の閲覧数
ckeditorのタグ変更後の改行について
ckeditor_4.15.1_standardを使用いたしまして、書式のみ(p,h1,h2,h3)のリッチテキスト欄を作成致しましたが、書式をpに変更し、エンターの改行で1行空白行を作り、書式をh3などに変更致しますと、1行の空白行がなくなっております。作成した空白行をなくさないようにしたいのですが、ネットで同じように空白行が1行消えるケースを探すことが出来ませんでした。
対応方法をご存じの方に、...
0
票
0回答
69 件の閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
0回答
35 件の閲覧数
JSでキーボードを押下するライブラリ
あるソフトウェア(Facerig)と連携したいのですが、連携APIが無かったため、キーボードショートカット経由でactionするソフトウェアをelectronで作成中です。
JSがキーボードを押下するライブラリを探しています。
ググったとろinputのライブラリは多かったのですが、outputは少なくググるのを諦め質問させていただきました。
見つけたもの
webContentsがありますが、...
0
票
0回答
29 件の閲覧数
クラスター アイコンをクリックイベントで変更したい
googlemapsAPIを使用してクラスターを表示しています。
クラスターをクリックした時に、アイコンを変更したいのですが変わりません。
下記を参考にしています。
https://googlemaps.github.io/v3-utility-library/classes/_google_markerclustererplus.markerclusterer.html#setimagepath
...
0
票
0回答
30 件の閲覧数
ループしたVueコンポーネントにFirebaseのデータを取得・更新したい
Vue + Firebase で人気投票ページを作っています。
投票ボタンをクリックしたら票数が1ずつカウントアップして、その数字をFirebaseに保存する仕組みを作りたいのですが、投票ボタンコンポーネントがループしている場合、どうFirebaseからデータを取得・更新したらよいでしょうか?
index.html
<body>
<h1>人気投票</h1>
...
0
票
1回答
92 件の閲覧数
JavaScriptでリファクタリングしたコードでイベントが走るたびにnewする箇所が気になる。
問題
JavaScriptを使ってwebアプリを作っているんですが、リファクタリングしたコードでイベントが発生するたびに毎回newする箇所があって、少し気になります。普段エンジニアのみなさんはこのような書き方をしないと伺いました。どのように直したら良いでしょうか?
ご指導お願いします。
リファクタリング後(リファクタリング前にはなかったimgRGBが追加されています。)
class ...
0
票
1回答
113 件の閲覧数
JavaScriptで画像がロードされる前にプログラムが走り、上手く処理出来ない。
新しく質問を立てた方が良いと言われたので前回の質問の続きになります。
JavaScriptのcolor-thiesというライブラリーを使用してプログラムがimgタグのsrcを書き換えたタイミングでライブラリーを実行したいのですが、書き換わる前に処理が実行されてしまうため上手く画像の色を取得出来ません。
前回の回答者様は画像にloadイベントを持たせると良いと話されていたのですが、...
0
票
1回答
70 件の閲覧数
Javascriptで非同期関数をクラスメソッドに定義したい。
下記の非同期で書かれたコードをクラスのメソッドとして定義したいのですが、上手くいきません。どのようにコードを書いたら良いでしょうか?
asyncを使用した関数はクラスメソッドに定義出来ないようなのでラップしたら上手く行くと思ったのですが this.wait(num) 推奨しない書き方と注意が入るのと、実行しても何も出力されません。予定では 0,1が出力されます。
詳しい方、助けて下さいお願いします。...
0
票
1回答
92 件の閲覧数
JavascriptでDOM処理のタイミングが合わず値を上手く処理出来ない。
問題
画像から色の情報を取得したく color-thies というライブラリーを使用しています。
途中で画像のsrcパスを書き換えて別の画像に差し替える処理があるのですが、その際タイミングが合わず前の画像の値になってしまいます。
プログラム動作
inputのフォーカスが別の要素に移った際に下記のイベントリスナーが発火します。それでURLの値があればサムネイルを取得します。...
0
票
1回答
43 件の閲覧数
DroidScriptで、ボタンEXECUTE_Bしか、表示されません。
①ボタン2つ。EXECUTE_AとEXECUTE_Bを表示する方法を教えて下さい。
②new Dateを一回に、引数を渡す方法を教えて下さい。
よろしくお願いします。
(参考)【DroidScript】スマホでスマホアプリを作る シリーズまとめ
https://qiita.com/YasumiYasumi/items/832ec009681310ecdd1c
(参考)
https://ja....
0
票
0回答
40 件の閲覧数
Typescriptのリファクタリングについて
typescriptのコードの一部で、下記のような記述に出会ったのですが、もう少しシンプルな可読性の高い書き方にするには、どのように工夫すれば良いでしょうか。
const typeMap = {
'ringo': 'APPLE',
'momo': 'PEACH',
'budou': 'GRAPE',
};
if (this.jpn !== undefined && ...
-1
票
1回答
97 件の閲覧数
JavaScript教えてください2
JavaScriptでの=やconsole.logの色が赤や青になることがシンタックスハイライトというのは、わかりました。
先ほどの質問の続きになりますが、シンタックスハイライトが反映されなくても通常ならコードが読み込めるということで間違いないでしょうか。そうであるならば、このようにエラーになってJavaScriptが読み込めないのはなぜでしょうか。
下記のようにエラーコードがでます。
...
0
票
0回答
59 件の閲覧数
VSCodeでJavaScriptのコードにシンタックスハイライトがつかないことがある
このようにJavaScriptのファイルを使ってもlet start ='Hell world';の=が赤色にならなかったり、console.logが青色にならなかったりします。
エディターはVSCodeを使用しておりますが、設定は日本語翻訳を入れたのと、ESLintというものをインストールしただけです。
まだまだ説明不足かもしれませんが、わかる方がおられれば回答ください。
0
票
1回答
59 件の閲覧数
Javascriptのライブラリーで画像から色を抽出するcolor-thiefで毎回RGB(144, 161, 166)と同じ色が取得される。
画像から主に使用される色を取得したくcolor-thiesと言うライブラリーを使用したいのですが上手く動作しないです。
フロントエンドから使用したいのでCDNで読み込んでいます。
<script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js"></...
3
票
2回答
112 件の閲覧数
オブジェクトの値に応じてキーを削除するには?
以下のような配列があったとして,
const items = [
{ 'id': 1, 'category': -1, 'question': -1, 'answer': -1 },
{ 'id': 2, 'category': -1, 'question': 0, 'answer': -1 },
{ 'id': 3, 'category': -1, 'question': -1, '...
0
票
2回答
59 件の閲覧数
JavaScriptの正規表現の/.*\d{5}/がイメージする動作と異なる。
正規表現を勉強しているものです。.はあらゆるものにマッチする特殊文字で*は直前文字が0回以上、\dは0~9の数字{5}それが5回繰り返されるものにマッチする。5文字あらほとんどの文字にマッチするのでしょうか?
const input = "Address: 333 Main St., Anywhere, NY, 55532. Phone:
555-555-2525.";
...
0
票
1回答
54 件の閲覧数
JavaScript正規表現のre.execの出力結果が理解出来ない。
オライリー社のサイ本を参考にJavaScriptの勉強をしているのですが、本で書かれている正規表現の結果が予測と違って混乱しています。
const input = "As I was going to Saint Ives";//0~28番目まである29文字(空白もカウント)
const re = /\w{3,}/ig;
//マッチした単語を配列にして返す。
console....
0
票
1回答
65 件の閲覧数
javascriptの動的な画面変更とフラグ管理について
以下の内容で表示を押すとメニューの以下の内容を表示非表示するものを作ってみていますが、画面が一瞬ちらついて映るだけで原因を教えていただけないでしょうか?
<div class="menuContents">
<ul class="menuList">
<li>a</li>
<li>...
0
票
1回答
88 件の閲覧数
vueのforEachの中でメソッドが呼べない
vueで forEach の中でメソッドが呼べないです。呼ぶ方法あったりしますでしょうか?
"forEach内のthisは繰り返す配列のことを指す" と、とあるサイトでありました。
thisを使用せずにメソッドを呼び出す方法を教えていただきたいです。
よろしくお願いいたします。
エラー文:
[Vue warn]: Error in v-on handler: "...
0
票
2回答
90 件の閲覧数
イベント移譲(Event delegation)の引数eventが何処から来るのか知りたい。
前回の質問でイベント移譲(Event delegation)と言う概念を教えて頂きました。
addEventListnerをページ更新後に追加される要素にも適応したい。
質問
それで 下記のコードにあるdocument.querySelector(".dlcardWrap").addEventListener("blur", function (elm) ...
0
票
1回答
89 件の閲覧数
スクロールバーのつまみの部分を非表示にしてスクロールできないようにしたい
スクロールバーのつまみの部分を非表示にしてスクロールしないようにしたいのですが、どうすればいいのでしょうか。
スクロールバー自体を消すのは overflow: hidden でできますが、消すと消えた領域分だけ画面がガタつくので表示したままでスクロールだけできないようにしたいです。
(instagramがこのガタつく方式)
...
1
票
0回答
91 件の閲覧数
ループによって表示させているリストの表示行数を、プルダウンで選択できるようにしたい
こんにちは。お世話になります。よろしくお願いいたします。
やりたいこと
Javascript/Jquery/PHPのどれかを使って以下リンク先のようなことができるようにしたいです。
JavaScriptを使用してテーブルの表示行数を3行、5行、10行とユーザーが自由に切り替えられるようにする方法
色々調べたのですが、見合った情報が見つけられませんでしたので、こちらで質問させていただいた次第です。
...
0
票
1回答
53 件の閲覧数
swiper.jsのloop時末端が途切れる
下記のように swiper クリック時に slideTo で 中央にフォーカスするようにしているんですが、始端や終端まで進めると途切れてしまいます。
マウスドラッグ or touchEvent を発生させると、また要素がクローンされるようなんですが、それをプログラムだけで完結出来る方法をご存知であれば知りたいです。
swiper.slideTo() の後 swiper.update() ...
1
票
1回答
65 件の閲覧数
htmlのimgパスが読み込めなかった際のエラーハンドリングをしたい。
webアプリを作成しています。
htmlで画像のパスを最初は下記のように設定しています。
<img src="images/pinkguy.jpg" alt="">
その後JSで取得した別のパスに書き換えています。
<img src="https://img.youtube.com/vi/dxezoC8w3GU/...
0
票
0回答
34 件の閲覧数
アプリからFirebase名前空間にアクセスできない Cannot access JS SDK from firebase namespace
Firebase JavaScript SDK でアプリから firebase.functions() を使おうとして以下の記述を行いました。
import firebase from "firebase/app";
const functions = firebase.function();
依存関係 : {
"firebase": "...
1
票
0回答
55 件の閲覧数
GoogleMapのGoogleロゴクリックで動作を無効にする方法
目標
モバイルアプリで表示しているGoogleMapのGoogleロゴをクリックしたら、GoogleMapアプリが起動する(Androidでは入力する表示が増える)のを無効にしたい。
特にAndroidでは非表示にしていた入力項目などが表示されて、想定していない動作になります。
以下のような情報はありました。
https://stackoverflow.com/questions/16735189/...