[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,599
質問
3
票
1
回答
241
閲覧数
TwitterのシェアボタンのJavaScriptコードを理解したい
!function(d, s, id) {
}(document, 'script', 'twitter-wjs');
Twitterのシェアボタンのコードの一部です。
functionの前にある!はどういう意味ですか。
最後の(document, 'script', 'twitter-wjs');はどういう意味ですか。
また、これをcoffeescriptで書くとどうなりますか?
4
票
1
回答
6,224
閲覧数
jQueryUIのautocompleteを日本語確定後に実行させる方法
jQuery/javascriptを勉強中のものです。よろしくお願いします。
テキストボックスでAmazon.co.jpのキーワードサジェスト機能を使いたいと思いまして
調べたところ、
jQueryでAmazon/Googleのsuggest機能を実装する
http://d.hatena.ne.jp/tatsu-no-toshigo/20140428/1398667460
...
5
票
3
回答
9,778
閲覧数
JavaScript が実行された後の HTML を取得したい
あるサイトの HTML を取得して更新をチェックするというスクリプトを書こうとしています。
wget を使用してHTML ファイルを取得したところ、 JavaScript が使用されていたサイトであった為、JavaScript のコードが取得できただけで実際のデータを取得することはできませんでした。
このような場合、 JavaScript ...
3
票
1
回答
2,105
閲覧数
jQuery のアコーディオンに、それぞれのコンテンツ縦幅を設定したいです
アコーディオンを使ったウェブページをつくっておりまして、そのアコーディオン自体は正常に動いております。(動作は問題ないです)
アコーディオンは5つありまして、その一つ一つにそれぞれのコンテンツをいれたサイトを作りたいのですが、たとえばAのコンテンツを開くと縦幅が長すぎて、下のほうに空欄が出てしまいます。(B,C、D、Eも同様です)。
JavaScript で CSS ...
2
票
1
回答
447
閲覧数
Backbone.Model で sync イベントが発火したとき、期待する値が set されていない
Backbone.js と Backbone.Marionette の組み合わせで、以下のようなコードを書いています。
var Model = Backbone.Model.extend({
url: '任意のURL',
dataFetch: function() {
this.fetch()
.fail(alert('error!!'))...
3
票
2
回答
4,706
閲覧数
fancyBox2 で写真をポップアップすると、 `Please try again later.` エラーが表示される
fancyBox2 で写真をポップアップさせたいのですが、The requested content cannot be loaded. Please try again later. という文章が出てしまいます。
何が間違えているのでしょうか??
僕が現状書いているプログラムは以下のとおりです。
なお、 DreamWeaver CS6 の可変グリッドを使いウェブサイトを作っております。
&...
2
票
1
回答
538
閲覧数
CasperJSでエラー発生時に処理を継続させたい
以下のコードで、存在しない要素#hogeを取得しようとしたとき、エラーで処理がストップし、後続の#economyの処理を実行できません。
エラーが発生しても処理を継続させる方法はないでしょうか?
var casper = require('casper').create();
casper.start('http://www.yahoo.co.jp');
casper.then(...
3
票
1
回答
9,726
閲覧数
Leafletでマップに追加したマーカーを消す方法
onMapMoved = function(e) {
map.removeLayer(markerList);
var url = "https://api.twitter.com/1.1/search/tweets.json";
var searchKeywords = get_search_keywords();
if (searchKeywords.length > ...
2
票
3
回答
1,123
閲覧数
ブラウザからDNS逆引きを実行する方法はありますか?
ブラウザから逆引きを行いたいのですが何か方法はありますか?
理想としてはJavaScriptから直接Digコマンドのようなものが打てればよいのですが、JavaScriptにそのような関数は存在するのでしょか。
それ以外で思いつくのはサーバー側でdigコマンドで取得した情報をajaxでやりとりする方法なのですが、複数人が同時に使用するとなると同一のIPから大量に逆引きを仕掛ける事になるので、...
1
票
1
回答
859
閲覧数
jQuery で、スクロール追従型にメニューをカスタマイズしたい
下記サイトの右メニュー下にある、「スポンサードリンク」のように、スクロールしてもページ内の固定位置に残るメニューを実装したいです。
http://www.akb48matomemory.com/archives/1017688632.html
ただ、以下のようにもしたいのですがこういった実装は可能なのでしょうか。
下にスクロールした場合はトップ固定
...
2
票
1
回答
2,676
閲覧数
Chromeデベロッパー・ツールのjavascriptエラー(main.js)について
Google Chrome(Mac)でWebサイトの開発をしております。
テキストボックスやプルダウンなどに入力・変更したりすると、Chromeデベロッパー・ツールのコンソールに以下のように表示されております。
作成しているサイトではmain.jsといったようなファイルは使用しておらず、当該エラーがなぜでるか・解消できるか教えていただけますでしょうか?
Uncaught TypeError: ...
3
票
1
回答
5,935
閲覧数
iPad Safari / onload時にwindows.openができない。
function test(){
window.open("/xxxxx/TEST.PDF","_blank","");
}
:
< body onload='test();'>
:
iPad Safariを使用し、上記のスクリプトを実行するとPDFのPOPUP画面が開きません。
(body onloadによるwindow.openが動いてくれない。)
PC版Safariでは、...
3
票
3
回答
613
閲覧数
Galleriaで高さを指定しないと `Fatal error: Could not extract a stage height from the CSS.` が出てしまう
JavaScript ライブラリの Galleria で画像ギャラリーを実装しましたが、
Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.
というエラーが出てしまいます。
#galleria {
height: 500px;
}
のように height ...
2
票
1
回答
427
閲覧数
IntelliJ IDEA の File Watcher で typescript を階層を維持してはき出したい
動画を参考にしたり、
Youtube: TypeScript Project Structure using File Watchers
「File Watcher」 の設定画面より Arguments 部分を下記に設定したりしていろいろ試したのですが、空ファイルで出力されてしまったり、特定ファイル以外はうまくはきだせないなど。うまくいく設定が見つかりませんでした。
--out
$...
3
票
2
回答
259
閲覧数
var SM = (function{ ... }()) で宣言された変数に、メソッドが生成される仕組み・条件が知りたい
var SM = (function () {
var my = {};
my.get = function (key) {
return localStorage.getItem(key);
}
my.put = function (key, value) {
return localStorage.setItem(key, value);
}
...
3
票
0
回答
2,099
閲覧数
Cordova pluginを使ったアプリ内課金の実装方法について
Cordova Pluginを使用したアプリ内課金の実装方法について教えて下さい。
Cordovaを使ったAndroidアプリケーションを作っています。
Cordova Pluginを利用したアプリ内課金実装を実現するにはいくつかのPluginの候補がありましたが、Cordova Purchase Pluginを使用することに決め、実装にとりかかりました。
In-App Purchase ...
6
票
1
回答
2,725
閲覧数
VLCメディアプレイヤーの Javascript API で、再生速度を変更する方法
現在、 VLC メディアプレイヤーの Web プラグインを利用して動画再生を行うページを作成しています。
そこで動画を倍速再生する必要があり、その方法として Javascript API の vlc.input.rate で再生速度を操作しようとしていたのですが、問題が発生しました。
解決方法をご存知の方はいらっしゃらないでしょうか。
○問題
&...
2
票
1
回答
574
閲覧数
lodash.js を利用し、ある1つの配列が持つすべての値は同値か否かを判定したい
lodash.js を利用して、ある1つの配列が持つすべての値は同値か、否か という判定をしようとしています。(複数の配列同士の比較ではありません)
ドキュメントを見た限りではそのような機能を提供するメソッドはなく、以下のように実現するしかない、と考えたのですが、よりベストな手段はありますでしょうか。
(万が一、ドキュメントで見落としていた場合は大変申し訳ありません)
var ...
4
票
1
回答
4,804
閲覧数
input タグ multiple 属性で選択させた複数のファイルを、個別のクエリパラメータに分けて送信したい
<input file="file" name="files" multiple="multiple" />
によって複数選択されたファイル(例として5つ選択されたとします)を
<input file="file" name="files[0]" />
<input file="file" name="files[1]" />
<input file="...
4
票
1
回答
589
閲覧数
CasperJSでクロール中に、メモリ使用が 97% 程度まで上がり、 Killed と表示され終了してしまう
CasperJS であるサイトをクロールし、クロールした情報をデータベースに格納する処理を作成しましたが、クロール中にメモリが97%程度まで上がり、 Killed と表示され終了してしまいます。
メモリを大幅に使用してしまう原因は、以下のいずれかだと予想しています。
クロールした情報を格納している配列が大きすぎる
eachThen を使用しクロールするページが多すぎる
1.が原因の場合、...
2
票
2
回答
1,121
閲覧数
XMLHttpRequestでサーバーの生存確認をしたい、しかしDDNSで失敗してしまう。
あるサーバーがよく落ちるので、chrome拡張アプリで死活監視プログラムを書いてみました。
死活の判断はステータスコードが200でresponseURLがopenにセットしたのと同じ場合に生存と判断をして、それ以外は死亡としました。
これで一応動いたのですが、サーバーがDDNSから接続先が見つからないとDDNSの管理する警告画面に飛ばされます。
その時の違いは画像の通りで、...
3
票
1
回答
441
閲覧数
JetpackのInfinite Scrollでのバルーンボタン読み込み時に表示崩れが発生する
Wordpressでサイトを構築して、JetPackのInfinite Scrollで無限スクロールを設定して、トップページで各記事の概要を表示しているのですが、最初7件からスクロールして次の7件の記事を読み込む際にSNSバルーンボタンがうまく表示されずに若干表示が崩れてしまいます。
http://soundrope.com/
JavaScriptやPHPの知識がまだ疎いもので、...
2
票
1
回答
1,062
閲覧数
matter.jsという物理エンジンライブラリのオブジェクトの結合について
matter.jsのオブジェクトの結合でつまづいています。
下記コードでcarオブジェクトの上に四角形を3つ固定させたいのですが、うまく固定できずに困っています。どうすればうまくできますでしょうか?
var Engine = Matter.Engine,
Gui = Matter.Gui,
World = Matter.World,
Bodies = ...
3
票
3
回答
2,149
閲覧数
Javascriptで特定のカラーを全て他の色に置き換えるには?
以下のHTMLとCSSがあるとき、Javascriptで #FF0000 を #0000FF に変更するには
すべての要素を繰り返し処理で回し、さらにcolorやborder-color、background-colorの
一つ一つの要素の中を覗いて書き換える方法しか思いつかないのですが、もうすこし
効率の良い方法はありますか?
また、:after や :before ...
2
票
1
回答
683
閲覧数
Rails4 で Sass に定義した変数の値を Javascript から変更できますか?
Rails4 で Sass を利用してスタイルシートを記述しています。
Sass は変数が使えるのでとても便利なのですが、 Sass で定義した変数の値を Javascript から変更するというようなことはできますでしょうか。
たとえば以下の様な Sass ファイルを作成し「赤」をテーマカラーに設定していた場合:
$theme-color: #FF0000
body
color: $...
4
票
2
回答
9,993
閲覧数
変数がDOM要素かどうかを判定する方法
event.target には click などのイベント発生時にイベント発生元のDOM要素がセットされていると思いますが、jQuery の ajax() を非同期で実行した場合は XMLHttpRequest オブジェクトが入っていました。
変数の値がDOM要素の場合だけ特定の処理を行いたいです。
event.target に限らず、変数・...
1
票
1
回答
133
閲覧数
MixPanelでENGAGEMENTとPEOPLEを同時にTrackする方法
MixPanel JavaScript Api でEngagementをTrackするには mixpanel.track("View Page");を使用して、PeopleのTrackを行うには mixpanel.people.function("people以下の関数のどれか"); を使用すると思います。
どうすれば、...
0
票
1
回答
258
閲覧数
MixPanelでユーザ毎に行動を管理したい
MixPanelのJavaScript APIを使用して、ユーザごとに行動を管理したいと考えています。
以下のマニュアルのManaging user identityを参考に行っているのですが、ユーザ毎にフィルタすることができません。
https://mixpanel.com/help/reference/javascript
どのように行えば実現できるかご存知ないでしょうか?
追記
...
6
票
4
回答
1,109
閲覧数
あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい
例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。
どなたかご教授いただければ幸いです。
<ul>
<li><input type="text" name="title"></...
3
票
0
回答
1,110
閲覧数
iOS8 の `WKWebView` では、 `UIWebView` の `keyboardDisplayRequiresUserAction` に似た設定はありますか?
iOS8 で利用できるようになった WKWebView を利用しています。
ページ読み込み完了時に実行される JavaScript で、
<input> 要素の入力欄にフォーカスを当ててキーボードを出したいです。
しかしデフォルトでは、ユーザーのアクションなくキーボード入力を呼び出すことは出来ないようです。
UIWebView であれば ...
4
票
1
回答
2,679
閲覧数
CasperJS でクリック後の Request URL の取得方法
CasperJS で、クリック後の Request URL の取得方法を教えて下さい。
タグの href や src の属性を確認せず、 Request URL を取得する方法です。
casper.on('resource.requested', function(resource){
this.echo(resource.url);
});
で全ての Request URL ...
3
票
2
回答
1,918
閲覧数
JMeterのBSF PreProcessorの挙動について
Webアプリの負荷テストをするために、JMeterでテスト計画を作っているのですが、
WebアプリのPOSTデータでUUIDをランダムにPOSTする必要があるため、BSF PreProcessorでUUIDをランダム生成し、POSTの中で使おうとしています。
複数回のHTTPリクエストで同じUUIDを使ってPOSTしてほしいのですが、なぜかPreProcessorが何度も実行されているようで、...
2
票
3
回答
2,451
閲覧数
Javascript での多次元配列の初期化について
これだとダメで
var histArray = new Array(256);
var histData = [histArray,histArray,histArray];
for(i = 0; i < 3; i++){
for(j = 0; j < 256; j++){
histData[i][j] = 0;
}
}
...
9
票
1
回答
806
閲覧数
IEのdocument.URLUnencodedとは何者なのか
Internet Explorerではdocument.URLUnencodedというプロパティがあります。
http://msdn.microsoft.com/en-us/library/ie/ms534709%28v=vs.85%29.aspx
このdocument.URLUnencodedプロパティとdocument.URLプロパティの違いについて詳しく教えて欲しいです(...
2
票
1
回答
1,990
閲覧数
特定のViewのみ読み込みたくないjavascriptがある。
controllerが10個あり、対応するviewも同じ数だけある場合
6個のviewで使っているjavascriptを1個のファイルとしてapp/asset/javascript/以下に置きました。
その後、適用したいviewとは別の1個のviewがそのjavascriptの内容と競合してしまいそのviewのみ適用したくないという状況になりました。
...
11
票
2
回答
1,526
閲覧数
変数からtemplate stringsを生成したい
ECMAScriptにおけるtagged templateを動的に生成する方法について教えて下さい。
template stringsは、一般的には、template literalsという呼称のとおり以下のコード例のようにリテラルとしてソースコード内に固定値として保持されるものですが、
var name = "user input here";
var str = `Hello, ${name}...
-4
票
1
回答
419
閲覧数
angular.jsと競合関係にあるフレームワーク [クローズ済み]
フロントエンドの勉強をしようと思っていますが、angular.jsを学ぶか、他のものを学ぶか迷っています。
angular.jsと競合関係にあるフレームワークと、できればそのメリットや特徴などを教えていただけると助かります。
2
票
1
回答
746
閲覧数
OpenLayers から Leaflet へ移行。 地図の緯度経度の最大値最小値をgetするには?
これまで OpenLayers を使っていました。
訳あって今回、 Leaflet を使ってみようと思い、導入をしてみましたが、 Leaflet では getExtent 関数が使えない事がわかりました。
公式サイトのAPI を調べてみて、
var extent = map.getExtent().transform(
new OpenLayers.Projection("...
2
票
1
回答
2,757
閲覧数
Handsontableでカラムをクリックした時のデフォルトのソート順を降順にしたい
HandsontableでcolumnSorting:trueにしておくとカラムのヘッダーをクリックした時に昇順ソート、再クリックで降順ソートになりますが、これを最初のクリックを降順、再クリックで昇順のように変更することはできますか?
※追記
初期表示状態でのソート順を下記のように指定できることはわかったのですが、
var hot = new Handsontable(document....
17
票
2
回答
1,880
閲覧数
引用符のガイドライン
htmlタグの属性値
CSSのプロパティ(urlなど)
JavaScript の文字列リテラル
これらで使用する引用符はシングルクォート、ダブルクォートのどちらも使用できますが、メンテナンス性を考慮してスタイルを統一したいです。
また、
htmlタグのイベント属性(onlickなど)に直接JavaScriptを記述する場合
JavaScriptで属性値付きのhtmlタグを編集する場合
...
17
票
4
回答
4,365
閲覧数
要素に適用されている実際のフォントを知るには?
CSS の font-familyプロパティ について、こちらに
font-familyプロパティは、フォントの種類を指定する際に使用します。
フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 ...
8
票
1
回答
366
閲覧数
FirefoxでのJavascriptによるGamepadAPIを使ったXBOX360コントローラー
現在、Javascriptによるゲームフレームワークを作成しています。
主要なブラウザのうち、ChromeとFirefoxへの対応を行っていたのですが、ファミコンのようなUSBゲームパッドと、XBOX360用のUSBゲームコントローラーに対応していました。
しかし、最近のFirefoxではXBOX360コントローラーの値が取れなくなりました(Chromeでは問題ありません)。
...
4
票
1
回答
1,636
閲覧数
Photoshopプラグイン(Javascript)でアクティブドキュメントのファイルパスを取得するとlengthの値がおかしくなる
Adobe ExtendScript CS6で、Adobe Photoshop CS6向けにJavascriptで書いたコードです。
filename = app.activeDocument.path;
alert(filename);
alert(filename.length);
以上のコードを実行すると最初に ~/Desktop が表示されます。
しかし、...
2
票
1
回答
580
閲覧数
SpookyJSで、CasperJS側にundefinedな変数を渡せない
casperjs@1.1.0-beta3
spooky@0.2.5
を使って、スクリプトに渡したコマンドラインオプションをCasperJSのthenコールバック内で使おうとしています。他の変数はちゃんとCasperJS内から見えるのですが、undefinedな変数はどこかで消えてしまうのか、そんな変数はないよ ("Can't find variable") と言われてしまいます。
...
17
票
7
回答
2万
閲覧数
function hoge() と hoge = function() の違いは?
JavaScriptでの関数定義には2つあるみたいですが、違いや使い分けがわからないので教えて下さい。
パターン1
function hoge(a, b) {
...
}
パターン2
var hoge = function(a, b) {
...
}
どちらも実行するときはhoge(a, b);でよいのでしょうか。
8
票
3
回答
2万
閲覧数
innerHTMLに入れたコードの中にscriptタグがあっても実行されないのはなぜ?
javascript(coffeescript)を使い、ajaxで取得したhtmlコードをinnerHTMLでDOM要素に突っ込んでいます。
このとき、htmlコードの中にscriptタグを入れていてもjavascriptが実行されないのですが、
実行されないのは標準の挙動でしょうか?それともブラウザが気を利かせていての挙動でしょうか?
...
8
票
2
回答
1万
閲覧数
クリップボードにコピーする方法
https://rubygems.org/gems/i18n/versions/0.7.0
こちらのサイトの右側にテキストをクリップボードにコピーするボタンがあります。
htmlを覗いてみるとdata属性に対象の文字がありますが、どうやってコピーさせてるのでしょうか?
JavaScriptで可能なのでしょうか?
4
票
1
回答
1,153
閲覧数
Node.js で process.env をスタブする方法
process.env をテスト用に置き換えたいと考えています。
現状では以下のようにごっそりと置き換えています。もっとスマートな方法はありますでしょうか?
describe('test', function() {
beforeEach(function() {
this.env = process.env;
process.env = { hoge: 123 };
}...
6
票
1
回答
1,235
閲覧数
XHR responseType = 'arraybuffer' が Firefoxで動かない
function getAudio(aUrl) {
var deferred = $.Deferred();
// ajax is not capable of arraybuffer
var xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', aUrl, ...
6
票
1
回答
5,357
閲覧数
JavaScript からデフォルトのロケールを取得・変更したい
Number の toLocaleString() や Date の toLocaleString() をロケールを指定せずに実行した場合、
Number(1234).toLocaleString();
-> "1,234"
(new Date).toLocaleString();
-> "2014年12月27日 18:50:30"
と表示されました。(...