[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/...
  • 27
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 とバインディングした際には ...
  • 29
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/...
  • 101
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']...
  • 33
1
0 回答
613 閲覧数

react nativeでpretterとeslintを使用するときのコード整形について

解決したいこと 拡張子.jsで書くreact nativeのpretterとeslintでのコード整形について typescriptで書くときに悩まされる下記のerrorについて 前提 react native を書いています。コード整形でpretterとeslintを使用しています。 問題 ここでうまく行かないことがあります。 ファイルの拡張子を.js でreact ...
  • 11
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 入力画面:「名前を入力してください」 入力:山田 入力画面:「...
  • 11
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等も残せないようなので、デバッグにも苦労しています。 少し長くてすいませんが コード① ...
  • 391
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()....
  • 37
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/...
  • 3,507
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....
  • 33
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....
  • 11
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" ...
  • 390
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データ ⇒ 取得してツリー表示(初期表示) ⇒ ツリー内のボタン(プラスボタンなど) ⇒...
  • 11
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>  &...
  • 11
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がついしまいます。 どなたか解決方法ご存知でしょうか。
  • 11
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 ...
  • 11
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ファイルを別のプロジェクトで参照させ、...
  • 763
1
1 回答
311 閲覧数

Fullcalendarのカルーセル遷移

Fullcalendarを使っています。 月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
  • 11
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 が実行するアクションは常に同じで、...
  • 21
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":""}(""内は英数字の羅列) といったデータが保存されてしまい、困っています。 ...
  • 33
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 ...