[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
533
未回答やベストアンサーなし質問
1
票
0
回答
182
閲覧数
node.jsを常時実行させたい
slackを匿名化するbotを作成したく下記のサイトを参考に、node.jsでコードを作成しました。
Slackで匿名で投稿できるチャンネルを作った - Qiita
当たり前ですがこちらのcodeはpcの電源を切ると停止してしまいます。
この処理を常時実行させpcの電源を切ってもSlackを匿名化させたいと考えています。
現在GCP、Glitch、...
1
票
0
回答
405
閲覧数
chartjs-plugin-zoomのpanが正しく機能しないのはなぜでしょうか?
前提・実現したいこと
chartjs-plugin-zoomを使って以下のようなコードで、グラフを作りました。
https://codepen.io/nemurino-kai/pen/QWNexKJ?editors=0010
chartjs-plugin-zoomのgithubにあるLive Codepen Demoを改変して作成しました。
発生している問題・エラーメッセージ
「...
1
票
0
回答
627
閲覧数
Rails のデータの値を変数として Chart.js で円グラフに代入して表示させたい
実現したい事
Chart.jsの円グラフの各ラベルの値を、Railsから取得し円グラフに反映させたい
※1対多の関係にあり、実際の値は、親ではなく子モデルにあります
環境
・Ruby:2.6.5
・Rails:5.2.4.3
・DB設計 ※詳細は下記コード
親:Recordテーブル
子:Practiceテーブル
試した事
RailsデータをJSに反映させるため、gem ...
1
票
0
回答
1,308
閲覧数
Uncaught ReferenceError: $ is not defined とjQueryの読み込みについて
javascriptとjQueryを使ってHPを作成中です。
両言語とも初心者です。
jQueryは2つ以上読み込まない方がいいと言うのもあるみたいですが
今回はこちらにあるサイトの動きを模倣したいと考えてます。
ソースが載ってるGitHubにはjQueryを以下の通り2つ読み込んでるように思えます。
<script src="https://cdnjs.cloudflare.com/...
1
票
2
回答
450
閲覧数
interfaceをObject.keysで回して値を更新したい
javascriptからTypeScriptへの移行を行っています。
javascriptでは下記のようにobjectのkeyを用いて部分変更ができましたが
Typescriptでは型が怒られるため実現できていません。
Typescriptではどう逆立ちしても無理でしょうか?
巨大なobjectの一部を更新するロジックがかなり多いため、なんとか実現したいのですが。。。
javascript
...
1
票
1
回答
1,203
閲覧数
Nuxt.jsで画像読み込み時に404エラーが発生した際に代わりの画像に差し替えたい
https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404
上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。
しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
1
票
0
回答
112
閲覧数
Node.js実行中にプログラムが中断されて終了してしまう
以下のコードを実行すると標準出力に"OK"と出力されて終わるはずが、"OK"も出力されず、エラーも出力されずにnode.exeが終了してしまいます。
ただし、コード内の★行をコメントアウトすると"OK"と出力されて終了します。
process.onでuncaughtExceptionやunhandledRejectionをハンドルするようにしても、特に呼び出されているようではありませんでした。
...
1
票
0
回答
385
閲覧数
jsで特定のeventを強制的に発火させる方法について
やりたいこと
クリップボードの画像を直接tweetdeckに投稿できるようにしたい。
既存のuser script (greasemonkeyにて動作確認)
① https://greasyfork.org/ja/scripts/27927-tweetdeck-image-paste-support/code
② https://gist.github.com/gaeulbyul/...
1
票
0
回答
468
閲覧数
Vuex & Typescript で this.$store を参照できない
お世話になっております。
現在VuexとTypescriptを使用してカウンターアプリを作成しています。
質問
Vuexのストアをthis.$storeで参照することができない。
this.$store → TS2339: Property '$store' does not exist on type
this['$store'] → 正常に動作する
this['$store']...
1
票
0
回答
613
閲覧数
react nativeでpretterとeslintを使用するときのコード整形について
解決したいこと
拡張子.jsで書くreact nativeのpretterとeslintでのコード整形について
typescriptで書くときに悩まされる下記のerrorについて
前提
react native を書いています。コード整形でpretterとeslintを使用しています。
問題
ここでうまく行かないことがあります。
ファイルの拡張子を.js でreact ...
1
票
1
回答
264
閲覧数
GASのV8 runtimeでHtmlService.getUserAgent()が使えない
GASでV8 runtimeが使用可能になりました。
https://developers.google.com/apps-script/guides/v8-runtime?hl=ja
しかし、HtmlService.getUserAgent()関数を呼ぶと、レガシーのRhinoエンジンでは使用中のブラウザ情報が返っていましたが、V8エンジンではnullが返るようです。
これを修正、...
1
票
1
回答
103
閲覧数
配列の中の値を変更する方法
前提・実現したいこと
JavaScriptにて成績処理の課題をやっています。
(学生の成績(点数)を入力し、その平均点、最高点を表示するという課題)
内容としては
まず最初に人数を入力しそして、その回数だけ名前と点数を入力。
例:※入力画面は prompt で行う。
入力画面:「人数を入力してください」 入力:3
入力画面:「名前を入力してください」 入力:山田
入力画面:「...
1
票
1
回答
182
閲覧数
react.jsで作ったコンポーネントの動作がスマホのchromeだけ違う
reactの練習で、create-react-appで作成したアプリのapp.jsを書き換えたり、簡単なコンポーネントを作って読み込んで動かしたりしています。
NumberOfGamesコンポーネントが入力欄、PrintBasicInfoコンポーネントが入力内容表示部分、
入力欄に入力(あるいは削除)する度にstate.placeが書き換えられて表示部分も変化する。
App....
1
票
0
回答
128
閲覧数
AjaxのJavaScriptが動きません
Ajaxを使ったJavascriptで、以下の①と②は個別には問題なく動くのですが、
これを同時に使用とすると、②のwindow.onbeforeunload()関数が呼び出されません。
window.onbeforeunloadを使う場合の注意点などがありますか?
画面遷移時なので、console.log等も残せないようなので、デバッグにも苦労しています。
少し長くてすいませんが
コード①
...
1
票
0
回答
191
閲覧数
brewでnodeをインストールせずにyarnをupgradeする方法
nvmやndenvを使っている場合、brewでyarnをインストールするときはbrewでnodeが入らないように以下のように--ignore-dependenciesをつけると思います。
$ brew install yarn --ignore-dependencies
この場合、yarnのupgradeはどのようにすればいいでしょうか?
以下、失敗した方法です。
$ brew ...
1
票
0
回答
90
閲覧数
SafariではJavascript Bindメソッドが動作しないですか
Bind という機能を利用しようと思ったんですが、うまくいかなくて質問します。
SafariではJavascriptのBindメソッドを利用できないですか
return (
<div className="App">
<header>
<h1>
<a href="/" onClick={...
1
票
0
回答
895
閲覧数
react,material-uiのselectにて、labelと要素が重なって表示される
以下のような形で、reactにてmaterial-uiを使用し、セレクトボックスを作成しています。
しかし、labelとセレクトボックス内の要素が重なって表示されてしまいます。
どのような観点で修正を実施すればよいかご教示いただければ幸いです。
componentWillMount() {
navigator.mediaDevices.enumerateDevices()....
1
票
0
回答
408
閲覧数
Vue.js でFirestoreからMessagesコレクションを取り出すときにソートしたい
FirebaseのCloud Firestoreを用いて、リアルタイムに反映される簡単なチャットアプリをVue.jsで実装したいと思っています。
Firestoreにはusersコレクションとmessagesコレクションがあり、それぞれのドキュメントには
{name: 名前, photoURL: プロフィール画像url}, {userID: 投稿したuserドキュメントのID, message: ...
1
票
0
回答
113
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
1
票
0
回答
84
閲覧数
オプティマイズリー (Optimizely A/B テスト)でのReact.jsの記述
ターゲットにしたいページが、React.jsで動いている為 JQueryやVanila JS での記述ではなく全てReact での記載でエレメントを書き換えたいと考えております。今まで、cssとjQueryでの記載しかしたことがなく、React.jsで全て動いているページをターゲットにしてオプティマイズリー上で上書きしたくてもできません。HTMLの削除、css追加なども全く効かない状態です。
...
1
票
0
回答
2,073
閲覧数
fetchメソッドのエラー処理で"Unchecked runtime.lastError: The message port closed before a response was received."が表示させないようにする方法を教えてください
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
GitHubに公開しているfetch_catch.htmlを実行すると、コンソール画面に下記のエラーが表示されます。エラーが表示されないようにするためにはどうすれば良いでしょうか?
Unchecked runtime.lastError: The message port ...
1
票
0
回答
37
閲覧数
webpacker のロード時に各変数を確認する方法
Webpacker で呼び出されるコードのデバックはどのようにすればよいのでしょうか?
具体的には以下のような流れで問題に直面しました。
こちらのQiitaの記事を参考にRails+Vue.jsの勉強をしていたのですが
https://qiita.com/naoki85/items/51a8b0f2cbf949d08b11
記事内にもある通りconfig/webpack/loaders/...
1
票
0
回答
193
閲覧数
jQuery3.2.1で要素の大きさ(width, height)を拡大縮小するアニメーションの実装。
jQueryである要素を一定の間隔で拡大縮小(膨らんだり、縮んだり)を永続的にさせる効果を実装したいのですが。
思うように動かず困っております。
jQueryもですし、Javascript自体触ったばかりで初歩的な内容で申し訳ありません。
対象の要素:btn1
CSS:width: 300px;,height: 60px
jQueryコード:
$(function () {
...
1
票
0
回答
230
閲覧数
three.jsで表現したパーティクルの集合図形を整列させたい。
以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。
リンク
コード内にもありますが、集合する図形の座標情報はstlの3dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。
しかし、こちらの座標情報だと頂点座標しか格納されていないために、...
1
票
0
回答
189
閲覧数
chart.js上でインタラクティブに図形を表示したい
お世話になっております。
chart.js v2.7.2 を使っています。
その際、任意の位置にfillrect()などで描画をオーバーレイしたいのですが、
インタラクティブに動作させることが出来ません。
見よう見まねで以下のように実装してみましたが、図形は描画されるものの、
変数(posZoomLeft等)を変更しても、関数が再評価されないので、値が更新されません。
Chart....
1
票
0
回答
144
閲覧数
IE11ではShowModalDialogしたウインドウでのonKeyDownイベントでF12が拾えない
JavaScriptでF12を制御して、無効化にしたいですが、IE11ではShowModalDialogしたウインドウでのonKeyDownイベントでF12が拾えない。IE10以前の開発ツールが起動してしまいます。
1
票
0
回答
1,853
閲覧数
ASP.NET MVCで ModelのList型の値をJavaScript で使いたい
ASP.NET MVC で Model のList型の値を JavaScript でJsonデータとして参照したいので、
色々なサイトを参考に以下のように記述しました。
↓ View.cshtml の中へ記述
<Script type="text/javascript">
@{
var value = Newtonsoft.Json.JsonConvert....
1
票
0
回答
499
閲覧数
HTML内でPDFを表示した際のリンクによるページ遷移の方法について
現在、左に目次一覧、右にPDFを表示したいなと、iframeを利用して単純に作っています。
単純に書くと次のような状態です。
<html>
<body>
<a href="name.pdf#page=1" target="pdf">1</a><br />
<a href="name.pdf#page=10" ...
1
票
1
回答
71
閲覧数
Polymerでのjsonの扱いについて。
初めまして、初投稿です。
今私はPolymerを勉強しています。
学習の一環としてとアプリを作成しており、iron-ajaxを使用してjsonからデータを取得しています。
そこでcomponent_A.html内でiron-ajaxで読み込んだjsonデータをcomponent_B.htmlに配列で渡してdom-repeatを使って配列内を表示できないかと考えているのですが上手く行きません。
...
1
票
0
回答
558
閲覧数
Djangoで JavaScript を扱いたいのですが、なかなかエラーが消えません。
https://code.i-harness.com/ja/q/48f14
上記のサイトを参考にして、js.pyを追加し、htmlファイルに以下のように記述しましたが、
(% load js %} のところでエラーが出てしまいます。
{% load js %}
<script type="text/javascript">
var someVar = {{ ...
1
票
0
回答
267
閲覧数
vscode+node.jsでデバッグをやったら結果の表示がおかしいのは仕様ですか?
vscode+node.jsでjavascriptの練習をやっていました。少し長いコードになりますがこのようなコードを書いていました。
var score = [100, 300, 500]
console.log(score[0])
//配列の値を書き換えるには
score[2] = 400
//配列を全て表示するには
console.log(score)
...
1
票
0
回答
1,276
閲覧数
Jsonデータの持ち回りと値の受け渡しについて
前提・実現したいこと
我ながらお恥ずかしい話ですが、APIから取得するデータでツリー表示をさせ、画面上にデータとして残すようなページをサンプルで作っています。
どうか皆様のアドバイス(ソースコード)などのお力添えをお願いいたします。
環境等は最下部に記載しています。
以下が実現したいことです。
Jsonデータ ⇒ 取得してツリー表示(初期表示) ⇒ ツリー内のボタン(プラスボタンなど) ⇒...
1
票
0
回答
60
閲覧数
管理サイトにおけるAPIの認証について
現在あるサービスの管理サイトを作成しようと考えています。
この管理サイトはJavaScriptのSPAで構築しようとしています。以下にサービスの概要を書きます。
バックエンドのAppサーバ
ドメイン: backend.example.com
サーバ仕様: JSONによりデータベースに変更を加えたりデータを取得したりする。
管理サイトのAppサーバ
ドメイン: admin.example.com
...
1
票
0
回答
904
閲覧数
vuetifyのselectboxの値によってフォームの表示,非表示を切り替えたい
概要
vue + vuex + vuetify を用いて動的なフォームを作成したいのですが,
selectboxで選ばれた結果によって動的にフォームの表示,非表示を切り替えたいです.
環境
vue 2.5.2
vuex 3.0.1
vuetify 0.17.2
現状
App.vue
<template>
<v-app>
<v-form>
&...
1
票
0
回答
149
閲覧数
cocos creatorとネイティブの連携方法
cocos creator の webアプリケーションとネイティブの連携方法を教えてください。
JS <- -> swift, java
相互にメソッドを呼び出したいです。
cocos creatorでビルドしたwebアプリをネイティブアプリのwebviewで動作させます。
そのwebviewで動くcocos(JS)とネイティブの連携をしたいです
1
票
0
回答
68
閲覧数
SublimeText3ファイル保存に関して
SublimeText3にて新規でファイルを作成し、保存時にtsx形式で保存してもファイル名の最後に.jsがついしまいます。
どなたか解決方法ご存知でしょうか。
1
票
0
回答
111
閲覧数
GoogleAnalyticsを導入したサイトで、PHPで生成するCookieをすべてHttpOnlyにして良いか
XSS対策としてCookieをFuelPHPのConfigを用いてHttpOnlyの設定にしようか検討しております。
しかし、実際にHttpOnlyに設定する前と後で、Cookieを見比べてみると
GoogleAnalyticsのCookieである
_dc_gtm_UA-XXXXXXXXXX=1
が減っていることがわかりました。
これはGoogle Tag ManagerとGoogle ...
1
票
0
回答
3,660
閲覧数
jQueryプラグインの「slick」を利用しつつランダム表示させたい
slickを利用したカルーセルをランダムに表示するようしたいのですが、ランダム表示にはなっているものの、下記3点の不具合があり解決方法をご教授いただけますと幸いです。なお、カルーセルさせる画像の枚数は10点としています。
全10点の画像のうち1点が2回(どの画像になるかはその都度変わります)表示される
(意図通りに)表示されない画像が1点ある
最後の画像(10枚目)から最初の画像(1枚目)...
1
票
1
回答
416
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
1
票
0
回答
256
閲覧数
AdobeAcrobatのアクションウィザードで文章の右綴じ設定を行う方法。
AdobeAcrobatのアクションウィザードで右綴じ設定を行う方法を探しています。
以下のリファレンスを見た限りでは、専用の関数やプロパティは用意されていないようです。
https://helpx.adobe.com/content/dam/help/jp/acrobat/kb/511/511727/attachments/511727_js_api_reference.pdf
調べたところ、...
1
票
0
回答
121
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
1
票
0
回答
587
閲覧数
キャッシュを回避する方法以外でgifアニメを最初から再生する方法
https://iwb.jp/javascript-gifanimation-load/
このページにかかれているように、gifアニメーションを毎回最初から再生するには、乱数を画像の後ろにつけて毎回画像を取得する方法(キャッシュを回避する方法)があります。
しかし、何度も読み込む場合処理落ちが発生してしまいます。
これを回避する方法はキャッシュを回避する方法以外に存在するのでしょうか。
...
1
票
0
回答
1,363
閲覧数
jarに含ませたjsファイルを参照する方法
jarファイル内にJSファイルを含ませた場合、
そのjarファイルを参照させたプロジェクトからJS処理は実行可能なのでしょうか?
こちらのサイトを参考に簡単なプロジェクトをjar化してみました。
ttp://blog.livedoor.jp/morituri/archives/54648406.html#54648406-h1-jar
jarファイルを別のプロジェクトで参照させ、...
1
票
1
回答
311
閲覧数
Fullcalendarのカルーセル遷移
Fullcalendarを使っています。
月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
1
票
0
回答
238
閲覧数
cordova.file.cacheDirectoryを消すにはどうすればよいか
現在Monacaを用いてアプリを作成しています。
CorvodaのFileプラグインは導入済みです。
Monacaのドキュメントによると、cordova.file.cacheDirectoryフォルダの
ファイルの削除は、本来であれば、アプリ側で制御すべき処理と書かれていますが、
削除する方法が書いていません。どのようにして削除すればよろしいでしょうか?
1
票
1
回答
258
閲覧数
Rails で react-router を使う場合の設定
現在、Rails をバックエンドにしたSPAを作ろうと考えています。
ログインすると入れる、 /user 以下の画面を react-router の browserHistory を使って制御させたいと思っています。
つまり、 /user/hoge にアクセスしても /user/fuga にアクセスしても Rails が実行するアクションは常に同じで、...
1
票
0
回答
526
閲覧数
選択した以外のselectboxを非表示にしたい
ラジオボックスを選択したときに、選択した以外のセレクトボックスを非表示にしたいのですが、選択する前から表示されたままで、選択しても非表示にすることができません。どのようにすると非表示にできますか?
Chrome の JavaScript コンソールで確認すると、 document.getElementsById('firstBox').style.display = "none"; のところに
...
1
票
0
回答
470
閲覧数
monacaでのlocalStorageの使用について
monaca にて localStorage を使った Todo アプリを制作しています。
ページ遷移や更新をした際、自動的に localStorage に
Key: MobileServices.Installation.config
Value: {"applicationInstallationId":""}(""内は英数字の羅列)
といったデータが保存されてしまい、困っています。
...
1
票
0
回答
284
閲覧数
MonacaでのOAuth.ioについて
現在Monacaを利用してTwitterのクライアントを作成しています。
OAuth.ioを利用してOAuth認証を行おうとしているのですが、
OAuth.popup()を行った際ブラウザにて
"Cannot find hostname in file:/// from static
code: InvalidHeader
message: Cannot find hostname ...
1
票
0
回答
393
閲覧数
Google maps JavaScript API のDos攻撃対策について
Github pages 上でGoogle maps JavaScript APIを使ったアプリを作成しようと考えています。
このAPIは使用制限があり、料金は下記のようになっています。
マップのロードが 90 日間連続して 1 日 25,000 回を超過するまで無料 マップのロードが 90 日間の 1 日あたりの
25,000 回の使用制限に達した場合、1 日 25,000 ...