9
票
"self = @" の "@" はどういう意味ですか?
本家サイト の説明の
All together now:
の対比表の部分で、
CoffeeScript JavaScript
@, this this
になっているので、JavaScriptで言うthisを表す(同じと考えていい)ようです。
As a shortcut for this.property, you can use @property.
という説明があるので、
...
- 6,897
3
票
"self = @" の "@" はどういう意味ですか?
JavaScriptは何処から呼び出したかによって同じ文脈でもthisの意味が変化します。
CoffeeScriptでは@を使う事でthisのタイプ数を減らす以外にもかっこいい使い方が出来ます。
例えばこんなことしたい場合です。
hoge = function() {
var foo;
this.piko = 123
foo = function() {
return ...
- 111
3
票
Accepted
3
票
rubyで存在しない要素にアクセスしたときに返すデフォルト値を指定するには?
もし遊び心気分なら、method_missingなどの組み込み関数を使って、いたずらができます。
# メソッドがないときに、このクラスが返されます。
class DeadClass
def method_missing(*args)
self
end
def だ
nil
end
def try_index(*args)
self
end
end
...
- 81
2
票
Accepted
CoffeeScriptで変数の衝突を避けるためにスコープのthisを利用する方法は?
CoffeeScriptでは新しいスコープを作りたい時はdoキーワードを使うことが一般的だと思います。これはJavaScriptの即時関数とよく似た方法で、コンパイルしたらまさに即時関数になります。
これを規定値と組み合わせたら、なおさら使いやすいです。
t = "hello!"
do (t = $('.maincontent .tab.user .user-list')) ->
...
- 367
2
票
Accepted
JavaScript の記述を簡潔にしたい
もっとも単純な方法の1つとして、以下のような関数を定義することを提案します。
markAsError = (el) ->
el.parent('dd').prev('dt').addClass('form-error')
この関数 markAsError を使うことで、例題のコード @$example.parent('dd').prev('dt').addClass('form-...
- 5,122
2
票
Enterキーで値がsubmitされるtextareaのdirective
http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。
angularで書いた場合のサンプルを作りましたので参考にして下さい。
var app = angular.module('app',[]);
app.controller("ctrl", ...
- 1,074
2
票
Accepted
ngResourceでネストされたアイテムの追加ができず困っています
item.coffee内での$resourceの使い方が間違っています。
第一引数はURLテンプレート、第二引数はデフォルトパラメータ、第三引数はアクションです。
angular.module('myApp')
.factory('Item', function($resource) {
return $resource('', {}, {
update: {
url: '...
- 1,448
2
票
Accepted
coffeescriptでのfunctionの書き方を教えてください。
CoffeeScriptについてはまずこちらを読んでみるといいと思います。英語がわからなくてもコード部分を見れば内容はつかめます。
http://coffeescript.org/
また、下のリンク先のサイトはJavaScriptのコードをCoffeeScriptに変換してくれます(逆も可能)。
http://js2.coffee/
最後に、質問のコードは次のようになります。
a = ()...
- 349
2
票
Accepted
javascript(AngularJS)で配列の最後にpushができずに困っています
(CoffeeScriptのこともAngularのことも知りませんが) 配列なのは shop.lists であって、shop.lists[n] は配列ではありません。したがって、push() は使えません。
JavaScript 的に書くと、やりたいことは shop.lists[from].addvalue = from だと思われます。
- 7,340
2
票
HTMLを踏むことでWebページを操作する方法について
参照先のURLですが、
「HTMLを踏むことでWebページを操作する」
のではなくて、正確にいうと
「HTMLを踏むことで予め決まっているフォームデータを作成して、そのデータを調整さんにPOSTする」というものです。
調整さんに設定しているフォームのデータを予め再現していますが、フォームの作りが変わったのか。はたまた、外からのPOSTを受け付けなくしたのかわかりませんが、...
- 5,265
1
票
Accepted
beforeunloadイベントを利用した確認ダイヤログの表示で、チェックボックスを表示させない
本題について
メッセージとダイヤログをJSで非表示にする設定
それはブラウザの機能なのでオフにすることが出来ないはずです。
英語版StackOverflowのページ
それが出来てしまうと悪意のある人によってアラートを表示しまくるといった嫌がらせが可能になってしまうかもしれないからです。
代案
警告表示にアラートではなく自作のモーダルウィンドウを使うというのはどうでしょうか?
...
- 468
1
票
beforeunloadイベントで特定リンクの場合適用外にしたい
2:登録フォーム中の「フェイスブックでログイン」へのリンクを押した場合
リンクをボタンのように使いたいのでしたらこれでどうでしょうか?
jQueryです。.js-button-fb-loginはaタグにつけたクラス名です。
$('.js-button-fb-login').on('click', function(e) {
e.preventDefault();
$(window)....
- 468
1
票
rails 複数枚の画像を投稿できる動的フォームのfile_fieldにそれぞれのサムネイル画像を表示させたい。
「追加されるフォーム」の
<% @gallery.works.find do |work| %>
上記箇所ですが、find メソッドですと works の先頭1レコードしか取得できないと思います。
@gallery に複数の works モデルがあることを前提とする場合は
<% @gallery.works.each do |work| %>
<% @...
- 26
1
票
JavaScriptでURLに応じて処理を実行する時にオススメな方法はありますか
@mizchi/routerを使用すると目的を達成できそうです。
https://www.npmjs.com/package/@mizchi/router
Twitter経由で教えていただきました。
https://twitter.com/_ringogirl/status/702009261220450304
- 21
1
票
Accepted
controllerの中で同じ処理を一定回数繰り返したい
angular.forEachは配列やオブジェクトに対してループ処理を実行します。
http://angularjsninja.com/blog/2013/12/06/angular-foreach/
本質問の件は、単純なforループでいけます。
...
$scope.newContent = { title: '', description: '' }
# n回繰り返す
n = 5
for ...
- 1,405
1
票
Enterキーで次のtextaeraに、Backspaceキーで前のtextareaにfocusを移したいです
ディレクティブを並列操作する時は親となるディレクティブを用意するとうまくいきます。
https://jsfiddle.net/4c1t7v42/
ちなみに、link()の第2引数はangular.elementオブジェクトですので、
var el = angular.element(elem[0]);
のような処理は不要です。
angular.module('app', [])
....
- 1,448
1
票
Accepted
横方向に自動リサイズするinputのdirectiveの続き
以前の質問というのはこれですね。
横方向に自動リサイズするinputのdirectiveをつくりたい
こんな感じでどうでしょうか。
https://jsfiddle.net/4uktpu22/
html
<div ng-app="app" ng-controller="AppController as app">
<resize-input text="app....
- 1,448
1
票
Accepted
ng-file-uploadを使用した画像のアップロードについて
ngf-changeを使用して$parent.uploadを呼んでみるのはどうでしょうか?
.container
ul
li(ng-repeat='item in items')
p {{item.name}}
input(type="submit" value="ファイルを選択" ngf-select ngf-change="$parent.upload(...
- 2,797
1
票
Accepted
ngResourceで保存されたid値をもとにeditページにredirectさせたい
$resourceで作成した Resource::$save はPromiseを返します。
DEMO
Article::createの戻り値をattrsではなく、$resouce::$save()を(つまりPromise)を返して下さい。
それを、ArticleControllerで受け取ります。受け取ったPromiseは、Promise::then のコールバック関数内で結果を受け取り、...
- 523
1
票
Angularでフォームが送信された後、テキストボックスを空にしたい
ng-repeatが新たにスコープを生成するので参照ができていないのだと思います。
ひとまず下記のように記述すれば入力欄は空になると思います。
※その他の処理への影響は保証できませんのでご了承ください。
html
addItemの第一引数をthisに変更
form id="new_item" ng-submit="addItem(this, item_list.id)"
input ...
- 2,797
1
票
Accepted
CoffeeScriptの値の参照の参照のしかたを教えて下さい
コンパイル結果は以下のようになります。
var obj;
obj = {
flag: true,
toggle_flag: function() {
var flag;
return flag = !flag;
}
};
//...
もし、obj.toggle_flag()でobj.flagを反転させ、その値を返したいのであれば
obj =
flag: ...
- 523
1
票
Accepted
knockout.jsでobservableArrayのデータ更新が反映されない
ObservableArrayが監視対象としているのはメソッドによる変更だけです。質問の例であれば、
vm.users()[0].scores([999,200,300])
と値を全て変更する、もしくはscoresの要素自体をVMにするといった方針が良いかと思います。
- 1.4万
1
票
Accepted
jQuery Deferredでthenが処理を待ってくれない
$.Deferred().resolve()
.then ->delay(1)
.then ->delay(2)
.then ->delay(3)
この例では then() が返した Deferred オブジェクトに対して then() を実行していますよね。これをメソッドチェインを使わずに書くなら一度変数に入れる必要があります。
d = $.Deferred()....
- 1.5万
1
票
Accepted
rubyで存在しない要素にアクセスしたときに返すデフォルト値を指定するには?
ActiveSupport の Object#try を利用すると、同じような事が出来ます。これは、メソッドが無ければ nil を返し、そうで無ければ send と同じ動きをするものです。
require "active_support/all"
user = {items:[{place: 1000}]}
# => {:items=>[{:place=>1000}]}
...
- 4,413
1
票
coffeescriptで即時関数を使わない方法
ブラウザで実行する場合に関数や変数を他ファイルのソースからも参照できるようにしたい、という意味でしたら
foo.coffee:
window.foo = (x) ->
console.info "x=#{x}"
bar.js:
foo("test")
でも参照可能と思います
- 11
1
票
CoffeeScriptで変数の衝突を避けるためにスコープのthisを利用する方法は?
あまり薦められた方法ではありませんが、無理矢理 JavaScript の with ステートメント を使うという方法があります。CoffeeScript から with を用いるには、以下のように JavaScript の埋め込み を使うことになるでしょう。
`with ({t: $('.maincontent .tab.user .user-list')}) {`
$('.elem:last ...
- 5,122
1
票
Accepted
ActionController::Liveとjavascriptがうまく働かない
ActionController::Liveは使ったことがないのですが、「ActionController::Live render render_to_string」というキーワードでネットを検索したところ、render_to_stringがそのままでは使えないのでモンキーパッチを当てた、という記事がありました。
http://blog.sorah.jp/2013/07/28/...
- 6,611
1
票
gruntでdotで区切られたファイル名についての仕様はどこに書いてあるのでしょう?
gruntの仕様としてファイルの結合がある訳ではなく、Gruntfile.jsに定義されたタスクでファイルの結合を行っている形になります。
あくまでもgruntはタスクランナーなので、ソースの変換や結合などの処理は各タスクで使用しているプラグインで行われます。
Gruntfile.jsにbuildタスクが定義されているはずなので、そちらで実行しているタスクの設定を見ていただくと、...
- 97
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
coffeescript × 38javascript × 24
angularjs × 11
jquery × 7
ruby-on-rails × 4
ruby × 2
html × 1
node.js × 1
vue.js × 1
firefox × 1
three.js × 1
casperjs × 1
knockout.js × 1
hubot × 1
aptana × 1
gruntjs × 1