Skip to main content

[javascript] タグが付いた質問

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。

121 件の質問
絞り込み
並べ替え
タグ付けされた
3
1 回答
3,771 閲覧数

JavascriptをつかったAjaxのPost処理

Ajax初心者です。JQueryからAjaxを始めるとどうしてもおまじない感がでてしまい、ビハインドロジックを理解できないと思っているため、Ajaxをjavascriptで書いてみています。jsonでファイルを渡しているのですが、うまくいきません。(ステータスは200でPOSTで送信できているのですが、receive.php側の$_POSTに何も入っていません。。)...
Takayuki Cho's user avatar
3
1 回答
1,267 閲覧数

二次元データを一次元配列で扱う際のインデックスの計算方法

一次元配列を二次元配列に見立てて扱うためには横幅×行位置+列位置だと言われましたがよくわからないです。 以下コードです。 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;+...
tukimi's user avatar
  • 51
2
1 回答
1,481 閲覧数

正規表現 アポストロフィも文字列の一部としてマッチしたい。

正規表現のビギナーです。分かっていると思えるのは、\bが最初と最後のスペースだけマッチ。/gがグローバルで、一つだけではなく全てマッチする。\wがA-Z,a-z,0-9,_をマッチ。 理解が少し進んだのか、今のところアポストロフィをマッチングするための表現が合っていれば[\']?を入れる場所です。 しかしとすると、var arr = str.match(/\b(\w+|\')\b/g); [ ...
kimi Tanaka's user avatar
2
3 回答
2,035 閲覧数

データの無い行も含めて、常に50件表示したい

現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。 データの無い行も含めて常に50行を表示したいのですが、方法が分かりません。 また、常に50行を表示したいので、表示行数設定は削除したいです。 ご教授をお願いします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
aspara_prime's user avatar
  • 1,316
2
2 回答
2,399 閲覧数

ng-repeat中に前の要素と比較して表示の出し分けをしたい

Monaca ONSEN UI 1.3.0 AngularJS 1.3 タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。 API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。 以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか? ...
Hiroyuki Ishiyama's user avatar
2
1 回答
186 閲覧数

JavaScriptのBabelで特定の機能だけ有効にする

Babelで特定の機能だけ有効にすることはできるのでしょうか? arrow functionはすでに実装されているのでそちらを使い、classはまだ実装されていないのでbabelで変換する、というふうにESの機能ごとにbabelのon, offを切り替えることはできるのでしょうか?
KiYugadgeter's user avatar
  • 4,358
2
1 回答
7,437 閲覧数

chart.jsのtick表示を間引きたい

お世話になっております。 webページ上に線グラフを表示するためにchart.jsを使っています。 その際、Y軸のtick表示を間引きたいのですが、グリッド線は残しておきたいのです。 出来ればchart.jsそのものは弄る事無く実現したいのですが、 何か方法があればアドバイスいただけませんでしょうか。 よろしくお願いします。 -----補足----- 使用しているchart....
guest's user avatar
  • 33
2
3 回答
6万 閲覧数

JavaScript(jQuery)における文字列中に変数を記述する方法ってあるでしょうか?

PHPだと、 $hoge = "ほげ"; $huga = "ああああああ{$hoge}いいいい"; 結果: ああああああほげいいいい というような記述が出来ると思いますが、JavaScript(jQuery)で似たような記述方法ってあるでしょうか? 検索したのですが、見つけられなかったため質問です。
tomorin's user avatar
  • 653
2
2 回答
3,295 閲覧数

外部JSファイルの読み込み位置次第で 挙動が変わることについておさらいしたい

本件、恥を忍んでお聞きします。JSについて、一から出直そうと考えていて document.getElementById("text-button").onclick = function() { document.getElementById("text").innerHTML = "クリックされた!"; console.log("You're getting ...
saya24's user avatar
  • 545
2
2 回答
1万 閲覧数

JavaScriptで任意URLに画像が存在しているかを判定したい。

JavaScriptで指定した画像URLに画像が存在するかを判定することは可能でしょうか。 やりたいことは「画像1」と「画像2」のURLが分かっている場合に、 function getImageURL() { /* 「画像1のURL」に画像が存在すれば「画像1のURL」を返却する */ /* 「画像2のURL」に画像が存在すれば「画像2のURL」を返却する */ /* ...
Kun Ns's user avatar
  • 944
2
1 回答
5,898 閲覧数

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....
hai123's user avatar
  • 379
2
1 回答
728 閲覧数

Evernote API の consumerKey, consumerSecret を流出しないようにする工夫

monacaを用いて、HTML5 + Javascriptベースでのスマートフォン用のEvernoteアプリ開発に取り組んでおります。 Evernoteのサーバーとやり取りするためには、キー(consumerKey, consumerSecret)を使い、OAuth認証する必要があります。 Evernote のウェブページを参考に開発をしていますが、このページのサンプルコードでは、...
lucky's user avatar
  • 159
2
1 回答
5,186 閲覧数

Ajaxで401が返ってきても、コンソールにエラーが出力されないようにしたい

以下のような、ユーザがログインしているかどうかを判別するメソッドがあるとします。 class Api::SessionsController < Api::ApplicationController # GET /api/sessions/verify def verify if user_signed_in? head :ok else ...
Daijiro  Yamada's user avatar
2
1 回答
761 閲覧数

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(もしくはもっといい方法があれば教えてください)で ...
aoshima.natsuki's user avatar
2
1 回答
8,690 閲覧数

JQueryでテーブルを検索してヒットした行のみ表示する

テキストボックスにonkeyupで以下のSearchが呼ばれるとします。 Searchの中で目的のテーブルを捕まえています。 このキーワードにヒットする行のみ表示で、他の行を非表示にするコードを教えてください。 function Search($this) { var keyword = $this.value; var rows = $("#...
noside's user avatar
  • 242
2
1 回答
5,904 閲覧数

ページの読み込みが終わらない

RoRを使ってwebページを作っています。  ページの読み込みが終わらなくなりました。ページは表示されるのですが、ブラウザの読み込み中を表す回転マークが残ります。  これはどういう原因で起こる事象ですか?  私はプログラミングを初めて3か月程度ですが、今まではJavaScriptに誤りがあるときに生じるものだと思っていました。今回は、...
user avatar
2
1 回答
2,614 閲覧数

Chrome extensionでbackground.jsからpopup.jsの関数を呼びたい。

タイトルのようなことをするために下記コードを作成しました。しかし、関数も発火せずエラーも出ません。どうすればbackground.jsからpopup.jsにデータを送ることができますでしょうか。 background.js chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { ...
StackDestroyer's user avatar
2
1 回答
300 閲覧数

ボタンクリックの関数の処理が残ってしまう

ぐるなびapiを利用して、飲食店の検索ページを作成しました。 都道府県、飲食店の種類を指定して、検索ボタンをクリックすると、500件ごとの検索結果(飲食店名、存在する地域、交通機関、最寄駅のリスト)が表示されるようなページを javascript(jQuery)を使って組み立てました。 「次の結果」ボタンクリックで、次の500件の検索結果を表示する。「前の結果」ボタンクリックで、...
小林弘典's user avatar
1
0 回答
2,122 閲覧数

fetchメソッドのエラー処理で"Unchecked runtime.lastError: The message port closed before a response was received."が表示させないようにする方法を教えてください

いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 GitHubに公開しているfetch_catch.htmlを実行すると、コンソール画面に下記のエラーが表示されます。エラーが表示されないようにするためにはどうすれば良いでしょうか? Unchecked runtime.lastError: The message port ...
echizenya_yota's user avatar
1
1 回答
1,057 閲覧数

ブラウザ拡張でサイト内で実装されたJavaScriptを上書きしたい

全体のやりたいこと サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内で通知が検知された場合はNotification apiを用いた通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。 質問したいこと サイト内でNotification API ...
te94d's user avatar
  • 17
1
1 回答
197 閲覧数

ファイルの内容を読み込みnode-gzipで利用したい

node-gzipでJavaScriptでファイルを圧縮してサーバーに転送を考えています。 このページの下記のように(<READMEより抜粋>参照)、テキストをインプットとした場合の記載があります。 (ここでは'Hello World') このテキストの部分をファイルを指定して、圧縮したいので、'Hello World'をfileA.txtのように置き換えたのですがエラーになりました。 ...
kn11n's user avatar
  • 11
1
1 回答
383 閲覧数

Nuxt.jsのstore配下のディレクトリ構成について

Nuxt.jsのstore配下のディレクトリ構成について、 どのようなのがいいのか調べているのですが、 どのようなVuexを使用する場合どのような単位でディレクトリを 分けるのが一般的(理想的?)なのでしょうか? https://qiita.com/kazu_death/items/ad35d2a40c3aea008b30 /store/a/b/c/c-child.js https:/...
kanko's user avatar
  • 931
1
1 回答
2,898 閲覧数

ドラッグ&ドロップされたファイルをサーバにアップロードするには?

よろしくお願いします。 簡易ファイルサーバを作っています。 ファイルのアップロードについて、formの<input type = "file">を使ってのアップロードはできています。 ドラッグ&ドロップでもファイルをアップロードする機能を付けたいと思っているのですが、質問があります。 色々なサイトを参考に、ドラッグ&...
MaFeng Ling's user avatar
1
1 回答
1,706 閲覧数

TypeError: L.heatLayer is not a function というエラーが、ライブラリのメソッドを呼んだ際に出る

ヒートマップで可視化しようとして、LeafletとLeaflet.heat を利用しています。 コードを書いて、htmlファイルを開いてみたところ、初期のマップの表示はできてますが、ファイルを読み込んで、ヒートマップを描画するところでコンソールに TypeError: L.heatLayer is not a function reader.onload() と出て描画に失敗します。 ...
user16933's user avatar
1
1 回答
157 閲覧数

node,soket.io を利用したjavascriptのエラー [重複]

client.jsでエラーが起きているのですが、どこを直せばいいのかわかりません <の記号でのエラーのようですけどどこにも使ってないのでさっぱりです javascriptに詳しい方いらっしゃいましたらお願いいたします エラー内容 SyntaxError: expected expression, got '<'    client.js:1 http://d.hatena.ne....
seiya yamamoto's user avatar
1
2 回答
1,318 閲覧数

動的に読み込んだタグをmountすることができない

javascriptなどで動的に読み込む際、よく使われる、下記のようなコードを使っていますが、riot.jsにて、mountができずに困っています。updateやcallbackの実行位置など、試すも、うまくいきません。loadscript自体は動いていて、DOMに追加も確認できています。 30個ぐらい、読み込むべきものがあり、headに全部書いても良いのですが、できれば、必要になった段階で、...
阿瀬大典's user avatar
1
1 回答
335 閲覧数

"toLocaleDateString"を使っての"和暦"の移動速度が重い原因について、など。

下記のコードは、アナログ時計の外周を、1分ごとに"和暦"と"西暦"に切り変わるものですが、 問題箇所が2点あるのです。 1点目は、暦は"toLocaleDateString"を使っていますが、西暦に比べて和暦の方が重い(遅い) のです。原因は、何でしょうか。 移動速度(step)は、0.06に設定してあります。 2点目は、仮に現在が"平成99年(9999年)だとすると、来年は"平成100年(...
user28063's user avatar
1
1 回答
443 閲覧数

monacaでnendを使って広告表示の方法

現在、monacaを使用しましてnendでインタ-スティシャル広告(全画面広告)を表示させようとしています。monacaはjavascriptを使って実装をしているのですが、nend側でそのコードがなくて困っています。まず、インタースティシャル広告はmonacaで使用はできますか?また、javascriptのコードがあるなら教えいただけると助かります。 ご教授よろしくお願いします。
donadesu's user avatar
1
1 回答
236 閲覧数

変更により動作しなくなったJavaScriptのデバッグ・修正方法が知りたい

下記のコードは、午前0時に日付が自動的に変わる"(カレンダー機能つき)デジタル時計"で、 その文字列がマウスポインターに付いて回ります。 ここで、問題があります。 それは、自動更新する箇所の"drag = function(){}"の中に表示文字を入れると その和暦の文字列の移動速度が重くなるため、コードを工夫したつもりですが、 機能しなくなりました。問題箇所は"digi関数"内ですが、...
user28531's user avatar
1
1 回答
246 閲覧数

カスタムデータ属性のname設定について

簡単な問題なのですが、うまくいかないので質問させていただきます。 例えば ウィンドウの高さが1000pxのとき <div data-1000="a"> ウィンドウの高さが500pxのとき <div data-500="a"> 上記のようにHTMLのカスタムデータ属性のnameにウィンドウの高さを付与したいのですが、うまくいきません。 ...
aaa's user avatar
  • 11
1
2 回答
622 閲覧数

1つのJSファイルから、2つ以上のAjax(別url=PHP)を指定した動作は可能ですか?

PHP(Ajax)の連携を達成したいのですが、後方のPHPまで動作が連携されているのか否か、そもそも標題の仕様は技術的に無理なのかをご教示頂きたくお問い合わせさせて頂きました。 現在までに、親画面のイメージボタン押下で子画面を開き、当該子画面上のリストボックスで選択される品名コードを、親画面のテキスト枠へ戻す(貼り付ける)ことまで達成できています。 取り組んでいる課題は、...
saya24's user avatar
  • 545
1
2 回答
8,366 閲覧数

HTMLのtextのonkeydownで半角数字のみ入力を指定したところテンキー入力が効かない。

お世話になります。 Windows、VisualStudio2015のASP.NET(VisualBasic)、.NET Framework4.6、 ローカルIIS、ブラウザはGoogleChrome、IE、で開発しています。 1つのページにtext(ASP.NETではTextBox、名称はtxtTest)を置き、 半角数字のみ入力できるように、function(名称はnumOnly())...
user20210's user avatar
1
2 回答
681 閲覧数

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....
dadada's user avatar
  • 115
1
1 回答
452 閲覧数

はてなでブックマークした記事のURLとタイトルを全部pythonでスクレイピングしたい。

はてなブックマークで自分でブックマークした記事をpythonでスクレイピングしたいのですが、どのようにアプローチしてrequestとbeatifulsoupを使って行ったら良いのかわかりません。353件全て取得したいです。 出来るだけseleniumは使用したくありません。 もしくはAPIが提供されているみたいなのですが、自分のブックマークを取得するものが見当たりません。 問題 ...
wataru's user avatar
  • 1,133
1
1 回答
2,714 閲覧数

htmlからjsの呼び出し

Monacaのサンプルのメモ帳アプリにあるjsのlocalstrageを応用してアプリを作っています。 そこでそのサンプルがhtmlからjsを呼び出しているのですが、<script src=""></scropt>のようなパターンでなくどう呼び出しているのかわかりません。 html <!-- Add Memo Page --> <div data-...
見習いA's user avatar
1
1 回答
1,732 閲覧数

遷移された子画面でリスト選択された値を、親画面のあるテキストボックスへ戻したい

親画面に動的で生成されるテーブルが存在しています(初期表示は10行)。初期表示の各行には行追加ボタンがあって、行を無限に増やすことができます。 また、各行のある列にはinputタグのテキストボックスを構成していますが、nameだけが割り当てられているだけで、どの行もclass・id双方が設定されていない状態です。 window.openで開く子画面は、...
saya24's user avatar
  • 545
1
3 回答
3万 閲覧数

JavaScriptで標準出力に文字列を出力したい

JavaScriptで標準出力に文字列"Hello, world!"を出力するプログラムを書きたいのですが、どのようにすれば良いでしょうか。 Node.jsを用いるのは妥当なのでしょうか。より一般的な方法は他に有るでしょうか。 検索してみたところ、下のリンクのような解説が見つかり、これらは私がやりたいことと一致しています。 Node.js入門(開発環境セットアップ〜Hello Worldまで) ...
DEWA Kazuyuki - 出羽和之's user avatar
1
1 回答
227 閲覧数

サイトのナビゲーションの、選択されているテキストに色を付けたいです。

サイトのナビゲーションなどによくある、選択されているページの文字色を変えたいのですが、 どのようにすれば良いのでしょうか? 例えば以下の場合、会社案内をクリックしたら、会社案内ページが表示されているときは<li><a href="#">会社案内</a></li>のテキストをredにする。といった動きにしたいです。 <ul class="nav"...
poplot726's user avatar
  • 243
0
2 回答
281 閲覧数

コーディングテストで質問の意味がわかりません。

先日、コーディングテストで以下のような問題が出たのですが、 問題文の意味が英語ということもあり、よくわかりませんでした。 ちなみに言語はJavaScriptです。 Implement function verify(text) which verifies whether parentheses within text are correctly nested. You need to ...
ligtning's user avatar
0
1 回答
248 閲覧数

stackの使い方について

以下のコードを理解したく思っております。 前回の質問は以下になるのですが、長くなるため、新しく質問させていただきました。 前回の説明 参照コード https://gist.github.com/paveleremin/86dafdb4341244fc3a94#file-gistfile1-js-L9-L30 全体のコード function verify(str){ // bracketsに(...
ligtning's user avatar
0
1 回答
213 閲覧数

JavaScriptで画像がロードされる前にプログラムが走り、上手く処理出来ない。

新しく質問を立てた方が良いと言われたので前回の質問の続きになります。 JavaScriptのcolor-thiesというライブラリーを使用してプログラムがimgタグのsrcを書き換えたタイミングでライブラリーを実行したいのですが、書き換わる前に処理が実行されてしまうため上手く画像の色を取得出来ません。 前回の回答者様は画像にloadイベントを持たせると良いと話されていたのですが、...
wataru's user avatar
  • 1,133
0
1 回答
222 閲覧数

JavascriptでDOM処理のタイミングが合わず値を上手く処理出来ない。

問題 画像から色の情報を取得したく color-thies というライブラリーを使用しています。 途中で画像のsrcパスを書き換えて別の画像に差し替える処理があるのですが、その際タイミングが合わず前の画像の値になってしまいます。 プログラム動作 inputのフォーカスが別の要素に移った際に下記のイベントリスナーが発火します。それでURLの値があればサムネイルを取得します。...
wataru's user avatar
  • 1,133
0
1 回答
886 閲覧数

スプレッドシートにcsvを読み込む

ローカルにダウンロードしてあるcsvファイルをスプレッドシートに読み込またいです。 デバッグをしても特にエラーは表示されないのですが、dialog.htmlからcsvを指定しても何も反応がありません。 お気づきの点ありましたら指摘いただけると助かります。 ご存知の方おりましたらどうぞ宜しくお願いいたします。 サーバー側のコード.gs function showDialog(){ var ...
yukidaruma's user avatar
0
1 回答
7,901 閲覧数

JavaScript から exe ファイル (Outlook) を起動させたい

はじめまして、現在JavaScriptにてwebページを作成中です。 outlookをボタン押下時に起動させたい(exeを起動するだけで新規メールの作成ではない)のですがうまくいかずに困っています。 以下のコードにてボタンを押すと現状『アクセスが拒否されました。』と出てしまいます。 解決策や別の実行方法があれば教えていただきたく思います。 <input type="button&...
you's user avatar
  • 1
0
2 回答
693 閲覧数

Javascriptで後から追加した要素をふわっと出現させるには

JavaScriptでボタンをクリックすると新しく要素を追加するコードを書いてボタンを押すと要素が追加されるんですが、その追加された際のアニメーションを下からふわっとフェードインするようにしたいです。 イメージとして最初は要素が2つある。この最初の2つはふわっとさせられる。 <div class="dlcard effect"></div> <...
wataru's user avatar
  • 1,133
0
1 回答
217 閲覧数

VueCLIで動かす開発サーバーにローカルネットワーク内のスマートフォンからアクセスしてメディア(マイクなど)を取り扱う方法

VueCLIで構成したウェブアプリ内でスマホやPCに接続されたマイクの音を取り扱いたいと考えています。開発PCで立てた開発サーバーにローカルネットワーク内からiPhoneや他のPCからアクセスして動きを確認したいのですが、開発PC以外の端末ではマイクを取り扱うことができません。調べたところHTTPSでサーバーを立てる必要があるとのことで、本番ではうまく動作するのかもしれないのですが、...
ymzkd's user avatar
  • 3
0
1 回答
292 閲覧数

Twitter APIにおけるApiResponseError: Request failed with code 401エラーの解消

解決したい内容 Twitterの特定ハッシュタグがついた投稿をdiscord.jsでスラッシュコマンドを実行した際に取得しランダムに返す際発生するエラー「ApiResponseError: Request failed with code 401」を解消したい。 エラーログ Error fetching tweets: ApiResponseError: Request failed with ...
ssmn_dev's user avatar
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 ...
user-polymetis's user avatar
0
1 回答
106 閲覧数

JavaScriptで、URLの「status/」以降を取得したい

URLで「status/」以降の「空白」か「?」までを取得するにはどう書けばよいですか? URL例 https://twitter.com/jaStackOverflow/status/1516703227395428359 https://twitter.com/StackOverflow/status/1372188139821932547 https://twitter.com/...
re9's user avatar
  • 6,816
0
1 回答
342 閲覧数

巨大な CSV から Athena で読めるカラムナー形式に変換したい

最終的にやりたいのはタイトル通りです 普通は Athena 上で create 文を叩くと カラムナーフォーマットのデータをS3に生成してくれるんですが いまは元データがローカルにある状態です サイズが 20GB ほどあるので これを Athena にインポートしてしまうと スキャンコストでかなり金額がかかってしまいます なので Athena を使わずにカラムナー形式のファイルをローカルで生成して ...
user avatar