[coffeescript] タグが付いた質問
38
件の質問
11
票
2
回答
391
閲覧数
"self = @" の "@" はどういう意味ですか?
CoffeeScriptで書かれたjQueryプラグインを読んでいるのですが、@の記述がよくわかりません。下記のような使われ方をしているのですが、これは何を表しているのでしょうか。
self = @
また、@はJavascript、jQueryにおいてどんな意味を持ちますか?
本で探しても@に関する記述がなく困っています。
8
票
1
回答
419
閲覧数
FirefoxでのJavascriptによるGamepadAPIを使ったXBOX360コントローラー
現在、Javascriptによるゲームフレームワークを作成しています。
主要なブラウザのうち、ChromeとFirefoxへの対応を行っていたのですが、ファミコンのようなUSBゲームパッドと、XBOX360用のUSBゲームコントローラーに対応していました。
しかし、最近のFirefoxではXBOX360コントローラーの値が取れなくなりました(Chromeでは問題ありません)。
...
4
票
2
回答
385
閲覧数
CoffeeScriptで変数の衝突を避けるためにスコープのthisを利用する方法は?
#
# メインコンテンツのユーザタブのユーザ一覧の処理。
#
# 最後の要素の削除ボタンをクリックで要素を削除します。
$('.maincontent .tab.user .user-list .elem:last > .del').on 'click', ->
@parent().remove()
# 編集ボタンをクリックで選択以外の要素を薄くしてテキストエリアを表示します。
...
3
票
2
回答
168
閲覧数
JavaScript の記述を簡潔にしたい
よくあるお問い合わせフォームの入力時のバリデーション機能を作っています。
以下のような _validate メソッドを作成したのですが
@$example.parent('dd').prev('dt').addClass('form-error') が
何度も書かれてしまっているのを、もっと簡潔に記述したいのですが
どうすればいいでしょうか。よろしくお願いします。
_validate: ->...
3
票
1
回答
2,370
閲覧数
ng-file-uploadを使用した画像のアップロードについて
JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を使用して
サーバ側のデータを操作する為にバックエンドAPIを Rails で構築しているのですが、
ng-file-uploadを採用した画像のアップロードが上手く出来なくて困っています。
Shop(1) <-> Item(n)
1件のShopに複数のItemが紐付いている状態で、...
3
票
1
回答
98
閲覧数
CoffeeScriptの値の参照の参照のしかたを教えて下さい
obj =
flag: true
toggle_flag: ->
flag = !flag
obj.flag # true
obj.toggle_flag # false
obj.flag = true
obj.flag # true
obj.toggle_flag # false
このような振る舞いのオブジェクトを作りたいのですが、
...
3
票
1
回答
246
閲覧数
TwitterのシェアボタンのJavaScriptコードを理解したい
!function(d, s, id) {
}(document, 'script', 'twitter-wjs');
Twitterのシェアボタンのコードの一部です。
functionの前にある!はどういう意味ですか。
最後の(document, 'script', 'twitter-wjs');はどういう意味ですか。
また、これをcoffeescriptで書くとどうなりますか?
3
票
0
回答
183
閲覧数
Angularを採用したRailsアプリケーションで、$httpサービスを使わずに、factoryメソッドからCRUD操作をしたい
Rails側はAPIの提供(/api/articles/:id にて、articleの情報とそれに紐づくitemをjson形式でレンダリングしています)に専念させ、Angular側でjsonを受け取りserviceクラスのfactoryメソッドからデータのやりとりをしようとしています。こちらが現状のコードです。Angularのバージョンは1.4.7を採用しています。
《service》
App....
3
票
0
回答
152
閲覧数
ng-resourceでDBに保存後、すぐにeditページにredirectさせたい
自己解決できなかったのでこちらで質問させていただきます。
ng-resourceを使ってRailsで作ったAPIにアクセスし、ショップ(Shop)の作成、アイテム(Item)の作成/更新/削除を永続化できる機能を実装しています。1つのShopには複数のItemが紐付いており、Shopを作成すると作成されたidでItemのeditページにredirectさせたいです。
Shop(1) <-...
3
票
1
回答
139
閲覧数
CoffeeScriptでJavascriptのオブジェクトをシンタックス文字列でフィルタリングする
オブジェクトをシンタックス文字列によってフィルタリングする関数を作っています。
obj =
users: [
{name:'takeda', age:'18'},
{name:'kanako', age:'19'},
{name:'sanada', age:'17'}
]
objectFilter(obj, 'users[*].age') # -> {...
2
票
2
回答
352
閲覧数
coffeescriptで即時関数を使わない方法
coffeescriptはコンパイルされると即時関数に囲まれてしまいますが、この外に出したい場合はどうしたら良いのでしょうか?
2
票
4
回答
615
閲覧数
rubyで存在しない要素にアクセスしたときに返すデフォルト値を指定するには?
coffeescriptで
user = if Math.random() > 0.5
{items:[{place:1000}]}
else
{items:[{place:1000},{place:2000}]}
place = user?.items?[1]?.place || 0
console.log place
とすると、userオブジェクトの中身がどんなに複雑でも、...
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
票
1
回答
486
閲覧数
Enterキーで値がsubmitされるtextareaのdirective
はじめまして。質問させていただきます。現在、angularを採用したprojectで以下のような、textareaをdirectiveをつくり実装しています。ベーシックなtextareaとは異なり、値を入力してEnterキーを押すとformをsubmitさせる処理を与えたいと思っています。試行錯誤していますが解決できず困っています。inputでは文章がかなりはみ出てしまい、...
2
票
1
回答
68
閲覧数
ngResourceで保存されたid値をもとにeditページにredirectさせたい
ngResourceを使い、Rails側で構築したAPIを通して新しいarticleをDBに格納した後、URLに保存された新しいarticleのidを含むeditページにリダイレクトさせたいです。
/articles/new -> articles/[newで保存されたarticleのid]/edit
以下が現在のコードです。new.html.slim(articles#new)...
2
票
1
回答
1,371
閲覧数
Angularでフォームが送信された後、テキストボックスを空にしたい
タイトルの通りです。Angularを採用したフォームで、テキストボックスの値が送信されたらcontroller側で空にする処理を書いているのですが、ng-repeat内で思うように動作しなくて苦戦しているので質問させていただきました。
1つのshopの中にn個のitem_listがあり、そのなかに紐付く形で複数のitemが格納されているという前提です。
shop(1) -> ...
2
票
1
回答
1,131
閲覧数
knockout.jsでobservableArrayのデータ更新が反映されない
以下のHTMLを用意します。(値を3つだけ表示することが通常より特殊)
<div data-bind="foreach:{data:users, as:'user'}">
<p data-bind="text:name"></p>
<!-- 3つだけ表示 -->
<ul data-bind="foreach:new Array(3)...
2
票
1
回答
1,082
閲覧数
jQuery Deferredでthenが処理を待ってくれない
コメントアウトしている箇所は正しく動作するのですが、一番下のDeferredインスタンスを利用する方法だと、処理を待たずにdelayメソッドが同時に実行されてしまします。何故なのでしょうか?
delay = (msg)->
$.Deferred (p)->
setTimeout ->
console.log msg
p.resolve()
...
2
票
1
回答
179
閲覧数
ActionController::Liveとjavascriptがうまく働かない
初心者です。RoRでチャットを作っています。下記のコードで走らせても思ったように動きません。どこに問題がありますか?
ユーザーの新規のpostを1秒ごとに取得して、render_to_stringした後で送信しています。クライアント側では、それをpostが表示される"post-list"にappendしています。しかし、ユーザーがpostを作成しても、作成は成功しますが、表示がされません。
...
2
票
1
回答
87
閲覧数
gruntでdotで区切られたファイル名についての仕様はどこに書いてあるのでしょう?
angular-fullstackなどみているとファイル名がdotで区切られたファイルは結合されているようなのですが、 Building the files object dynamically 辺りをみてもイマイチ仕組みがわかりませんでした。
この辺りの仕様がどのドキュメントに書いてあるのかご存じの方がいましたら教えて頂きたく…。
よろしくお願いします。
例:grunt-contrib-...
2
票
1
回答
581
閲覧数
SpookyJSで、CasperJS側にundefinedな変数を渡せない
[email protected]
[email protected]
を使って、スクリプトに渡したコマンドラインオプションをCasperJSのthenコールバック内で使おうとしています。他の変数はちゃんとCasperJS内から見えるのですが、undefinedな変数はどこかで消えてしまうのか、そんな変数はないよ ("Can't find variable") と言われてしまいます。
...
2
票
0
回答
107
閲覧数
Win版Aptana Studio 3でcoffeescriptを開くとエディタで色が付かない
Aptana Studio 3をmacとwinに入れているんですが、
coffeescriptの編集をする時に、windowsの環境で色が付かなくてイラッとしてます。
fomatterなのかな?と思ったんですが、そもそもmacの設定でもfomatterの中にcoffeescriptの記述が無く、なんなんだかわかりません。
ちなみにjavascriptはきちんと色がついてます。
...
1
票
2
回答
1,512
閲覧数
coffeescriptでのfunctionの書き方を教えてください。
javascriptのfunctionをCoffeeScriptの形式に書き換えたいんです。
検索では下記のような書き方が多かったです。
function名 = ->
return
ですが、これをjavascriptにしてみると下記の通りになりますね。
function名 = function() { }
...
1
票
1
回答
124
閲覧数
ngResourceでネストされたアイテムの追加ができず困っています
1つの Shop のなかに複数の Shelf がありその中に Item が格納されているケースを想定しています。
ngResourceを使ってjsonでレンダリングされた "/api/shops/:shop_id/shelfs/:shelf_id/items/:id" を呼び出して、データベースに item を追加しようとしています。
《controller》shop_edit.coffee
...
1
票
1
回答
2,893
閲覧数
rails 複数枚の画像を投稿できる動的フォームのfile_fieldにそれぞれのサムネイル画像を表示させたい。
ざっくり言うと
動的フォームで生成されたそれぞれのフォームに個別のidを振り分けたい。(データベースから引っ張ってきたそれぞれの画像を表示させたい)
解決したいこと
railsのアプリケーションにcoffeescriptを利用した動的フォームを導入したいのですが、つまづいてしまっています。
追加や削除といったフォームの増減はちゃんと機能しており、...
1
票
1
回答
150
閲覧数
controllerの中で同じ処理を一定回数繰り返したい
AngularJSでtodoアプリをつくっています。controllerの中で同じ処理を複数回繰り返す処理を書いています。
現状では5回繰り返す仕様になっていて、そこまで多くはないのでベタ書きしているのですが、今後の拡張性などを考えるともっと簡潔に書きたいです。
以下がそのコードです。一部省略していますがだいたいこのような感じです。angular.forEachをつかうのかな......
1
票
1
回答
834
閲覧数
Enterキーで次のtextaeraに、Backspaceキーで前のtextareaにfocusを移したいです
タイトルの通りです。質問させてください。EnterキーとBackspaceキーでのfocusの移動に対応した、textareaのディレクティブをつくっています。
textareaで入力したあと、Enterキーを押すとitemを保存して次のelementにfocusを移動、texttareaが空のときのみBackspaceキーを押すとitemを保存して前のelementにfocusを移動させる、...
1
票
1
回答
2,385
閲覧数
横方向に自動リサイズするinputのdirectiveの続き
はじめまして。タイトルの通りです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。以前こちらで質問させて頂いたときに教えて頂いたコードを参考に以下のように実装しているのですが、何点か思うようにいかないとろこがあり、再び相談させて頂いております。テキストを入力すると入力に応じてinputタグのwidthを変更していくものを想定しています。
...
1
票
1
回答
277
閲覧数
jquery-atwho-railsを使っていますが、Uncaught TypeError: $(...).atwho is not a functionとでます。
https://gorails.com/episodes/at-mentions?autoplay=1# を参考に、メンション機能を実装していますが、Uncaught TypeError: $(...).atwho is not a functionというエラーがでます。
comments.coffee
jQuery ->
$('[data-behavior="...
1
票
1
回答
240
閲覧数
jThree.jsのgomlを使用せず、`THREE.MMD.VMD`を使用してアニメーションさせたい
下記のコードのようにTHREE.SCENEインスタンスに、THREE.MMD.PMXインスタンスからメッシュを生成して追加したところ表示はできたのですが、THREE.MMD.VMDインスタンスを使用してアニメーションさせる手順が分かりません。
gomlの<mmd model="foo.pmx" motion="bar.vmd" onLoad="parent.jThree.MMD.play(...
0
票
2
回答
183
閲覧数
HTMLを踏むことでWebページを操作する方法について
別サイトの内容で恐縮なのですが、以下の記事に書かれているHTMLで何が行われているか解読できる方いらっしゃいませんでしょうか?
記事が書かれた時期と今では調整さんのつくりが変わっているようで書かれた手順でやってみてもできないのですが、「HTMLを踏むことでWebページを操作する」という部分を使いまわしたく考えておりまして、、
踏むだけで自動的に「調整さん」をたててくれる調整サンダー
https:/...
0
票
1
回答
264
閲覧数
hubotからdiscordへメッセージを送りたい
hubotからdiscordへmessageを送りたいのですが、
envelopeの指定がslackなどへ送信するときと違うのか、上手くいかないです。
node.js/coffescriptに慣れておらず、debug方法なども曖昧なところもあり、
良い解決方法があればご教授ください。
Adapterにはhubot-discordを利用しています
・コード
cronJob = require(...
0
票
1
回答
4,172
閲覧数
beforeunloadイベントを利用した確認ダイヤログの表示で、チェックボックスを表示させない
現在フォームを作成し、フォームで戻るボタンを選択した際にアラートを表示させるようにしています。
その際「このページでこれ以上ダイアログボックスを生成しない」とメッセージとチェックボックスが表示されるため、このメッセージとダイヤログをJSで非表示にする設定はございますでしょうか?
ブラウザ側で制御する方法は見つかったのですが、システム側で非表示にする設定が見つからず
...
0
票
2
回答
5,081
閲覧数
beforeunloadイベントで特定リンクの場合適用外にしたい
登録フォームで戻るボタンを押した際に、警告を出す設定を行っています。
その際、下記条件でbeforeunloadイベントを除外しようとしたのですが、
知識不足の為 2の場合対応できません。 恐れ入りますが、どなたかご教授いただければと存じます。
▲除外条件▲
1:submitした場合
2:登録フォーム中の「フェイスブックでログイン」へのリンクを押した場合
JSはrailsのcoffee ...
0
票
1
回答
185
閲覧数
Coffeescript(Jquery)の選択肢チェクについて
htmlの択一選択フィールドで、value="normal_direct_link"が設定された場合に
下記を実現したいのですが、うまく動作しません。
○実現したい内容○
①:テキストフィールド(ノーマル設定補足 )を入力必須にする
②:①を入力していない場合、送信ボタンを押せないようにするor postエラーにしたい
■現在停止している内容■
1:...
0
票
1
回答
412
閲覧数
JavaScriptでURLに応じて処理を実行する時にオススメな方法はありますか
私はrailsとvue.jsを組み合わせて使っています。railsでは最終的にjsが1つになる仕組みがあるため一つのjsで複数のURLに対応したいと思っています。
そこで次のようなコードを作成しました。
if matchs = location.pathname.match("/categories/(.*)")
window.superagent.get("/api/v1/...
0
票
0
回答
297
閲覧数
hubotとslackの連携でのエラー JSON ERROR TypeError: Object #<Object> has no method 'replace'
APIを叩いて配列にpushするというコードを書きました。
lodash = require('lodash')
module.exports = (robot) ->
URL = "http://..."
envelope = room: "room"
request = robot.http("#{URL}/api/...")
....
-4
票
1
回答
201
閲覧数
このコードを coffee script に変換していただきたいです
タイトルの通りです。このコードは coffee scriptでどう記述されるのでしょうか。
よろしくお願いいたします。
var app = angular.module('sampleApp', []);
function MyController($scope) {
$scope.foo = ""
$scope.lastSubmitted = ""
$scope....