[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,273
質問
0
票
1回答
70 件の閲覧数
Javascriptでプログレスバーを作成したいです。
やりたい事
下記のコードを codepenで見つけて、自身のアプリに実装したいのです。
https://codepen.io/ArnaudBalland/pen/PwgqMO
その前、段階でどんな仕組みで動作しているのか気になりコードを見るとjavascriptの部分がjQueryになっていたのでこれをjavascriptに直そうと以下のコードを書きました。
元々のjQueryのコード
var ...
1
票
0回答
110 件の閲覧数
chartjs-plugin-zoomのpanが正しく機能しないのはなぜでしょうか?
前提・実現したいこと
chartjs-plugin-zoomを使って以下のようなコードで、グラフを作りました。
https://codepen.io/nemurino-kai/pen/QWNexKJ?editors=0010
chartjs-plugin-zoomのgithubにあるLive Codepen Demoを改変して作成しました。
発生している問題・エラーメッセージ
「...
1
票
1回答
134 件の閲覧数
HTMLCollectionとは?
HTML
<ul id="parent">
<li id="first">1番目</li>
<li id="second">2番目</li>
<li id="third">3番目</li>
</ul>
JS
const ...
0
票
1回答
55 件の閲覧数
WebWorker側のWebSocketの関数をHookする
WebWorker(Dedicated Worker)側のWebsocketのコンストラクタとonmessageをHookする事はできますか?
Main thread であればJavaScript ProxyでHookできますが、これをWebWorker側のWebsocketに対して行いたいです。
WebWorkerのwindowはMain ...
3
票
1回答
144 件の閲覧数
複数のチェックボックスで、何がチェックされているか判定を行いたい
理想として1がチェックされたら、コンソールログに「1がチェックされました。」
1と3がチェックされたら、コンソールログに「1と3がチェックされました。」
1と2と3がチェックされたら、コンソールログに「1と2と3がチェックされました。」みたいに、チェック判定の処理を行いたいです。
例として1,2,3をあげましたが、これが1~8まであります。
コードを短くしたいのですが、分かる方教えて頂きたいです!
...
0
票
1回答
334 件の閲覧数
MonacaのTODO管理アプリで写真や文字を保持する方法
プログラム初心者です。
MonacaのサンプルにあるTODO管理アプリで、追加した写真や文字が一度閉じるとリセットされ消えます。閉じた後再度開いても残っているようにしたいのですが、プログラムや方法を教えてください。
0
票
1回答
292 件の閲覧数
Fullcalendarのカルーセル遷移
Fullcalendarを使っています。
月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
0
票
2回答
87 件の閲覧数
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回答
151 件の閲覧数
Leaflet チェックボックスの判定をしてマーカーの削除をしたい。
Leaflet チェックボックスの判定をしてマーカーの削除をしたい
現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。
クリックする度に、ピンが立つので影がついていってしまいます。
東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。
分かる方、教えて頂きたいです。
<!DOCTYPE ...
1
票
1回答
86 件の閲覧数
テーブルの操作をjavascriptでしたい。
1のチェックボックスをクリックするとサンプル1だけ表示され、サンプル2とサンプル3は表示されないようにしたいです。1がチェックされると画像のように表示されるようにしたいです。
それと同じでサンプル2がクリックされたらサンプル1とサンプル3が表示されないようにといった感じです。。
分かる方、ご教示頂きたいです。
td {
border: solid 1px;
...
1
票
1回答
1,521 件の閲覧数
MonacaのPersonalプランで利用できるアプリ内課金プラグインはありますか?
Monacaを利用したAndroidアプリにアプリ内課金機能を開発しようとしています。
MonacaライセンスはPersonalなのですが、
利用できるCordovaプラグインはありますでしょうか?
もし上記が不可能であれば、
上のライセンスで利用できるプラグインを教えていただけますでしょうか?
初歩的な質問で申し訳ありません。ご教示お願いいたします。
1
票
1回答
123 件の閲覧数
非同期処理について
sample()のjsoninfoにデータを入れたいのですが、loadJson()の箇所でjsonに値が入る前にreturnされてしまうので、jsonInfoに値が入っていない状況です。
処理が終わってからreturnされるのが理想なんですが、どう記述すればいいか教えて頂きたいです。
非同期処理についてasync/awaitの使い方が分かっておらず、、、
function sample() {...
0
票
1回答
69 件の閲覧数
Reactの子コンポーネントに親コンポーネントでuseStateで生成された値をPropsに渡した時の再描画について
React の useStateで生成されたstate(newOrTotal)を子コンポーネントに渡して、setNewOrTotalで更新した時に<div>{newOrTotal}</div>は更新されるのに子コンポーネント<Chart>が更新されません。どうしたら更新されるのか。
ご教示願えませんでしょうか。
const [newOrTotal, ...
0
票
1回答
42 件の閲覧数
javascriptのオブジェクトにsvgを文字列で格納してhtmlに追加する方法
htmlに外部ファイルからsvgを読み込みたくて、jsファイルのオブジェクトに文字列としてsvgを格納してhtmlに追加する方法を考えたのですが、上手く動作しません。body直下にsvgを置いているので上部に空白出来るはずなのですが、出来ないです。
見ていただけないでしょうか?
index.html
<!DOCTYPE html>
<html lang="ja"...
0
票
0回答
64 件の閲覧数
Railsでgem 'carrierwave'を使用した際、親子の子にあたるimagesが登録できても編集できない
【 環境 】 Rails 6
ruby -v
2.6.6
rails -v
Rails 6.0.3.2
【 やりたいこと 】
gem 'carrierwave'を使用して複数画像の登録、編集および削除を実装したい
【 困っていること 】
新規での複数画像の登録はできたのですが、
この実装方法ですと、ユーザー情報の編集にて複数画像の変更(更新)を行うことができず困っております・・
"...
0
票
0回答
48 件の閲覧数
javascriptで一瞬undefinedと表示されてしまいます
以下のソースをブラウザから開くと一瞬undefinedと表示されます。
何か考えられる原因はありますでしょうか?
また、以下のソースに改善すべきところがありましたら教えていただけると大変助かります。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type&...
0
票
1回答
336 件の閲覧数
FILEAPIで任意のディレクトリに画像を保存
MonacaにてFILEAPIを勉強しているのですが、HPにあるドキュメントを見ても実装できない事があります。
https://docs.monaca.io/ja/reference/cordova_6.2/file/
こちらのドキュメント内、「既存のバイナリーファイルの保存」を活用して、外部から画像を保存する方法を勉強しているのですが、Library/NoCloud/任意のフォルダ ...
0
票
0回答
53 件の閲覧数
JQuery htmlを出力したい、でもruby(each文)が使えない
前提・実現したいこと
現在非同期通信のインクリメンタルサーチを実装しております。
問題なくインクリメンタルサーチは実装でき、検索することで検索結果としてポストが表示されるようになりましたが、一点だけ問題が起きています。
各ポストには、acts-as-taggable-on gemを使ったタグがついています。
つまり、一つのポストには、一つ以上のタグが付随しています。
erbでは、map(...
2
票
0回答
2,046 件の閲覧数
Cordova pluginを使ったアプリ内課金の実装方法について
Cordova Pluginを使用したアプリ内課金の実装方法について教えて下さい。
Cordovaを使ったAndroidアプリケーションを作っています。
Cordova Pluginを利用したアプリ内課金実装を実現するにはいくつかのPluginの候補がありましたが、Cordova Purchase Pluginを使用することに決め、実装にとりかかりました。
In-App Purchase ...
0
票
1回答
98 件の閲覧数
プルダウンが、うまく表示されません。
プルダウンメニューがうまく表示されません。
現状
プルダウンをクリックしても開きません。
実現したいこと
↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし)
なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字)
HTML
<!DOCTYPE html>
<html lang=&...
0
票
0回答
73 件の閲覧数
laravelのページネーションが上手く行かない
今現在、laravelで非同期処理を用いてページネーションの機能を実装しようとしているのですが、
2ページ目以降に行くと、ユーザーを選ぶ欄が表示されなくなってしまいます。
間違っている部分を指摘してくださるとありがたいです。
以下のコードは必要な部分のみ抜粋しています。
~app.blade.php~
@if(Auth::user()):
<div class="modal ...
0
票
1回答
71 件の閲覧数
webpack利用時、jestを実行するとCannot find moduleエラーが発生
環境依存値(APIのURL)を取得するために、webpackを使用しています。
参考:
JavaScriptでデプロイ環境ごとに設定ファイルを読み込む方法
正しくビルド、実行されましたが、環境別の設定値を持つindex.tsを用いる機能についてjestを実行したところ、下記の通りエラーとなりました。
Cannot find module './_test' from 'ts/environment/...
0
票
0回答
74 件の閲覧数
Electronで作成したデスクトップアプリでGoogleアカウント連携ができない
同じ内容が昨年の12月ごろから散見されていますが、解決方法がわからないままなのでこちらに失礼いたします。
ElectronでGoogleDriveのファイル操作をするアプリを作成し、昨年の前半まで使用しておりました。
いつの頃からかGoogle連携時に
「このブラウザまたはアプリは安全でない可能性があります。
別のブラウザをお試しください。サポートされているブラウザをすでに使用している場合は、...
0
票
1回答
76 件の閲覧数
選択した項目のjsonプロパティのvalueの値を変数に代入し表示したい。
選択した項目の、オブジェクトのプロパティの2つめのデータ(数字)を変数subvalueに代入して、
出力したいのですが、$(x.list)にしてみたり色々しているのですが、うまくできません。
[html]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8&...
0
票
1回答
130 件の閲覧数
JavaScript の for 文でテーブルを作成したい
td {
border: solid 1px;
/* 枠線指定 */
}
table {
border-collapse: collapse;
/* セルの線を重ねる */
}
.cell {
width: 100px;
}
.title_area {
height: 30px;
}
.up_down_border {
border-top-style: ...
0
票
1回答
162 件の閲覧数
追従する文字列を、“ボタン”ではなくてただクリックするだけで“切り離し⇔追従”とする方法
最近、追従する文字列をクリックするたびに"切り離し⇔追従"とする面白いコードをいただき、
これをヒントに別コードで"ボタン"をクリックするたびに"切り離し⇔追従"とするコードを作りました。
これを、"ボタン"ではなくて、いただいたコードのようにただ"クリック"するだけで"切り離し⇔追従"とするコードに作り変えられないでしょうか。可能でしたら、教えていただけないでしょうか。
関連箇所は、スクリプトの"...
1
票
0回答
105 件の閲覧数
中間テーブルに一度の処理で複数レコード保存したい
中間テーブルに一度で複数のレコードを保存したいと思っています。
中間テーブルは以下になります。
category_tweets
| id | category_id | tweet_id |
optionタグでプルダウンを作成して、それぞれを中間テーブルに保存したいです。
jsファイルでselect optionを2つ設定しています。
.js
childSelectHtml =
...
0
票
2回答
91 件の閲覧数
毎日同じ時刻にJavaScriptを実行するには?
現在Node.jsとline notify apiを使ってlineにメッセージを送るようにしています。リマインダーのような仕組みです。
今定期実行する仕組みを考えているのですが、どのようなツールがおすすめとかありますでしょうか?
定期的にNode.jsを命令するような仕組みがあればいいと思っています。具体的に言うと、「node hoge.js」を実行するものです。あるいは、...
0
票
1回答
259 件の閲覧数
OnsenUIで複数ページを使用するときの戻るボタンが実装できない
こんにちは。
Monacaのアプリ製作プラットフォームを使っています。
使用しているJSフレームワークは、OnsenUI V2 JS Minimumです。
OnsenUIで複数ページを設定して、飛ぶ先のページに × のようにページを消して戻る仕組みを作っています。具体的には、index.html→page1.html→index.htmlという風に母体のindex.htmlに戻れるようにしたいです。...
1
票
1回答
127 件の閲覧数
JSONデータを変数に入れたい
こんにちは。
~やりたいこと~
JSONデータを取得して変数"json"に入れたい。
~データフォーマット~
(本当は25個のオブジェクトが入っていますが、長くなるので3つに省略します)
[{
"id": "bitcoin",
"symbol": "btc&...
0
票
0回答
67 件の閲覧数
Safari14アップデートでWebGL+Leafletが動かない
Safariを14にアップデートしたら今まで閲覧していたウェブアプリケーションが動かなくなりました(13.1.2から14.0)。アプリケーションはウェブ地図(Leaflet)とWebGLを組み合わせて実現しているCS立体図という地形表現ソフトです。
https://frogcat.github.io/csmap/
アップデート後、アプリケーションの初期表示が出来たり出来なかったり、...
0
票
0回答
98 件の閲覧数
vue-quill-editorのツールバーと入力欄が切り離せない
vue-quill-editorのツールバーと入力欄を切り離して、ツールバーと入力欄の間に何か入れたいのですが、ツールバーと入力欄が切り離せません。
切り離す方法があれば教えていただきたいです。
<template>
<div class="ml-5 mt-5">
<div id="app">
&...
1
票
1回答
170 件の閲覧数
<input type=“date”>に入力中の値を取得することは出来ないのでしょうか
<input type="date">で、画面上で年のみ入力した状態で、ボタンイベントを発火した際に、
画面上に入力中の年の情報を取得する方法はありますでしょうか?
具体的には、以下画像の状態で、messageボタンを押下した際に、「2020」という値を取得する方法が知りたい内容です。
ブラウザのデバッガにて、<input type="date&...
0
票
0回答
39 件の閲覧数
javascript (chrome 拡張) で特定の名前のブックマークを開く方法
頻繁に入れ替える URL を同じショートカットキーで起動したいです
ソースコード直がきで
document.addEventListener('keydown', (event) => {
const key = event.key;
if(key == 'F7') {
document.location.href = "https://google....
0
票
0回答
33 件の閲覧数
google analytics apiでユーザーごとのデータを取得する方法を教えていただけないでしょうか?
アナリティクスのデータをapiで取得したいと思っています。
具体的にはユーザーごとのデータを取得して、
性別データがユーザーに紐づいているかを確認したいのですが、apiでユーザーごとのデータを取得する方法がわかりません。
下記のページを参考にして、セッションデータを取得することはできました。
下記のjavascriptをベースとした記述で、ユーザーごとのデータを取得する方法を教えてください。
...
1
票
1回答
233 件の閲覧数
Rails で react-router を使う場合の設定
現在、Rails をバックエンドにしたSPAを作ろうと考えています。
ログインすると入れる、 /user 以下の画面を react-router の browserHistory を使って制御させたいと思っています。
つまり、 /user/hoge にアクセスしても /user/fuga にアクセスしても Rails が実行するアクションは常に同じで、...
0
票
1回答
320 件の閲覧数
Ajax の結果を用いた条件分岐は done の中に書けば良い?
Ajaxで検査した結果を表示したいのですが、サーバーからの結果からさらにJavaScriptのswitch文の条件を当てはめたいのですが、そのswitch文はdoneの中に書くのでしょうか?
どのようにしてサーバからの結果とswitch文をつなげるのか分からないです。
ソースコード
$(function(){
// ajax button click
$('#ajax').on('...
1
票
1回答
1,537 件の閲覧数
使用していない JavaScript の削除について
PageSpeed Insights で計測したところ、
使用していない JavaScript を削除して、データ通信量を減らしてください
とのことで、以下のようなコードが10個くらいあります。
URL
/js/vendor.js?version=96be8d4…&env=production(cdn.blog.st-hatena.com)
250.9 KiB
171.8 KiB
...
0
票
1回答
287 件の閲覧数
canvas内に複数の画像をランダムに散らす
下記のサイトを参考に、落ち葉を降らせるアニメーションを製作中です。
Canvasで桜を降らせてみました | 株式会社オーツー|スタッフブログ
このサイトの例に習って、1種類の落ち葉を動かすことはできたのですが、
更に、いくつかの別々の葉っぱの画像をランダムに表示させたいと思っています。
例)leaf1.svg,leaf2.svg,leaf3.svg
(サイトの例では、1つの画像を仕様)
...
0
票
1回答
93 件の閲覧数
react nativeで撮影した / 選択した 画像そのものを反転させるには?
前提・実現したいこと
他のサイトでも同じ質問をしております。よろしくお願いいたします。
react native で ImagePicker.showImagePicker から 選択、撮影した『画像そのもの』を水平方向にを反転させたいです。
発生している問題・エラーメッセージ
選択、撮影した 画像を反転して『表示』させることはできますが、『画像そのもの』を水平方向に反転させる方法がわかりません。
...
0
票
1回答
59 件の閲覧数
javascriptでbuttonをクリックしても演算子が表示されない
現在javascriptで電卓を作っている途中なのですが数字ボタンをクリックすることで数字を<div ID="result">に表示することができたのですが、演算子のボタンをクリックして<div id="Halfway">に表示しようとしても-ボタンは表示できるのですがそれ以外のボタンはクリックしても表示されません。...
0
票
1回答
72 件の閲覧数
JavaScriptコード内でThymeleafを使用したい
HTML内に記載しているJavaScriptコード内でThymeleafを使用したいです。
ソースコードは以下の通りです。
具体的には、Thymeleafで"${i}"を指定している為、
"i" 変数の中身をvalueとして参照したいです。
<a href="javascript:document.f.page.th:value = &...
0
票
1回答
50 件の閲覧数
UserScriptを用いて別ドメインのページに対してScriptを実行することは可能?
hoge.com/0001.html
<html>
<head>
</head>
<body>
https://rehoge.com/1234.html
</body>
</html>
上記ページから rehoge.com/1234.html に対してScriptを実行することは可能ですか?
例えば rehoge.com/...
0
票
1回答
50 件の閲覧数
Objectのプロパティにアクセスするメソッド
let a = {1: "a", 2: "b"};
let accessKey = 1;
というようなときにaのプロパティ1をaccessKeyを使用して参照する方法はあるのでしょうか?
0
票
1回答
152 件の閲覧数
Htmlに埋め込んだテキストファイルをJavaScriptで取得したい
自分だけが使う開発用(一般に公開の予定はないのでセキュリティはあまり気にしてない)のホームページにおいて、ページと同じフォルダ内にあるテキストファイル(.txt)の中身をJavaScriptで値として取得したい思っています。なお、ファイル選択ダイアログを開いて選択するのではなく、ページを開けば自動的にJSに取得されるようにしたいです。
今試している方法としては、テキストファイル(.txt)...
0
票
1回答
220 件の閲覧数
onsen-UIが読み込まれていない?
onsen-UI使っています。
Visualstudioを使っています。
UIのスライドメニューというか、ハンバーガー?のアイコンの動きとページ偏移は、正常にできます。
でも、下記のソースのように、clickの動作とセンサーの部分が動きません。
色々ネット検索して試行錯誤していますが、解決できず困っています。
ご教授頂けましたら幸いです。
onclickのイベントは使えます。
<...
1
票
0回答
395 件の閲覧数
Djangoで JavaScript を扱いたいのですが、なかなかエラーが消えません。
https://code.i-harness.com/ja/q/48f14
上記のサイトを参考にして、js.pyを追加し、htmlファイルに以下のように記述しましたが、
(% load js %} のところでエラーが出てしまいます。
{% load js %}
<script type="text/javascript">
var someVar = {{ ...
0
票
1回答
126 件の閲覧数
firebaseから取得したデータをReact内のjsxで表示できない
firebaseから取得したデータをreact componentで表示したいのですがundefinedが返され上手く表示されません。ライフサイクルの観点から上手くデータが同期されていない様に思うのですが、どなたかご教示いただく事は出来ないでしょうか。
【追記分】
class Grammer extends React.Component {
state =
{
N1:[],
...
0
票
1回答
229 件の閲覧数
GAS データがある最終行取得
GASを使ってスプレッドシートのデータがある最終行または最終カラムを取得したいです。
前まではスプレッドシートのデータがある最終行までのデータは下記のコードで取得できていたのですが、シート数が何枚にもなり下記の(変更後)にコードを変更しました。
そしたら var row = sheet.getLastRow(); をデバックで見てみたらデータではなくセルの最終行のデータが取得されてしましました。
...
0
票
2回答
162 件の閲覧数
javascript try catchについて
今やろうとしていることは、try catchでcatchした所に入ったエラーをajax処理してメールを飛ばそうとしています。
ただ、今まであったjavascriptのコードの大枠にtry catchをしてもcatchされません。
ただ、エラーが出ているコードにtry catchするとcatchしてくれます。
追記20200903
try catchを大枠でとれないのを確認出来たので、...