[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,273
質問
0
票
1回答
23 件の閲覧数
jQueryのマウスホバーについて
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
0回答
40 件の閲覧数
JavaScriptとHTMLを使ってボタンをクリックすると音が出るコードを知りたい
このようなコードで実行してみたのですが、ボタンをクリックしても音が鳴りません。
ボタン一つずつに別の音を入れ、クリックで音を鳴らすには何処を修正したら良いのでしょうか。
また、キーボードとボタンの紐づけをさせるにはどのようなコードを入れると良いでしょうか?
宜しければ回答をよろしくお願いします。
html
<!DOCTYPE html>
<html lang="ja&...
0
票
0回答
17 件の閲覧数
ffmpegの画面録画での一時停止について
環境
windows10,electron
ffmpegにて画面録画を行い、一時停止を行って再度開始できる機能を追加したのですが
実際に出来上がった動画では一時停止中の時間が含まれていました。ただ映像は止まったままでした。
例:開始(3秒)➡停止(3秒)➡再開(3秒)➡停止
6秒の動画ではなく9秒の動画が作成される
停止中の映像は止まったまま(フリーズ?)
停止方法は「pssuspend....
0
票
0回答
21 件の閲覧数
vueでassetsのpdfを取得する方法
私は今、vue.jsでウェブアプリの開発をしています。
下記のように、assetsに配置しているpdfファイルをダウンロードできる画面作成したいのですがエラーとなってしまいます。
方法を教えてください。
<template>
<a href="./../assets/sample.pdf" download>sample.pdf download&...
0
票
1回答
31 件の閲覧数
TypeScriptでJQueryの$(function () {})を処理させるには?
Web系ごく初心者ですので用語の誤り、説明行き届かない点などご指摘ください.
背景(今までやったこと)
Laravelを使用してPHPアプリを作っています.Modelを定義して、Viewを作って、Controllerを作ってと、一通り目的のページを出力するまでたどり着きました.index.list.blade.phpがテンプレートファイルになるのですが、...
0
票
1回答
67 件の閲覧数
配列の中にある要素が配列の場合、特定の要素(配列)があるかどうかを判定したい
やりたいこと
配列の中に要素として配列が複数存在していて、
指定した要素(配列)があるかどうかをtrue, falseで返り値として取得したい。
分からないこと
includesやsomeを使用して、試しにtrueが返ってくると思っていたコードを書いたのですが、
falseが返ってきており、うまく検索できていない理由がわかりません。
// someを使用
const winning_set = [
...
0
票
1回答
49 件の閲覧数
JavaScriptの…Array(amount).fill(product)の動作がよく分からない。
下記のサイトで読んだコード内に記された。
分からない事
this.products.push(...Array(amount).fill(product)); この部分がよくわかりません。
配列にオブジェクトを代入しているのは何となく見てわかるのですが、 0: Product {name: "bread", price: 1} 1: Product {name: "...
0
票
0回答
34 件の閲覧数
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-...
1
票
2回答
7,699 件の閲覧数
IE9 のみ $.ajax が期待通り動作しません
IE9で$.ajaxが動作しません(IE10やChromeでの正常動作は確認済み)
現在ajax実行時のソースは下記のソースの通りです。
現状の動作としてはサーバー側に処理が移る前に、
error: function (XMLHttpRequest, textStatus, errorThrown) に到達してしまう状況です。
textStatusには"error"、...
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回答
86 件の閲覧数
正規表現でテキストから金額を表す数字部分のみを取得したい
Google App Script によって金額の含まれたテキストから金額の数字のみを抽出したい。
そのために正規表現を使っているのですが、書き方が冗長になってしまいます。
もっと良いコードはありませんか?
function myFunction() {
text = "これはテストメールです\nご利用金額:1,234円です\nまた利用してください"
console....
1
票
2回答
394 件の閲覧数
expoのios.infoPlistが反映されない
カメラロールにアクセスしようとした際に出現する、alert modalの文面を変えたいのですが、うまく変えられません
試したこと
"expo": {
"name": "留学コンパス.",
"icon": "./images/CompassPioneering-02.png",
"version": "1.0.2",
"slug": "ryugakuCompass",
"sdkVersion": ...
0
票
0回答
62 件の閲覧数
firestoreのdb設計の修正
課題
現在掲示板アプリの様なものを制作しております。しかし、db設計を意識していなかった為このままでは誰がログインしても同じデータを参照してしまう状態です。
(現在dbは上記の図の上の段の様になっております)
そこでuser.uidでユーザーIDを取得し、その値を何とかdoc()
に入れようとしているのですが、下の図のようにうまくuserId(=user.uid)がdoc()...
0
票
2回答
4,023 件の閲覧数
Canvasで作った画像をカメラロールに保存する
スマホ向けアプリをhtml5で作っています。
アプリの中でCanvasを使って画像を作成していまして、その画像をiOSのカメラロールに保存する方法が分かりません。
(描写は出来ています)
お絵描きアプリと画像の保存処理の実装
こちらを参考に保存は出来ましたが、保存ディレクトリが希望の物になりません。
(このディレクトリだとサンドボックス内に保存されるので、見ることが出来ません)
...
0
票
1回答
47 件の閲覧数
別ファイルから呼び出した関数内のconsole.logが表示されない
<script src="hoge1"></script>
<script src="hoge2"></script>
hoge1の関数をhoge2で呼び出した場合、hoge1の関数内のconsole.logが動作しません。hoge2から呼び出した場合に動作するようにすることは可能でしょうか?
<...
0
票
1回答
57 件の閲覧数
TypeScriptの構文 (node: NoddeType): node is VNodeが分からない。
以下の記事を参考に仮装DOMについて勉強しているのですが、仮想DOMからリアルDOMに反映する箇所のコードの構文がよく分からないです。
(node: NodeType)は辞書型アクセスをしているのでしょうか?
ifは省略されているのでしょうか?
@paramも何を示しているのか分からないです。
exportとある箇所は後から使用するための関数になるのでしょうか?
仮想DOMは本当に“速い”のか? ...
0
票
1回答
524 件の閲覧数
fullcalendarの定期イベントdowの一部上書き(非表示)について。
fullcalendarのイベントについて行き詰っており質問です。
実現したいこと
1、国民の休日をgoogleから取得
2、スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。
3、会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。)
fullcalendar
下記コード
<...
0
票
1回答
952 件の閲覧数
discord.jsでグローバルチャットを作りたい
Node.jsのdiscord.jsにてグローバルチャット(A鯖のBチャンネルで「あ」と言ったらC鯖のDチャンネルで「あ」と出てくるようなことをしたいのですが、うまくできません。
何が間違っているか教えてください。
作ってみたコード
client.on('message', message => {
if(message.author.bot){
return;
...
0
票
1回答
3,405 件の閲覧数
html内の値をコード.gsで変数に入れて使う方法
GAS初心者です。
Google Apps Scriptで作成したindex.htmlにセレクトボックスを作成しました。
県名を選択したときに、その値をコード.gs内で変数に入れて使いたいのですが、どのようにして値を取得するのか、また、その値をコード.gsで使う方法が分かりません。
index.html
<form name="kenform">
<select name="...
1
票
1回答
3,265 件の閲覧数
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回答
1,740 件の閲覧数
JavaScriptでcache bustingを自動化する方法
はじめまして。
色々調べていたのですが、煮詰まってしまい質問させていただきます。
Java8でSpringを使用して開発しております。
JSフレームワークはAngularJS(1系)です。
今回やりたいことはcache busting対策でHTML内の外部読み込みしている複数のCSS/JSなどに日付やバージョンなどのクエリー文字列を付けることってあると思うのですが、...
0
票
1回答
359 件の閲覧数
DB(MSSQL)からのSELECT結果・列数が予測でない内容を、テーブル出力(HTML)を達成したい。
サーバサイドの言語はPHP7.0です。
標題の件を達成する場合、一般的にどういった解決策をとるべきか全く想像がつかず 的を得ない問い合わせをしてしまいました。
しかし皆様からのコメントを得て、自分が分からなくなっているポイントがなんとなくみえてきました。
-前提-
SELECTから得られる内容は 決して一テーブルからの出力結果に留まらず、参照されるテーブルの全項目でもない、...
0
票
1回答
428 件の閲覧数
iOSを用いてService Workerをローカル環境でテストしてみたい。
Node.jsのbrowser-syncを用いて動作しようとしたところ
server.js
var browserSync = require("browser-sync");
browserSync({
server: "/public",
https: true,
});
package.json
{
"name": "01",
"version": "1.0.0",
...
0
票
1回答
72 件の閲覧数
次のホームページのアニメーションの技術を分析したい
Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。
このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか?
あるいは調べ方を教えていただけますと幸いです。
https://tsuyoshi.in/
URLがHTMLではないので、...
0
票
2回答
63 件の閲覧数
Javascriptで後から追加した要素をふわっと出現させるには
JavaScriptでボタンをクリックすると新しく要素を追加するコードを書いてボタンを押すと要素が追加されるんですが、その追加された際のアニメーションを下からふわっとフェードインするようにしたいです。
イメージとして最初は要素が2つある。この最初の2つはふわっとさせられる。
<div class="dlcard effect"></div>
<...
0
票
1回答
5,116 件の閲覧数
phpで取得したDBの値をchart.jsのデータに使用したい
はじめまして。
javascriptの初心者なのですが、グラフを比較的容易に描画できるライブラリとしてchart.jsを見つけ、簡単なサンプルを作ってみました。
実践的に使用する場合、DB上に格納されている値を、グラフの値にセットすることが必須要件になると思うのですが、phpで取得した配列の値をchart.jsに渡す方法が良く判りません。
検索すると、ajaxというキーワードが出てくるのですが、...
0
票
0回答
32 件の閲覧数
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
票
2回答
148 件の閲覧数
classAのコンストラクタで作成した変数をClassBに継承して使用したい。
JavaScriptでClassAで使用した変数をClassBでも使用するにはどのようにコードを書いたら良いでしょうか?
class A {
constructor {
this.A
}
}
class B {
constructor {
this.B
}
method {
//...
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
票
1回答
221 件の閲覧数
Youtube iframe シークバークリック時にイベント発生
画像のような場面で、シークバーをクリックした時にイベントを発生したいと思い、下記のようなコードを書きましたが、うまく動作しません。
シークバークリック時にイベントを発生させる方法はありますでしょうか?
$(function () {
$(".ytp-progress-bar-padding").click(function () {
console.log("----")
...
0
票
0回答
44 件の閲覧数
会計ソフトfreeeの入金情報をスプレッドシートに書き出したい
会計ソフトfreeeの入金情報を、freeeAPIを使ってスプレッドシートの「勘定科目一覧」というシートに書き出したいです。
freeeAPIとの連携は上手くいったのですが、書き出しが全く上手くいきません。
エラーメッセージは出ない(出ないようにした)のですが、書き出しを開始してくれません。
初心者のため、基本的なことから分かっていません。
お力をお貸し頂ければ幸いです。何卒よろしくお願いします。
...
0
票
1回答
275 件の閲覧数
GAS データがある最終行取得したい
GASを使ってスプレッドシートのデータがある最終行または最終カラムを取得したいです。
前まではスプレッドシートのデータがある最終行までのデータは下記のコードで取得できていたのですが、シート数が何枚にもなり下記の(変更後)にコードを変更しました。
そしたらvar row = sheet.getLastRow();をデバックで見てみたらデータではなくセルの最終行のデータが取得されてしましました。
...
0
票
1回答
2,498 件の閲覧数
websocketで、数秒ごとに通信を行っているのに30秒ほどで接続がcloseになる
websocketを用いたWebアプリを作成しています。
現在、JavaScriptからnew WebSocket("wss://{hostname}")で接続を開始し、onOpenが呼ばれた後は数回、sendメソッドやonmessageイベントハンドラでサーバーとの通信を行えているのですが、無通信状態で無いにもかかわらず、いつも30秒前後でonCloseが発生して接続が切れてしまいます。
※...
2
票
1回答
1,019 件の閲覧数
swiper矢印をhoverしたら現れるようにしたい
画像スクローラにswiperを使っています。gemでswiper-railsというのがありそれでrailsに導入しました。
動作するようになったのですが、デフォルトだと画像にhoverしたら矢印が現れるようにできません。デフォルトでは消しといてhoverしたら矢印が現れるようにできる方法をご存知の方いらっしゃいますでしょうか?
.swiper-container
.swiper-...
0
票
2回答
4,360 件の閲覧数
動的に追加した要素にswiper.jsが効かない
jQueryで動的に追加した要素に対してswiper.jsでスライドを実装したいのですが、機能しません。
動的に追加した要素に対しての処理であることが原因と考え、以下のようにswiperのオプションのobserverをtrueとしましたが、それによってTypeErrorとなります。
ご教授お願いいたします。
HTML記述
<div class="detail">
<ul ...
-1
票
1回答
5,091 件の閲覧数
この動作をSwiperで実現したい
解決方法が不明なので質問いたしました。下記のリンクのスライダライブラリを使用して
実現したいスライドがあります。
http://www.idangero.us/swiper/#.VpMcPRWLRsc
その実現したいスライドは下記のサイトにあるようなものです。
・メイン画像はスライド、クリックで変更できる
・その下に配置されたサムネイルからその画像を表示できる
http://black-flag....
0
票
1回答
85 件の閲覧数
サンプルコードを組み合わせたところ、リンク(内部、外部)できない
ハンバーガーメニューとスライダーのサンプルコードを組み合わせたところ、ハンバーガーメニューについては問題なく開き、外部へのリンクもできますが、外部への画像リンクや、フッターからトップページへの内部リンクができません。
menu css から以下の部分を削除し、フッターにカーソルを当てると人差し指マークには変わりますが、リンクはしませんでした。
.container {
position: ...
0
票
1回答
722 件の閲覧数
要素幅がそれぞれ異なるスライダーを作りたい
現在、Webサイトにスライダーを実装しようしているのですが、一つ目の要素が他の要素の約2倍になるようなものを作りたいです。(以下画像のようなイメージです)
有名なjsプラグイン(swiperやslickなど)でできないかやってみましたが、どうにもうまくいきませんでした。動きは下記サイトのような感じで、スムーズにしたいです。
https://liginc.co.jp/
...
-1
票
0回答
40 件の閲覧数
Swiper (あるいはJavascript) を使って前と後ろのスライドがかっこよく途切れるものを作りたい
Js 初心者です。下の画像のようなスライドを作成したいと考えています。メインに表示されているスライドの左右に、次のスライドが途切れて見える、(画像の中の赤と黄)というものです。レスポンシブデザイン対応で、できればswiperを使って作りたいと思っています。。どなたかご教示よろしくお願いします。
0
票
1回答
89 件の閲覧数
スクロールバーのつまみの部分を非表示にしてスクロールできないようにしたい
スクロールバーのつまみの部分を非表示にしてスクロールしないようにしたいのですが、どうすればいいのでしょうか。
スクロールバー自体を消すのは overflow: hidden でできますが、消すと消えた領域分だけ画面がガタつくので表示したままでスクロールだけできないようにしたいです。
(instagramがこのガタつく方式)
...
0
票
1回答
259 件の閲覧数
JSで指定文字数ごとにタグで囲みたい
<section>あいう<b>えおかきく</b>けこさしすせそ</section>
このようなHTMLがあったとき、5文字ずつに区切りたいとします。
結果として、section タグ内のHTMLを
<div>あいう<b>えお</b></div><div><b>かきく</...
-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
票
1回答
478 件の閲覧数
PythonのSeleniumを用いたhref=“javascript:void(0)”のスクレイピング
http://bit.sikkou.jp/app/past/pt003/h01/
上記サイトの各地方・各裁判所・全物件の全データを並べたcsvファイルを作成したいと考えています。
GoogleChromeで各地方のリンクをSeleniumから要素を取得、クリック、ページ遷移ができません。
該当場所のリンクがhref="javascript:void(0)"となっており、...
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
票
2回答
422 件の閲覧数
jQueryを用いたスライダーでページナビゲーションごとスライドさせるにはどうしたらよいでしょうか。
jQueryを用いたスライダーでページナビゲーション(左右に表示されるものではなく、ページ下部にスライドさせるスライダーの枚数のリンクを表示したナビゲーションです)をスライド画像ごとスライドさせるにはどうしたらよいでしょうか。
良い案が見つからず悩んでいるのでご存知の方いらっしゃいましたらご教示いただきたいです。
スライダーはbxsliderを使用する想定ですが、...
0
票
0回答
68 件の閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
0回答
35 件の閲覧数
JSでキーボードを押下するライブラリ
あるソフトウェア(Facerig)と連携したいのですが、連携APIが無かったため、キーボードショートカット経由でactionするソフトウェアをelectronで作成中です。
JSがキーボードを押下するライブラリを探しています。
ググったとろinputのライブラリは多かったのですが、outputは少なくググるのを諦め質問させていただきました。
見つけたもの
webContentsがありますが、...