[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
121
件の質問
3
票
1
回答
1,249
閲覧数
二次元データを一次元配列で扱う際のインデックスの計算方法
一次元配列を二次元配列に見立てて扱うためには横幅×行位置+列位置だと言われましたがよくわからないです。
以下コードです。
var SIDE_CELLS = 5;//横幅
var COLUMN_CELLS = 3;//縦幅
var ci = new Array(SIDE_CELLS * COLUMN_CELLS);
var row = '';
for(var z=0;z<ci.length;+...
3
票
1
回答
1万
閲覧数
ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ画面キャプチャしたい
ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ、「JavaScript」か「PHP」で画面キャプチャしたいです。
HTMLの指定タグ(id)範囲から、画面位置を割り出し、そのサイズを取得して、画像で画面キャプチャすることは可能でしょうか?
2
票
2
回答
1万
閲覧数
JavaScriptで任意URLに画像が存在しているかを判定したい。
JavaScriptで指定した画像URLに画像が存在するかを判定することは可能でしょうか。
やりたいことは「画像1」と「画像2」のURLが分かっている場合に、
function getImageURL() {
/* 「画像1のURL」に画像が存在すれば「画像1のURL」を返却する */
/* 「画像2のURL」に画像が存在すれば「画像2のURL」を返却する */
/* ...
2
票
1
回答
7,332
閲覧数
chart.jsのtick表示を間引きたい
お世話になっております。
webページ上に線グラフを表示するためにchart.jsを使っています。
その際、Y軸のtick表示を間引きたいのですが、グリッド線は残しておきたいのです。
出来ればchart.jsそのものは弄る事無く実現したいのですが、
何か方法があればアドバイスいただけませんでしょうか。
よろしくお願いします。
-----補足-----
使用しているchart....
2
票
1
回答
186
閲覧数
JavaScriptのBabelで特定の機能だけ有効にする
Babelで特定の機能だけ有効にすることはできるのでしょうか?
arrow functionはすでに実装されているのでそちらを使い、classはまだ実装されていないのでbabelで変換する、というふうにESの機能ごとにbabelのon, offを切り替えることはできるのでしょうか?
2
票
1
回答
8,602
閲覧数
JQueryでテーブルを検索してヒットした行のみ表示する
テキストボックスにonkeyupで以下のSearchが呼ばれるとします。
Searchの中で目的のテーブルを捕まえています。
このキーワードにヒットする行のみ表示で、他の行を非表示にするコードを教えてください。
function Search($this) {
var keyword = $this.value;
var rows = $("#...
2
票
1
回答
726
閲覧数
Evernote API の consumerKey, consumerSecret を流出しないようにする工夫
monacaを用いて、HTML5 + Javascriptベースでのスマートフォン用のEvernoteアプリ開発に取り組んでおります。
Evernoteのサーバーとやり取りするためには、キー(consumerKey, consumerSecret)を使い、OAuth認証する必要があります。
Evernote のウェブページを参考に開発をしていますが、このページのサンプルコードでは、...
2
票
1
回答
2,583
閲覧数
Chrome extensionでbackground.jsからpopup.jsの関数を呼びたい。
タイトルのようなことをするために下記コードを作成しました。しかし、関数も発火せずエラーも出ません。どうすればbackground.jsからpopup.jsにデータを送ることができますでしょうか。
background.js
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
...
2
票
2
回答
3,210
閲覧数
外部JSファイルの読み込み位置次第で 挙動が変わることについておさらいしたい
本件、恥を忍んでお聞きします。JSについて、一から出直そうと考えていて
document.getElementById("text-button").onclick = function() {
document.getElementById("text").innerHTML = "クリックされた!";
console.log("You're getting ...
2
票
1
回答
757
閲覧数
javascript(AngularJS)で配列の最後にpushができずに困っています
質問させてください。タイトルの通りです。
1個のshopに10個のlistが紐づいている構造の配列で
shop { id: "1", name: "shop1", lists: "Array[9]" }
shop.lists[0~9] { list_id: "1", list_name: "list1" }
に対して .push(もしくはもっといい方法があれば教えてください)で
...
2
票
2
回答
2,389
閲覧数
ng-repeat中に前の要素と比較して表示の出し分けをしたい
Monaca
ONSEN UI 1.3.0
AngularJS 1.3
タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。
以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
...
2
票
1
回答
5,818
閲覧数
ページの読み込みが終わらない
RoRを使ってwebページを作っています。
ページの読み込みが終わらなくなりました。ページは表示されるのですが、ブラウザの読み込み中を表す回転マークが残ります。
これはどういう原因で起こる事象ですか?
私はプログラミングを初めて3か月程度ですが、今まではJavaScriptに誤りがあるときに生じるものだと思っていました。今回は、...
2
票
1
回答
5,856
閲覧数
WebViewでJavaScriptのダイアログを表示させたい
package com.example.makki.webviewex;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit....
2
票
1
回答
5,132
閲覧数
Ajaxで401が返ってきても、コンソールにエラーが出力されないようにしたい
以下のような、ユーザがログインしているかどうかを判別するメソッドがあるとします。
class Api::SessionsController < Api::ApplicationController
# GET /api/sessions/verify
def verify
if user_signed_in?
head :ok
else
...
2
票
3
回答
2,027
閲覧数
データの無い行も含めて、常に50件表示したい
現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。
データの無い行も含めて常に50行を表示したいのですが、方法が分かりません。
また、常に50行を表示したいので、表示行数設定は削除したいです。
ご教授をお願いします。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
...
2
票
3
回答
6万
閲覧数
JavaScript(jQuery)における文字列中に変数を記述する方法ってあるでしょうか?
PHPだと、
$hoge = "ほげ";
$huga = "ああああああ{$hoge}いいいい";
結果: ああああああほげいいいい
というような記述が出来ると思いますが、JavaScript(jQuery)で似たような記述方法ってあるでしょうか?
検索したのですが、見つけられなかったため質問です。
2
票
1
回答
1,452
閲覧数
正規表現 アポストロフィも文字列の一部としてマッチしたい。
正規表現のビギナーです。分かっていると思えるのは、\bが最初と最後のスペースだけマッチ。/gがグローバルで、一つだけではなく全てマッチする。\wがA-Z,a-z,0-9,_をマッチ。
理解が少し進んだのか、今のところアポストロフィをマッチングするための表現が合っていれば[\']?を入れる場所です。
しかしとすると、var arr = str.match(/\b(\w+|\')\b/g);
[ ...
2
票
1
回答
298
閲覧数
ボタンクリックの関数の処理が残ってしまう
ぐるなびapiを利用して、飲食店の検索ページを作成しました。
都道府県、飲食店の種類を指定して、検索ボタンをクリックすると、500件ごとの検索結果(飲食店名、存在する地域、交通機関、最寄駅のリスト)が表示されるようなページを javascript(jQuery)を使って組み立てました。
「次の結果」ボタンクリックで、次の500件の検索結果を表示する。「前の結果」ボタンクリックで、...
1
票
2
回答
1,313
閲覧数
動的に読み込んだタグをmountすることができない
javascriptなどで動的に読み込む際、よく使われる、下記のようなコードを使っていますが、riot.jsにて、mountができずに困っています。updateやcallbackの実行位置など、試すも、うまくいきません。loadscript自体は動いていて、DOMに追加も確認できています。
30個ぐらい、読み込むべきものがあり、headに全部書いても良いのですが、できれば、必要になった段階で、...
1
票
1
回答
1,667
閲覧数
TypeError: L.heatLayer is not a function というエラーが、ライブラリのメソッドを呼んだ際に出る
ヒートマップで可視化しようとして、LeafletとLeaflet.heat を利用しています。
コードを書いて、htmlファイルを開いてみたところ、初期のマップの表示はできてますが、ファイルを読み込んで、ヒートマップを描画するところでコンソールに
TypeError: L.heatLayer is not a function
reader.onload()
と出て描画に失敗します。
...
1
票
0
回答
2,114
閲覧数
fetchメソッドのエラー処理で"Unchecked runtime.lastError: The message port closed before a response was received."が表示させないようにする方法を教えてください
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
GitHubに公開しているfetch_catch.htmlを実行すると、コンソール画面に下記のエラーが表示されます。エラーが表示されないようにするためにはどうすれば良いでしょうか?
Unchecked runtime.lastError: The message port ...
1
票
1
回答
378
閲覧数
Nuxt.jsのstore配下のディレクトリ構成について
Nuxt.jsのstore配下のディレクトリ構成について、
どのようなのがいいのか調べているのですが、
どのようなVuexを使用する場合どのような単位でディレクトリを
分けるのが一般的(理想的?)なのでしょうか?
https://qiita.com/kazu_death/items/ad35d2a40c3aea008b30
/store/a/b/c/c-child.js
https:/...
1
票
1
回答
2,714
閲覧数
htmlからjsの呼び出し
Monacaのサンプルのメモ帳アプリにあるjsのlocalstrageを応用してアプリを作っています。
そこでそのサンプルがhtmlからjsを呼び出しているのですが、<script src=""></scropt>のようなパターンでなくどう呼び出しているのかわかりません。
html
<!-- Add Memo Page -->
<div data-...
1
票
1
回答
220
閲覧数
サイトのナビゲーションの、選択されているテキストに色を付けたいです。
サイトのナビゲーションなどによくある、選択されているページの文字色を変えたいのですが、
どのようにすれば良いのでしょうか?
例えば以下の場合、会社案内をクリックしたら、会社案内ページが表示されているときは<li><a href="#">会社案内</a></li>のテキストをredにする。といった動きにしたいです。
<ul class="nav"...
1
票
2
回答
8,299
閲覧数
HTMLのtextのonkeydownで半角数字のみ入力を指定したところテンキー入力が効かない。
お世話になります。
Windows、VisualStudio2015のASP.NET(VisualBasic)、.NET Framework4.6、
ローカルIIS、ブラウザはGoogleChrome、IE、で開発しています。
1つのページにtext(ASP.NETではTextBox、名称はtxtTest)を置き、
半角数字のみ入力できるように、function(名称はnumOnly())...
1
票
1
回答
946
閲覧数
ブラウザ拡張でサイト内で実装されたJavaScriptを上書きしたい
全体のやりたいこと
サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内で通知が検知された場合はNotification apiを用いた通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。
質問したいこと
サイト内でNotification API ...
1
票
1
回答
190
閲覧数
ファイルの内容を読み込みnode-gzipで利用したい
node-gzipでJavaScriptでファイルを圧縮してサーバーに転送を考えています。
このページの下記のように(<READMEより抜粋>参照)、テキストをインプットとした場合の記載があります。
(ここでは'Hello World')
このテキストの部分をファイルを指定して、圧縮したいので、'Hello World'をfileA.txtのように置き換えたのですがエラーになりました。
...
1
票
1
回答
245
閲覧数
カスタムデータ属性のname設定について
簡単な問題なのですが、うまくいかないので質問させていただきます。
例えば
ウィンドウの高さが1000pxのとき
<div data-1000="a">
ウィンドウの高さが500pxのとき
<div data-500="a">
上記のようにHTMLのカスタムデータ属性のnameにウィンドウの高さを付与したいのですが、うまくいきません。
...
1
票
1
回答
443
閲覧数
monacaでnendを使って広告表示の方法
現在、monacaを使用しましてnendでインタ-スティシャル広告(全画面広告)を表示させようとしています。monacaはjavascriptを使って実装をしているのですが、nend側でそのコードがなくて困っています。まず、インタースティシャル広告はmonacaで使用はできますか?また、javascriptのコードがあるなら教えいただけると助かります。
ご教授よろしくお願いします。
1
票
1
回答
234
閲覧数
変更により動作しなくなったJavaScriptのデバッグ・修正方法が知りたい
下記のコードは、午前0時に日付が自動的に変わる"(カレンダー機能つき)デジタル時計"で、
その文字列がマウスポインターに付いて回ります。
ここで、問題があります。
それは、自動更新する箇所の"drag = function(){}"の中に表示文字を入れると
その和暦の文字列の移動速度が重くなるため、コードを工夫したつもりですが、
機能しなくなりました。問題箇所は"digi関数"内ですが、...
1
票
1
回答
447
閲覧数
はてなでブックマークした記事のURLとタイトルを全部pythonでスクレイピングしたい。
はてなブックマークで自分でブックマークした記事をpythonでスクレイピングしたいのですが、どのようにアプローチしてrequestとbeatifulsoupを使って行ったら良いのかわかりません。353件全て取得したいです。
出来るだけseleniumは使用したくありません。
もしくはAPIが提供されているみたいなのですが、自分のブックマークを取得するものが見当たりません。
問題
...
1
票
1
回答
332
閲覧数
"toLocaleDateString"を使っての"和暦"の移動速度が重い原因について、など。
下記のコードは、アナログ時計の外周を、1分ごとに"和暦"と"西暦"に切り変わるものですが、
問題箇所が2点あるのです。
1点目は、暦は"toLocaleDateString"を使っていますが、西暦に比べて和暦の方が重い(遅い)
のです。原因は、何でしょうか。
移動速度(step)は、0.06に設定してあります。
2点目は、仮に現在が"平成99年(9999年)だとすると、来年は"平成100年(...
1
票
1
回答
152
閲覧数
node,soket.io を利用したjavascriptのエラー [重複]
client.jsでエラーが起きているのですが、どこを直せばいいのかわかりません
<の記号でのエラーのようですけどどこにも使ってないのでさっぱりです
javascriptに詳しい方いらっしゃいましたらお願いいたします
エラー内容
SyntaxError: expected expression, got '<' client.js:1
http://d.hatena.ne....
1
票
1
回答
2,879
閲覧数
ドラッグ&ドロップされたファイルをサーバにアップロードするには?
よろしくお願いします。
簡易ファイルサーバを作っています。
ファイルのアップロードについて、formの<input type = "file">を使ってのアップロードはできています。
ドラッグ&ドロップでもファイルをアップロードする機能を付けたいと思っているのですが、質問があります。
色々なサイトを参考に、ドラッグ&...
1
票
2
回答
614
閲覧数
1つのJSファイルから、2つ以上のAjax(別url=PHP)を指定した動作は可能ですか?
PHP(Ajax)の連携を達成したいのですが、後方のPHPまで動作が連携されているのか否か、そもそも標題の仕様は技術的に無理なのかをご教示頂きたくお問い合わせさせて頂きました。
現在までに、親画面のイメージボタン押下で子画面を開き、当該子画面上のリストボックスで選択される品名コードを、親画面のテキスト枠へ戻す(貼り付ける)ことまで達成できています。
取り組んでいる課題は、...
1
票
1
回答
1,679
閲覧数
遷移された子画面でリスト選択された値を、親画面のあるテキストボックスへ戻したい
親画面に動的で生成されるテーブルが存在しています(初期表示は10行)。初期表示の各行には行追加ボタンがあって、行を無限に増やすことができます。
また、各行のある列にはinputタグのテキストボックスを構成していますが、nameだけが割り当てられているだけで、どの行もclass・id双方が設定されていない状態です。
window.openで開く子画面は、...
1
票
3
回答
3万
閲覧数
JavaScriptで標準出力に文字列を出力したい
JavaScriptで標準出力に文字列"Hello, world!"を出力するプログラムを書きたいのですが、どのようにすれば良いでしょうか。
Node.jsを用いるのは妥当なのでしょうか。より一般的な方法は他に有るでしょうか。
検索してみたところ、下のリンクのような解説が見つかり、これらは私がやりたいことと一致しています。
Node.js入門(開発環境セットアップ〜Hello Worldまで) ...
1
票
2
回答
677
閲覧数
APIを用いてjson形式にしたRSSをd3.jsに読み込みforceモデルを出力したい
現在こちらのサイト様( http://qiita.com/tag1216/items/b7f846af66db30b8c393 ),( http://bl.ocks.org/mbostock/4062045 )を参考にしながらjson形式で読み込んだRSSをforceモデルで表示させようとしておりますが、上手くいかない状況です。
var url = "https://ajax....
0
票
1
回答
119
閲覧数
このJQueryは何をやっているんでしょう??
Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです.
端的にいいますと以下のコードは何をやっているのかがよくわかりません.
if (totalPageNumber > 1) {
/...
0
票
3
回答
2万
閲覧数
jqueryで<td>~</td>の値を取得したい
下記のようなtableがあります。
<table>
<tr><td>a</td><td><a href="#" onclick="onClick();">link</a></td></tr>
<tr><td>b</td><td>...
0
票
2
回答
279
閲覧数
コーディングテストで質問の意味がわかりません。
先日、コーディングテストで以下のような問題が出たのですが、
問題文の意味が英語ということもあり、よくわかりませんでした。
ちなみに言語はJavaScriptです。
Implement function verify(text) which verifies whether parentheses within text are
correctly nested. You need to ...
0
票
1
回答
7,598
閲覧数
JavaScript から exe ファイル (Outlook) を起動させたい
はじめまして、現在JavaScriptにてwebページを作成中です。
outlookをボタン押下時に起動させたい(exeを起動するだけで新規メールの作成ではない)のですがうまくいかずに困っています。
以下のコードにてボタンを押すと現状『アクセスが拒否されました。』と出てしまいます。
解決策や別の実行方法があれば教えていただきたく思います。
<input type="button&...
0
票
1
回答
243
閲覧数
stackの使い方について
以下のコードを理解したく思っております。
前回の質問は以下になるのですが、長くなるため、新しく質問させていただきました。
前回の説明
参照コード
https://gist.github.com/paveleremin/86dafdb4341244fc3a94#file-gistfile1-js-L9-L30
全体のコード
function verify(str){
// bracketsに(...
0
票
1
回答
874
閲覧数
スプレッドシートにcsvを読み込む
ローカルにダウンロードしてあるcsvファイルをスプレッドシートに読み込またいです。
デバッグをしても特にエラーは表示されないのですが、dialog.htmlからcsvを指定しても何も反応がありません。
お気づきの点ありましたら指摘いただけると助かります。
ご存知の方おりましたらどうぞ宜しくお願いいたします。
サーバー側のコード.gs
function showDialog(){
var ...
0
票
2
回答
651
閲覧数
Javascriptで後から追加した要素をふわっと出現させるには
JavaScriptでボタンをクリックすると新しく要素を追加するコードを書いてボタンを押すと要素が追加されるんですが、その追加された際のアニメーションを下からふわっとフェードインするようにしたいです。
イメージとして最初は要素が2つある。この最初の2つはふわっとさせられる。
<div class="dlcard effect"></div>
<...
0
票
1
回答
194
閲覧数
JavaScriptで画像がロードされる前にプログラムが走り、上手く処理出来ない。
新しく質問を立てた方が良いと言われたので前回の質問の続きになります。
JavaScriptのcolor-thiesというライブラリーを使用してプログラムがimgタグのsrcを書き換えたタイミングでライブラリーを実行したいのですが、書き換わる前に処理が実行されてしまうため上手く画像の色を取得出来ません。
前回の回答者様は画像にloadイベントを持たせると良いと話されていたのですが、...
0
票
1
回答
221
閲覧数
JavascriptでDOM処理のタイミングが合わず値を上手く処理出来ない。
問題
画像から色の情報を取得したく color-thies というライブラリーを使用しています。
途中で画像のsrcパスを書き換えて別の画像に差し替える処理があるのですが、その際タイミングが合わず前の画像の値になってしまいます。
プログラム動作
inputのフォーカスが別の要素に移った際に下記のイベントリスナーが発火します。それでURLの値があればサムネイルを取得します。...
0
票
1
回答
185
閲覧数
VueCLIで動かす開発サーバーにローカルネットワーク内のスマートフォンからアクセスしてメディア(マイクなど)を取り扱う方法
VueCLIで構成したウェブアプリ内でスマホやPCに接続されたマイクの音を取り扱いたいと考えています。開発PCで立てた開発サーバーにローカルネットワーク内からiPhoneや他のPCからアクセスして動きを確認したいのですが、開発PC以外の端末ではマイクを取り扱うことができません。調べたところHTTPSでサーバーを立てる必要があるとのことで、本番ではうまく動作するのかもしれないのですが、...
0
票
1
回答
229
閲覧数
Twitter APIにおけるApiResponseError: Request failed with code 401エラーの解消
解決したい内容
Twitterの特定ハッシュタグがついた投稿をdiscord.jsでスラッシュコマンドを実行した際に取得しランダムに返す際発生するエラー「ApiResponseError: Request failed with code 401」を解消したい。
エラーログ
Error fetching tweets: ApiResponseError: Request failed with ...
0
票
1
回答
93
閲覧数
JavaScript文法 インスタンスに対するprototypeの位置づけ
次のソースコードは何故、上手くいかないのでしょうか?
■ソースコード■
function Fn4(a, b) {
this.a = a;
this.b = b;
}
/* prototypeに引き込みたい関数オブジェクトproto_method */
function proto_method() {
console.log("proto method is ...