[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,562
質問
2
票
2
回答
678
閲覧数
本番環境と開発環境で読み込む js を使い分ける方法は?
rails 3.2 を使っています。
development モードの時は
app/assets/javascripts/ajaxzip3.js
を
production モードの時は
app/assets/javascripts/ajaxzip3-https.js
を使う。という事は可能でしょうか?
ajaxzip3 という郵便番号検索ライブラリを使用しているのですが
...
2
票
1
回答
6,666
閲覧数
画面のドキュメントの範囲へのドロップを禁止にする
画面のドキュメントの範囲へのドロップのみを禁止にする方法を調査していますが、なかなか答えが出せません。
javascript内で
$(function () {
$(document).on('drop', function (e) {
e.stopPropagation();
e.preventDefault();
...
1
票
1
回答
654
閲覧数
このjQueryのコードをネイティブのjavascriptで書くとどうなりますか?
$.ajax({
url: '/ajax/',
type: 'get',
async: false,
success: function (d) {
console.log(d);
},
});
0
票
1
回答
1,332
閲覧数
JavaScript の「実引数スコープ」は「ローカルスコープ」? 「仮引数スコープ」と同じ?
JavaScript の「実引数スコープ」は「ローカルスコープ」?
... JavaScript の実引数では、グローバル変数を参照可能だけど、実引数で定義した変数をグローバルで参照できないので、「ローカルスコープ」?
「仮引数スコープ」と同じ?
... JavaScript の「実引数スコープ」は、「仮引数スコープ」と同じスコープ?
「仮引数スコープ」の値は「ローカルスコープ」で、オブジェクトは「...
0
票
1
回答
171
閲覧数
Status Messagesに表示した項目の削除を行いたい
項目の削除を行いたいのですが、
どのように実装したら良いか分かりません。
具体的には、アップロードした各ファイル名の右に削除ボタンを設け、ボタンを押下するとその項目が削除されるようにしたいです。
/*
filedrag.js - HTML5 File Drag & Drop demonstration
Featured on SitePoint.com
Developed ...
2
票
1
回答
707
閲覧数
自作のメモ一覧アプリケーションにチェックボックスを導入する方法
Monaca でメモ帳アプリを開発している者です。
以下の記述のようなメモ帳テンプレートを元に作っているのですが、メモ一覧の各項目の頭に「確認済み」を意味するチェックボックスを設けたいと思っています。
input type="checkbox" を TOP Page の ul の前に入れて ul 以下を label で囲ってしまうと、...
3
票
1
回答
544
閲覧数
自作メモ帳アプリの内容を、 Twitter やFacebook でシェアする方法
Monacaでメモ帳アプリを開発している者です。
以下のような記述のメモ帳アプリを作っているのですが、保存したメモの内容を Twitter やFacebook でシェアできる機能を加えたいと思っています。
Detail Page 内への記述だと思うのですが、どのように書いたらよいでしょうか。
ご教授の程、どうぞよろしくお願い致します。
~~~index.html~~~
<!...
1
票
1
回答
1,158
閲覧数
自作メモ帳アプリの編集保存機能で、初回に内容が表示されない
Monacaでメモ帳アプリを開発している者です。
メモ帳アプリのテンプレートを元に作っているのですが、テンプレートにはメモの編集機能がありませんでした。
そこで、以下のように編集機能を加えてみたのですが、編集画面に移ると元のメモ内容が表示されないという現象が起こっています。
細かく言いますと、メモ登録後、最初に編集ボタンを押した際には元のメモ内容が表示されないのですが、...
0
票
2
回答
307
閲覧数
Bacon.jsで後続のアキュムレータをスキップする方法について
Bacon.jsでアキュームレータ関数を複数設定し、関数の結果しだいで後続の関数をスキップすることはできるのでしょうか?
let bus = new Bacon.Bus();
bus.map(accume1) // ここの処理によってはaccume2をスキップしてaccume3の処理を行いたい
.map(accume2)
.map(accume3);
bus.push(1);
...
1
票
1
回答
1,574
閲覧数
TwitterのOAuth認証でアクセストークンが取得できない
グーグルスプレッドシートでTwitterのアプリを開発しているのですが、TwitterのOAuth認証の部分でアクセストークンを取得の部分でtokenがとれなく困っています。
JavaScriptでいうlocalStorage機能みたいなものはないでしょうか?
コードはこちらです
function getToken(){
var acount
var oath_url = "...
6
票
1
回答
740
閲覧数
OpenLayers で設置しているマーカーが全て収まるようにズーム倍率を変更するには?
OpenStreetMap と OpenLayers でマップ上に複数のマーカーを設置しています。
このマーカーの位置は変動するので、マップ表示時に全てのマーカーが見えるよう Google Maps API の fitBounds メソッドのようなものを実現したいと思っています。
OpenLayers でこのような機能は提供されているのでしょうか? ...
4
票
1
回答
443
閲覧数
フロントエンドjavascriptのpubsubパターンとカスタムイベントの違い・使い分け
フロントエンドjavascriptにおいてpubsubパターンとカスタムイベントの違いがイマイチ分かりません。
個人的な以下のような認識を持っています。
pubsubパターン:DOMに依存しない
カスタムイベント:DOMに依存、javascriptのイベント特有の処理を行う
どちらとも、「トリガーによって起動する処理を登録・実行する」という役割は変わらない
...
1
票
2
回答
9,398
閲覧数
jQuery.ajaxでJSONがnullの場合の処理
jsonファイルの読み込みの際にnullが帰ってきた場合のみ表示させないようにしたいのですが、なかなかうまくできません。
以下コードになります。
time.json
{
"fromTokyo" : {"air" : "1 hour 30 min", "train" : null, "bus" : null},
"fromOsaka" : {"air" : "1 hour 45 min", ...
2
票
1
回答
2,439
閲覧数
AngularJSでng-repeat時に、ng-clickしたらhideされている要素を表示したい
Angularjs1.3.0
下記のようなlist配列をループで回した際に、div要素をng-clickすることで
元々非表示になっているspan要素を表示させたいと考えています。
またクリックされた要素自体はng-hideにより非表示にします。
本家のstackoverflowに参考になりそうなコードがあったので組み込んでみましたが、...
2
票
1
回答
4,874
閲覧数
ページの読み込みが終わらない
RoRを使ってwebページを作っています。
ページの読み込みが終わらなくなりました。ページは表示されるのですが、ブラウザの読み込み中を表す回転マークが残ります。
これはどういう原因で起こる事象ですか?
私はプログラミングを初めて3か月程度ですが、今まではJavaScriptに誤りがあるときに生じるものだと思っていました。今回は、...
3
票
3
回答
2万
閲覧数
JavaScript正規表現でマッチした全ての値を配列で取得する
JavaScriptで下記データから大括弧[]内のデータだけ、抜き出す良い方法を教えてください。
a[hogehoge] b[fugafuga] c[piyopiyo]
求める出力結果としては、["hogehoge", "fugafuga", "piyopiyo"] になります。
4
票
3
回答
1,907
閲覧数
Array.prototype.forEach() と Array.forEach()の違い
Array.prototype.forEach()とArray.forEach()は何が違うのでしょうか?
Array.forEach()と書いたら、内部でArray.prototype.forEach()が呼ばれるので、わざわざArray.prototype.forEach()と書く必要はない?
それともArray.prototype.forEach()と書くと、Array.forEach()...
3
票
1
回答
3,889
閲覧数
iosでaudioタグを使い音量を制御したいです
audioタグでvolumeを使用し音量を制御したいです。
WEBブラウザでは制御できるのですが、端末(ios)では制御できません。
音量を0.0~1.0の間で試しましたが、音量に違いがでない状態です。
開発環境はmonaca(https://ja.monaca.io/)です。
解決方法を教えていただけると助かります。
よろしくお願いいたします。
// 音声の読み込み
var ...
2
票
2
回答
6,866
閲覧数
JavaScript で Base64 エンコードをして Canvas に画像を表示
function addMessage (value,color,size) {
var canvas = document.getElementById("picture");
var ctx = canvas.getContext("2d");
var image = new Image();
var image.src = " "data:...
1
票
1
回答
236
閲覧数
ハッシュに部分テンプレートを適用してhtmlに挿入するには
Ruby on Railsを使ったチャットを作っています。ビギナーです。
ActionControllerでユーザーのpostをjsonにして送信します。クライエント側ではそれをハッシュにしています。
チャット部分のhtml.erbファイルの一部
<% javascript_tag do %>
$(function(){
var eventSource = new ...
5
票
2
回答
317
閲覧数
JavaScript&HTMLクライアント利用時の、クライアントの正当性を担保する方法について
バックエンドAPIサーバーと通信するクライアントを、JavaScript&HTMLで作成しようとしています。
バックエンドで「正しいクライアントからのリクエストか否か」を調べるためには、クライアントに専用の秘密の文字列を埋め込んでおき、それをリクエストパラメータまたはヘッダに含めて送信するのが一般的なのではないかと思います。
しかし、JavaScript&...
0
票
1
回答
307
閲覧数
MonacaのOnsen UIでcurrentTimeを動作させる方法を教えていただけないでしょうか?
MonacaのOnsen UI最小限のテンプレートで開発しているのですが、currentTimeが動作しません。
http://docs.monaca.mobi/ja/sampleapp/samples/#6
currentTimeで再生位置を0にし、音声ファイルを先頭から再生できるようにしたかったのですが、動作せず困っています。
currentTimeが動作しない場合audio.pause()...
4
票
1
回答
216
閲覧数
Polymer.jsでオブジェクトのメンバをバインドすると何故かstaticになるのはバグ?
こういうCustom Element <test-01>があります
test-01.html
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-button/...
1
票
1
回答
475
閲覧数
KVS (session storage) で特定の値を変更する方法
KVS 初心者です。 現在 sessionStorage をいじっています。
例えば
{id01:{hoge:1, moge:2, hige:5}}
といったレコードがあります。
この中の moge の値だけを 4 に変えたいのですが、いまのとこ id01 の中身を全取得して moge の値を書き直し、また id01 をまるごと再保存するしか思いつきません。
id01.moge = 4
...
2
票
2
回答
333
閲覧数
電卓アプリをFRP的に実装するには?
数値入力イベントのstreamと
-1-2-3---4-5-6---7-8-9--
演算子入力イベントのstreamから、
-------+-------+--------
計算に用いるオペランドのstreamを生成して、
---123-----456-----789--
最終的に演算結果のstreamを生成する
---123-----579-----1368-
...
1
票
1
回答
940
閲覧数
モバイルデバイスの画面の実寸を把握するには?
http://g.co/racer のように、複数のデバイス間で画面の見た目を揃えるにはどうしたらいいのでしょうか?
まずはCSSの実寸指定やviewportを使うことを考えたのですが、これらを使っても画面上でのサイズを正確に指定することはできないようで、失敗。
<!--次のコードでは、画面上に表示される要素のサイズは1cmになりません。-->
<div style="...
3
票
2
回答
1,097
閲覧数
SVGのPATH要素を、JavaScriptでPOST送信すると、受信内容が[object SVGPathElement]となる
やりたいこと
SVGのPATH要素を、JavaScriptでPOST送信
PHPでPOST受信して利用
送信したいPATH要素
<path d=" … 中略 … "></path>
現状
■JavaScript での送信内容
フォーム動的生成
input 要素に、path 要素を格納した target を追加
elem.setAttribute('value', ...
3
票
2
回答
1万
閲覧数
フォームの入力が消えないようにするには
初めまして。
PHPを3ヶ月前に勉強し始めたもので、現在PHP+MySQLで初歩的なウェブアプリを作ろうと試行錯誤しています。まずは簡単な発注書を作ってみようと始めたのでが、フォームの入力で躓き、ネットで調べてますがうまくいかないので教えて頂けると幸いです。
入力項目ですが、
日付
注文先
企業名
支店名
注文項目
大分類
中分類
小分類
単価
数量
総額
となってます。
日付、注文先、...
2
票
2
回答
428
閲覧数
!function(a){ // }("hoge"); と ( function(a){ // })("hoge"); の違いは?
以下のJavaScriptの関数の実行方法はどういった違いがあるのでしょうか?実行結果は同じなのでそれぞれどういった場合に使うのかについての答えが得られれば幸いです。
Case 1:
!function(a){
alert(a);
}("Hello World");
Case 2:
(function(a){
alert(a);
})("Hello World");
...
2
票
1
回答
2,095
閲覧数
AngularJSにて<img src=""> のsrc404エラーについて検知し代替画像を入れたい
AngularJS1.3.0にて
<div ng-repeat="hoge in list">
<img src="{{hoge.img}}">
</div>
のような要素があったとして、imgが外部リンクの場合は表示されないケースがあるかと思います。
この場合にデフォルトの画像をセットするような処理は可能でしょうか?
JQueryを使った場合ですと
...
4
票
1
回答
166
閲覧数
MediaElement.js 利用時の検索結果に、ログが混ざる
MediaElement.js を利用しているのですが、 こちらを利用すると下記メッセージがGoogleの検索結果に反映されてしまいます。
Initializing... stage: 500x375 file: [動画パス] autoplay: false
preload: none isvideo: true smoothing: false
...
2
票
0
回答
1,203
閲覧数
three.jsで影と重なった部分や物体が重なった部分の面積や体積を求めたいです
three.js を使って、物体同士が重なった部分や、影に隠れた部分の面積を求めたいですc
何かライブラリーなどはあるのでしょうか?
下記のサイトで webGL? を使った方法はあるみたいなのですが
Three.jsで3DCGのピクセルデータをCPUで計算する方法
どうも使い方がよくわからないので困っています。
何か参考になるサイトなどご存知ではないですか?
【追記】
...
2
票
2
回答
4,133
閲覧数
AngularJSでのコントローラー、サービス定義のファイル分割について
お世話になります。
AngularJSにて開発中ですが、サンプルなどにあるようなapp.jsファイル単体に
controllerやservice,directiveを全て記述するのは可読性も悪く問題だと思ったため
各種サイトを参考にディレクトリを切り、機能ごとにファイルに書き出しました。
が、肝心のmodule読み込み方法がうまくいかないです。
...
2
票
4
回答
273
閲覧数
”url(http://exapmle.com)”からurlを取り出すスマートな方法。
現在は
str = "url(http://exapmle.com)"
str.split("(")[1].split(")")[0] => "http://exapmle.com"
等としていますが、もうちょっとスマートな方法があるような気がします。
4
票
2
回答
1,577
閲覧数
Unityでプレハブ(照明)の消し方がわかりません
皆さんはじめまして。この間から Unity をはじめたばっかりの初心者であり、C 言語しか勉強しておらず Javascript や C# は触ったことがないので悪戦苦闘しながらスクリプトを書いております。
やりたいこととしては、シーン上に指定時間後に照明を当て、また指定時間後に照明を消すということをしたいと思い、出したい場所に空(から)のゲームオブジェクトを配置し、そこにスクリプトでプレハブ(照明)...
2
票
4
回答
5,323
閲覧数
難読化されたjsに関して、使用ツールの特定と復元方法について
以下のように難読化されたjsのコードがあります。
zSbTF_sh = 26496;
bas_sh = Math.floor((7 & 5) * (33 | 0x0f) * (11 ^ 0x5b) / (23 << 3) * Math.sqrt(23 >> 3)) * (29 | 82) - Math.pow(11, 3);
Bas_sh = navigator....
7
票
6
回答
2万
閲覧数
.min のファイルはどうやって作るのですか
jQueryやBootstrapなど .min とついているファイルはスペースやコメントもなくギュウギュウ詰めで書かれているのですが、このようなものはどうやって作成するのでしょうか?
6
票
1
回答
2,166
閲覧数
img要素のonloadを動的に設定する際の挙動について
全ての<img>のロードが完了した時点で処理をしたい、といった質問の回答において、$.Deferredを使った例が挙げられています。
(以下 https://ja.stackoverflow.com/questions/6086#comment5088_6127 よりコードを引用)
$.fn.all_loaded = function () {
var all_done = ...
6
票
4
回答
2,431
閲覧数
img要素の読み込み完了後に非表示要素を表示したい
img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。
<style>
セレクタ {display: none;}
</style>
上記のCSSを、onloadを使用して
<style>
セレクタ {display: block;}
</...
5
票
1
回答
3,261
閲覧数
AngularJS+ONSEN UI(tabbar)で初回起動とそうでない場合に出し分けをしたい
お世話になります。
環境:MoancaIDE / Chrome 最新版
Cordova 4.1.0
ONSEN UI 1.2.1
AngularJS: 1.3.0(ONSEN UI標準組み込み)
JQuery MonacaVer 2.0.3
iOS MonacaDebugger 3.2.0
■やりたいこと
タイトル通りなのですが、初回起動時にはサービス利用の同意画面を出したいと考えています。
...
2
票
1
回答
1,638
閲覧数
venobox の閉じるボタンを別の場所に付けたい
venobox という jQuery用のライブラリを使用してモーダルウィンドウで外部 HTML (同サイト内)をアイフレームで読み込む WEB サイトを制作しています。
venobox http://lab.veno.it/venobox/
モーダルウィンドウを開いた際、背景の右上に × の閉じるボタンが表示されますが、これをモーダルウィンドウ内(枠内右上)に表示する方法と、...
4
票
3
回答
3万
閲覧数
DIV要素にonloadの代用になるものはありますか?
div要素にonloadを付けたいのですが、残念ながら現在の時点ではdivにonloadは付けれません。
ですが、divにonloadなる物を付けたいのですが、何か代用できる方法などはございますでしょうか?
私がやりたいことは、「onload指定している箇所が読み込まれた後、他の要素を表示する」事です。
<style>
.main_off {
display: none;
}
....
3
票
0
回答
2,810
閲覧数
ONSEN UI + JQueryのタブ切り替え時のons.readyとscriptについて
お世話になります。
MoancaIDEでiOS/Android向けアプリを開発中ですが、頻繁にJQueryによるAjax通信が動作しなくなり原因がわからず困っています。
というのも、そもそも別ページに記載したjavascriptが動作していないのではないかという疑念です。
環境:MoancaIDE / Chrome 40.0.2214.93 m
Cordova 4.1.0
ONSEN UI 1....
9
票
5
回答
5,072
閲覧数
JavaScriptで絵文字の正確な長さを取得する
JavaScriptで絵文字の正確な長さを取得したいのですが、うまくいきません。
🐍(蛇の絵文字)は1文字なので 1 を期待しているのですが、2 が 返ってきてしまいます。
Firefox, Node.js, io.js などいろいろなもので試しましたが、やはり 2 が返ってきています。
どうすれば、正確な長さを取得できるのでしょうか?
var my_string = "🐍"; // ...
2
票
1
回答
466
閲覧数
JavaScript開発におけるJavaライクな名前空間の管理ができる方法はありますか?
下記に合致するNamespace管理がきるJavascriptのライブラリ/スーパーセットは存在するでしょうか?
「Javaライクな名前空間」- com.hogehoge.foo.bar のような名前空間が持てるかどうか
Knockout.js と連携して名前空間を管理することができる
開発規模は約5人くらいのチーム
Jsのファイル数は30ファイル程度
1
票
2
回答
409
閲覧数
グローバル関数から無名(匿名)関数に入りたい
Google API の JavaScriptクライアントライブラリを使っているのですが、グローバル関数から無名関数の処理の中に入る(?)よい方法が思い浮かばず悩んでいます。
</body>の前に、(1)自分のJavaScript読み込み (2)Google API読み込み を記載しています。
:
<script src="MY.js"></script&...
3
票
1
回答
1万
閲覧数
ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ画面キャプチャしたい
ボタンクリックしたら、HTMLの指定タグ(id)範囲のみ、「JavaScript」か「PHP」で画面キャプチャしたいです。
HTMLの指定タグ(id)範囲から、画面位置を割り出し、そのサイズを取得して、画像で画面キャプチャすることは可能でしょうか?
6
票
1
回答
5,928
閲覧数
Cookieの値がブラウザ側で有効になるタイミングはいつか
「ファイルダウンロード完了後に画面遷移などをjavascriptで行う」を参考にASP.NET MVCで実装してみました。
サーバー側はファイルをダウンロードをさせつつCookieをセット、クライアント側はJavaScriptで定期的にCookieをチェックすることでダウンロードの完了を検出する、というものですが、...
0
票
2
回答
2,550
閲覧数
getFilesDir() でローカルに保存した HTML ファイルが動きません
どなたかご助力下さい。
getFilesDir() で、 data/data/パッケージ名/Files/○○○ の下に
css フォルダ
javascript フォルダ
画像フォルダ
html ファイル
を配置しています。
※ これらは HTML 経由で ZIP ファイルをダウンロード後、こちらに解凍しております。
この HTML ファイルを WebView の loadURL ...
1
票
2
回答
329
閲覧数
blur時にdivを挿入すると何をクリックしているかが分からない
input.blur時に独自のエラーボックスを出すことを想定したプログラムで
focus状態で「tab button」をclickしようとした場合tabもlayerもクリックされていないようですが一体何がクリックされているのでしょうか?
<div id="tab" onclick="console.log('tab Click')">tab button</div>
&...