[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
516
未回答やベストアンサーなし質問
1
票
0
回答
147
閲覧数
VSCodeでファイル保存時にPrettierのみを走らせたい
前提・実現したいこと
Visual Studio Code(VSCode)でJavaScriptのファイルを保存した時にPrettierのみを走らせたい。
発生している問題・エラーメッセージ
ファイル保存時にPretterでフォーマットしたく、VSCodeのPrettierの拡張を入れ、"editor.formatOnSave": trueに設定しています。
...
1
票
1
回答
120
閲覧数
react.jsで作ったコンポーネントの動作がスマホのchromeだけ違う
reactの練習で、create-react-appで作成したアプリのapp.jsを書き換えたり、簡単なコンポーネントを作って読み込んで動かしたりしています。
NumberOfGamesコンポーネントが入力欄、PrintBasicInfoコンポーネントが入力内容表示部分、
入力欄に入力(あるいは削除)する度にstate.placeが書き換えられて表示部分も変化する。
App....
1
票
0
回答
116
閲覧数
AjaxのJavaScriptが動きません
Ajaxを使ったJavascriptで、以下の①と②は個別には問題なく動くのですが、
これを同時に使用とすると、②のwindow.onbeforeunload()関数が呼び出されません。
window.onbeforeunloadを使う場合の注意点などがありますか?
画面遷移時なので、console.log等も残せないようなので、デバッグにも苦労しています。
少し長くてすいませんが
コード①
...
1
票
0
回答
179
閲覧数
brewでnodeをインストールせずにyarnをupgradeする方法
nvmやndenvを使っている場合、brewでyarnをインストールするときはbrewでnodeが入らないように以下のように--ignore-dependenciesをつけると思います。
$ brew install yarn --ignore-dependencies
この場合、yarnのupgradeはどのようにすればいいでしょうか?
以下、失敗した方法です。
$ brew ...
1
票
0
回答
80
閲覧数
SafariではJavascript Bindメソッドが動作しないですか
Bind という機能を利用しようと思ったんですが、うまくいかなくて質問します。
SafariではJavascriptのBindメソッドを利用できないですか
return (
<div className="App">
<header>
<h1>
<a href="/" onClick={...
1
票
0
回答
622
閲覧数
react,material-uiのselectにて、labelと要素が重なって表示される
以下のような形で、reactにてmaterial-uiを使用し、セレクトボックスを作成しています。
しかし、labelとセレクトボックス内の要素が重なって表示されてしまいます。
どのような観点で修正を実施すればよいかご教示いただければ幸いです。
componentWillMount() {
navigator.mediaDevices.enumerateDevices()....
1
票
0
回答
399
閲覧数
Vue.js でFirestoreからMessagesコレクションを取り出すときにソートしたい
FirebaseのCloud Firestoreを用いて、リアルタイムに反映される簡単なチャットアプリをVue.jsで実装したいと思っています。
Firestoreにはusersコレクションとmessagesコレクションがあり、それぞれのドキュメントには
{name: 名前, photoURL: プロフィール画像url}, {userID: 投稿したuserドキュメントのID, message: ...
1
票
0
回答
96
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
1
票
0
回答
82
閲覧数
オプティマイズリー (Optimizely A/B テスト)でのReact.jsの記述
ターゲットにしたいページが、React.jsで動いている為 JQueryやVanila JS での記述ではなく全てReact での記載でエレメントを書き換えたいと考えております。今まで、cssとjQueryでの記載しかしたことがなく、React.jsで全て動いているページをターゲットにしてオプティマイズリー上で上書きしたくてもできません。HTMLの削除、css追加なども全く効かない状態です。
...
1
票
0
回答
1,982
閲覧数
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
回答
130
閲覧数
Firebase + ExpressでのSassの自動コンパイルについて
実現したいこと
Firebaseのfunctionsとhostingを利用してExpress製のNode.jsアプリを開発中です。
CSSプリプロセッサにSassを利用したいと思っております。
問題点
Sassファイルを変更後に $firebase serve を行ってもCSSファイルが自動的に更新されません。
destのstyle.cssファイルが存在しない場合はstyle....
1
票
0
回答
168
閲覧数
Vue.js transitionのbefore-leaveでDOMの変更が反映されない
Vue.js transitionアニメーションで、アニメーションと同時に内部のテキストを変更しようとしたのですがうまく反映されません。
以下その再現ソース。
new Vue({
el:'#app',
data:{
show:false,
status:'',
},
methods:{
beforeEnter(el){
...
1
票
0
回答
110
閲覧数
クローラーにブログのカテゴリーを伝えるには?
雑記ブログなのでクローラーにカテゴリーを伝えたいです。
自分で調べて下記のように認識したのですが正しいか教えていただければ幸いです。
マイクロデータで行う方法を見つけたので、こちらで実装したいです。
私のサイトの例
http://example.com/index.html
http://example.com/html/SEOクイズ1.html(1から10まで、ページがある)
http:/...
1
票
0
回答
37
閲覧数
webpacker のロード時に各変数を確認する方法
Webpacker で呼び出されるコードのデバックはどのようにすればよいのでしょうか?
具体的には以下のような流れで問題に直面しました。
こちらのQiitaの記事を参考にRails+Vue.jsの勉強をしていたのですが
https://qiita.com/naoki85/items/51a8b0f2cbf949d08b11
記事内にもある通りconfig/webpack/loaders/...
1
票
0
回答
150
閲覧数
jQuery3.2.1で要素の大きさ(width, height)を拡大縮小するアニメーションの実装。
jQueryである要素を一定の間隔で拡大縮小(膨らんだり、縮んだり)を永続的にさせる効果を実装したいのですが。
思うように動かず困っております。
jQueryもですし、Javascript自体触ったばかりで初歩的な内容で申し訳ありません。
対象の要素:btn1
CSS:width: 300px;,height: 60px
jQueryコード:
$(function () {
...
1
票
2
回答
652
閲覧数
expoのios.infoPlistが反映されない
カメラロールにアクセスしようとした際に出現する、alert modalの文面を変えたいのですが、うまく変えられません
試したこと
"expo": {
"name": "留学コンパス.",
"icon": "./images/CompassPioneering-02.png",
"version": "1.0.2",
"slug": "ryugakuCompass",
"sdkVersion": ...
1
票
0
回答
151
閲覧数
list.js で fuzzy-search をすると pagination が消える
// list.js に食わせるデータ
var database = [
{"name":"name1", "value":"v1"},
{"name":"name2", "value":"v2"},
{"name":"name3", "value":"v3"},
{"name":"name4", "value":"v4"},
{"name":"name5", "...
1
票
0
回答
131
閲覧数
GoogleCharts - annotationの表示を移動させるには
GoogleChartsでannotationを各バーの下に表示するにはどうしたらよいでしょうか。
(横長帯グラフの場合)
教えていただけると有難いです。
コードは以下に
<script type="text/javascript">
google.charts.load("current", {packages:["corechart"]});
google.charts....
1
票
0
回答
230
閲覧数
IE11のwebsocketにおけるbinary送信について
IE11のwebsocketを使用して、以下の3つのファイルを分割して、送信しました。
①全バイト0x00ファイル
②全バイト0x70ファイル
③全バイト0xFFファイル
①~③は全てサイズ100MBファイルです。
FileReaderを使用して、1MBをarrayBufferとして読み込んで、websocketで送信。
この読み込んで送信の流れを100回繰り返して100MB送信します。
...
1
票
0
回答
47
閲覧数
スクロールで発生するアニメーションが終わる前に次のアニメーションに移る場合の挙動について
three.js, tween.jsを使用して、ランダムに動くパーティクルがページの中央までスクロールすると集合し図形を型取り、ページ下部までスクロールするとまたランダムな動きに戻るという実装をしました。
ゆっくりスクロールすると想定通りの動きをするのですが、スクロールが早いと集合した図形のままとまってしまい、ランダムに戻らなくなってしまいます。
以下、現状のデモになります。
デモ
...
1
票
1
回答
7,431
閲覧数
EclipseでJavaScriptのステップ実行を試したい
EclipseのPHPのプロジェクトで、Webページに読み込まれるJSがあります。
Eclipseのデバッグ操作でJSについても、ステップ実行できればなぁと考えますが無理なのでしょうか?
何かのプラグインが足りないのでしょうか?
デバッグ実行しても、ブレークポイントで停まりません。
現状の当方のデバッグ構成画面は以下のとおりです。
ちなみにブラウザ(IE)の開発ツールの使い方が分からなく、...
1
票
0
回答
202
閲覧数
three.jsで表現したパーティクルの集合図形を整列させたい。
以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。
リンク
コード内にもありますが、集合する図形の座標情報はstlの3dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。
しかし、こちらの座標情報だと頂点座標しか格納されていないために、...
1
票
0
回答
149
閲覧数
chart.js上でインタラクティブに図形を表示したい
お世話になっております。
chart.js v2.7.2 を使っています。
その際、任意の位置にfillrect()などで描画をオーバーレイしたいのですが、
インタラクティブに動作させることが出来ません。
見よう見まねで以下のように実装してみましたが、図形は描画されるものの、
変数(posZoomLeft等)を変更しても、関数が再評価されないので、値が更新されません。
Chart....
1
票
0
回答
133
閲覧数
IE11ではShowModalDialogしたウインドウでのonKeyDownイベントでF12が拾えない
JavaScriptでF12を制御して、無効化にしたいですが、IE11ではShowModalDialogしたウインドウでのonKeyDownイベントでF12が拾えない。IE10以前の開発ツールが起動してしまいます。
1
票
0
回答
1,559
閲覧数
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
回答
389
閲覧数
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
回答
68
閲覧数
Polymerでのjsonの扱いについて。
初めまして、初投稿です。
今私はPolymerを勉強しています。
学習の一環としてとアプリを作成しており、iron-ajaxを使用してjsonからデータを取得しています。
そこでcomponent_A.html内でiron-ajaxで読み込んだjsonデータをcomponent_B.htmlに配列で渡してdom-repeatを使って配列内を表示できないかと考えているのですが上手く行きません。
...
1
票
0
回答
481
閲覧数
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
回答
236
閲覧数
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,198
閲覧数
Jsonデータの持ち回りと値の受け渡しについて
前提・実現したいこと
我ながらお恥ずかしい話ですが、APIから取得するデータでツリー表示をさせ、画面上にデータとして残すようなページをサンプルで作っています。
どうか皆様のアドバイス(ソースコード)などのお力添えをお願いいたします。
環境等は最下部に記載しています。
以下が実現したいことです。
Jsonデータ ⇒ 取得してツリー表示(初期表示) ⇒ ツリー内のボタン(プラスボタンなど) ⇒...
1
票
0
回答
60
閲覧数
管理サイトにおけるAPIの認証について
現在あるサービスの管理サイトを作成しようと考えています。
この管理サイトはJavaScriptのSPAで構築しようとしています。以下にサービスの概要を書きます。
バックエンドのAppサーバ
ドメイン: backend.example.com
サーバ仕様: JSONによりデータベースに変更を加えたりデータを取得したりする。
管理サイトのAppサーバ
ドメイン: admin.example.com
...
1
票
0
回答
830
閲覧数
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
回答
133
閲覧数
cocos creatorとネイティブの連携方法
cocos creator の webアプリケーションとネイティブの連携方法を教えてください。
JS <- -> swift, java
相互にメソッドを呼び出したいです。
cocos creatorでビルドしたwebアプリをネイティブアプリのwebviewで動作させます。
そのwebviewで動くcocos(JS)とネイティブの連携をしたいです
1
票
0
回答
67
閲覧数
SublimeText3ファイル保存に関して
SublimeText3にて新規でファイルを作成し、保存時にtsx形式で保存してもファイル名の最後に.jsがついしまいます。
どなたか解決方法ご存知でしょうか。
1
票
0
回答
86
閲覧数
GoogleAnalyticsを導入したサイトで、PHPで生成するCookieをすべてHttpOnlyにして良いか
XSS対策としてCookieをFuelPHPのConfigを用いてHttpOnlyの設定にしようか検討しております。
しかし、実際にHttpOnlyに設定する前と後で、Cookieを見比べてみると
GoogleAnalyticsのCookieである
_dc_gtm_UA-XXXXXXXXXX=1
が減っていることがわかりました。
これはGoogle Tag ManagerとGoogle ...
1
票
0
回答
218
閲覧数
AdobeAcrobatのアクションウィザードで文章の右綴じ設定を行う方法。
AdobeAcrobatのアクションウィザードで右綴じ設定を行う方法を探しています。
以下のリファレンスを見た限りでは、専用の関数やプロパティは用意されていないようです。
https://helpx.adobe.com/content/dam/help/jp/acrobat/kb/511/511727/attachments/511727_js_api_reference.pdf
調べたところ、...
1
票
0
回答
116
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
1
票
0
回答
534
閲覧数
キャッシュを回避する方法以外でgifアニメを最初から再生する方法
https://iwb.jp/javascript-gifanimation-load/
このページにかかれているように、gifアニメーションを毎回最初から再生するには、乱数を画像の後ろにつけて毎回画像を取得する方法(キャッシュを回避する方法)があります。
しかし、何度も読み込む場合処理落ちが発生してしまいます。
これを回避する方法はキャッシュを回避する方法以外に存在するのでしょうか。
...
1
票
0
回答
231
閲覧数
cordova.file.cacheDirectoryを消すにはどうすればよいか
現在Monacaを用いてアプリを作成しています。
CorvodaのFileプラグインは導入済みです。
Monacaのドキュメントによると、cordova.file.cacheDirectoryフォルダの
ファイルの削除は、本来であれば、アプリ側で制御すべき処理と書かれていますが、
削除する方法が書いていません。どのようにして削除すればよろしいでしょうか?
1
票
1
回答
253
閲覧数
Rails で react-router を使う場合の設定
現在、Rails をバックエンドにしたSPAを作ろうと考えています。
ログインすると入れる、 /user 以下の画面を react-router の browserHistory を使って制御させたいと思っています。
つまり、 /user/hoge にアクセスしても /user/fuga にアクセスしても Rails が実行するアクションは常に同じで、...
1
票
0
回答
504
閲覧数
選択した以外のselectboxを非表示にしたい
ラジオボックスを選択したときに、選択した以外のセレクトボックスを非表示にしたいのですが、選択する前から表示されたままで、選択しても非表示にすることができません。どのようにすると非表示にできますか?
Chrome の JavaScript コンソールで確認すると、 document.getElementsById('firstBox').style.display = "none"; のところに
...
1
票
0
回答
451
閲覧数
monacaでのlocalStorageの使用について
monaca にて localStorage を使った Todo アプリを制作しています。
ページ遷移や更新をした際、自動的に localStorage に
Key: MobileServices.Installation.config
Value: {"applicationInstallationId":""}(""内は英数字の羅列)
といったデータが保存されてしまい、困っています。
...
1
票
0
回答
279
閲覧数
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
回答
364
閲覧数
Google maps JavaScript API のDos攻撃対策について
Github pages 上でGoogle maps JavaScript APIを使ったアプリを作成しようと考えています。
このAPIは使用制限があり、料金は下記のようになっています。
マップのロードが 90 日間連続して 1 日 25,000 回を超過するまで無料 マップのロードが 90 日間の 1 日あたりの
25,000 回の使用制限に達した場合、1 日 25,000 ...
1
票
0
回答
109
閲覧数
ソフトウエアキーボードの「次へ」を消したい
input type="number" でテンキーボードが表示されますが、右下の「次へ」を押すと画面が乱れてしまいます。
実機は Xperia z3 compact ですが、Xperia のスマホでは「次へ」ではなく「>」と表示されていて押してもなにも反応しません。
キーコードがわかれば無視できるかと思ったのですが window.event.keyCode ...
1
票
0
回答
68
閲覧数
Monaca上でURLからの音声データを再生する方法
DocomoAPIの音声合成APIを使用しようと考えているのですが、moancaでアプリの開発が可能でしょうか。その場合、audioオブジェクトからPhoneGapのMediaオブジェクトに変換する必要がありますか。または、他に何か良い方法がありますでしょうか。
どうかご教示頂けないでしょうか。よろしくお願いいたします。
1
票
0
回答
136
閲覧数
gcli.addCommandでTypeErrorが出て実行できない
MDNの記事を参考にfirefoxでスクラッチパッドを用いてGCLIコマンドを作成しようとしたのですがgcli.addCommand でTypeErrorが出てしまいGCLIコマンド作成の前にコマンドが登録出来ません。
gcli オブジェクトは読み込めているようです。
読み込まれているgcliのプロパティはhiddenByChromePredだけなので、うまく読み込まれていないのでしょうか。
...
1
票
0
回答
76
閲覧数
投稿された記事のタグをforceモデルで表示したい
こちらの記事( http://qiita.com/tag1216/items/b7f846af66db30b8c393 )を参考にさせて頂きながらはてなブックマークのホットエントリーについているタグを同じようにforceモデルで実装したいと考えています。
しかしはてなブックマークのAPIでは参考サイト様で利用されているqiita API( https://qiita.com/api/v1/docs ...
1
票
0
回答
98
閲覧数
monacaで直接gcmのregistrationidを取得するには?
Monacaを利用してプッシュ通知を行う場合、MobileBackendを使うような進め方で、ググってもほかに方法がないようですが、要は、Monaca、つまりJavascriptではGCMのRegistrationIdを取得することはできないということでしょうか?もしできるのであれば、教えてください。
1
票
0
回答
103
閲覧数
forceモデルのノードにRSSから取得したサムネイルの画像を利用したい
<!DOCTYPE html>
<html lang="ja">
<style>
svg{
border:solid 1px;
}
</style>
<head>
<meta charset="utf-8">
<title>D3.js(Force Layout)の練習</...