• ベストアンサー

Backbone.jsでは、jQuery使えない?

Backbone.jsについて教えてください。 ■質問1 ・Backbone.jsを導入すると、jQueryは使えなくなるのでしょうか? ・例えば、それまでサイトで使っていたjQueryプラグインは、動かなくなるのでしょうか? ・「jQueryコードをBackboneで置き換えてみよう」と書いてあるのですが、置き換えないと動かないという意味? それとも試してみよう的な意味? http://mobiletou.ch/2013/09/001-backbone ■質問2 ・MVCのPHPサイトに、Backbone.jsは導入できるでしょうか? ・MVC×MVCで変になる?

  • re97
  • お礼率80% (601/744)

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

>No.1 >それをふまえ、サーバーサイド、クライアントサイドのそれぞれ別のMVCシステムを導入するのであれば、 >サーバーの状況にかかわらずBackboneを導入できます。 この点について補足します。 BackboneのMVCは一般的なMVCとは異なりますので、クライアントサイドをMVCシステムで構築していても、Backboneを導入できます。 ただ、概念として重複する部分(View + Controller ≒ BackboneのView)が多くありますので、複雑になりかねないですから、あまりお勧めしません。 MVCとして構築せずに、Backbone+テンプレートエンジンとして構築する方が良いと思います。 どちらかというと、テンプレートエンジンが持っていないイベントリスナの登録作業をBackboneが受け持つ、というのが、Backboneの目的、役目ではないでしょうか。

re97
質問者

お礼

補足ありがとうございました。 >MVCとして構築せずに、Backbone+テンプレートエンジンとして構築する ・そういう使い方もできるんですね ・大変参考になりましたー

その他の回答 (1)

回答No.1

>■質問1 >・Backbone.jsを導入すると、jQueryは使えなくなるのでしょうか? 使えます。 $(e.target).addClass('active'); などの記述はすべてjQueryです。 さらに、BackboneのVIEW内で定義されたthis.$はjQueryです。 http://backbonejs.org/#View-dollar >・例えば、それまでサイトで使っていたjQueryプラグインは、動かなくなるのでしょうか? 他のライブラリ(他のjQueryプラグインを含めて)と一緒にして動く事を保証している物は非常に少ないです。 自分で動作検証を行い、動かなければ動かないと判断してください。 なお、(ライセンスに従えば)自分で動くように改変しても法律上、規約上問題ありません。 >■質問2 >・MVCのPHPサイトに、Backbone.jsは導入できるでしょうか? PHPはサーバーサイドで動作します。 JavaScript(Backbone)はクライアントサイドで動作します。 それをふまえ、サーバーサイド、クライアントサイドのそれぞれ別のMVCシステムを導入するのであれば、 サーバーの状況にかかわらずBackboneを導入できます。 サーバーサイド、クライアントサイドが連動し、サーバーサイドでJavaScriptコードを生成するシステム、 たとえばこれはPHPではありませんが、ASP.NET AJAX Control Toolkitのようなものを利用しているのであれば、導入は無理ではないでしょうか。 >・MVC×MVCで変になる? すみません、意味が分からないのでノーコメントです。

re97
質問者

お礼

回答ありがとうございました。 >記述はすべてjQueryです ・なるほど。これを知りたかったです >サーバーサイド、クライアントサイドのそれぞれ別のMVCシステムを導入するのであれば ・導入可能なんですね ・全般的に説明が丁寧で大変分かりやすかったです ・とても参考になりましたー

関連するQ&A

  • jqueryのプラグインdroppy.jsについて

    WEBデザイン初心者です。 グローバルナビ部分を、ドロップダウンリストにしたいなと思い、jqueryで実装しようと思っています。 調べてみたところ、よく使われているプラグインにdroppy.jsというものがありましたが、 どの紹介サイトでもjQueryのサイトにリンクされています。 ただ、そこから、ダウンロードファイルが見つかりません。 もしかして、jQueryサイトでは取り扱わなくなったプラグインなのでしょうか。 あまりにもdroppyの事例が多いので、できれば導入したいのですが、分かる方いれば、よろしくお願いします。

  • jqueryのプラグインのjquery.jcarousel.jsについ

    jqueryのプラグインのjquery.jcarousel.jsについて http://sorgalla.com/projects/jcarousel/examples/static_auto.html jquery.jcarousel.jsはデフォルトで<ul>の中の<li>要素をスライドさせていますが、 これを<div>の中の<dl>に変更できればと考えております。 なんどいじってみてもエラーで停止してしまいます。 どなたかご教授ください。

    • ベストアンサー
    • AJAX
  • 問い合わせフォームをJSで制作したい。

    小規模サイトを作る際に問い合わせフォームの要望がほとんど有ると思いますが、サーバサイトのJSで作る場合、商用可のプラグインやソースコードで対応するのでしょうか? それともexpressやmeteorなどのフレームワークがあれば簡単に導入できるのでしょうか? PHPは下記のようなものがあるようですが、JSはまだほとんどないのでしょうか? http://www.moongift.jp/2012/03/20120317/

  • jQueryのroundabout.jsについて

    http://fredhq.com/projects/roundabout/ jQueryのroundabout.jsについて質問です。 このプラグインを使いたいのですが、回転軸を斜めにすることは可能でしょうか。 CSS3で40度傾けると、回転する物体まで斜めになってしまうので、できれば軸回転箇所だけ、斜めにしたいです。

  • jQuery利用コードのjs部分のデバッグ

    こちらのページを参考にデバッグをしたいのですがうまくいきません ▽Chromeでjavascriptデバッグ!まず半歩♪   http://www.slideshare.net/yuka2py/chromejavascript ■コード ・jQuery利用 ■困っていること ・「ブレークポイントを設定」して、「ステップオーバー」しているのですが、延々「ローカルに保存したjquery.js」の中を移動していくだけで、そこから抜け出すことができません ※jQuery利用コードのjs部分のデバッグをしたいのであって、jQueryのコード本体をデバッグしたいわけではありません ■知りたいこと ・「jQueryのコード本体(ローカルに保存したjquery.js)」を飛ばして、「ステップオーバー」していくにはどうすれば良いでしょうか?

  • jQueryのバージョンが違うものを複数設置してもよいのでしょうか?

    最近jQueryに興味を持ち、サイトで公開されているプラグインを試しています。複数のスクリプトを実行させるとエラーが起こるため原因を探っているのですが、jQueryを使ったサイトを研究していてふと疑問に思ったことがあります。 とても初歩的な質問だと思うのですが、jQueryにはいろいろなバージョンがあるのでしょうか?jQuery 1.2.3や1.3.2などいくつか見たことがあります。それは単純に開発の段階で新しくバージョンアップされただけなのでしょうか?それとも全く別物なのでしょうか? それらの違うバージョンのjQuaryは共存することはできるのでしょうか? サーバーにいくつもアップロードして、ひとつのページで <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-1.2.3.min.js"></script> などと、しても良いかという意味です。 また、共存できない場合、違うバージョンのjQuaryをダウンロードするように指示されている場合でも(プラグインの紹介サイト過去記事で表記が古い場合)、最新バージョンのjQuaryをアップロードしておけば正常に動くものなのでしょうか? よろしくおねがいします。

  • prototype.jsとjquery.jsの併用がうまくいきません。

    prototype.jsとjquery.jsの併用がうまくいきません。 2つの機能をページに組み込みたいと思っています。 (1)横並びの画像が自動的にスクロールする (2)画像をクリックすると、ライトボックスで表示する 参考にしたのは下記のサイトです。 http://logicbox.net/jquery/simplyscroll/ http://www.lokeshdhakar.com/projects/lightbox2/ しかし、実際にページを作ってみるとどちらかの機能しか有効になりません。 どちらもいくつかのjsファイルを<script>タグで読み込みますが、 後から読み込んだ方しか有効に機能しないのです。 スクロールの方はjquery.jsを、ライトボックスの方はprototype.jsを使っているのですが、 それが良くないのでしょうか。 両方を機能させるにはどう直したらいいのか、ご教授下さい。 もしくは、両方がうまく機能しているサイトがあれば、URLを教えて下さい。 よろしくお願いします。

  • jQuery.jsを使ったhtml外部読み込み方法

    JavaScript超初心者です。 何卒ご協力の程よろしくお願い致します!! タイトルの通り、jQuery.jsを使ってページのある部分に外部htmlファイルを読み込みたいと考えています。 以下のページを参考にやってみましたが上手くいきません。 http://blog.sugulab.com/?p=14 やってみたのは下記のような作業です。 まず、下記サイトより「jquery-1.9.1.min.js」ファイルをダウンロードし、「js」というフォルダに「jquery.js」として保存しました。 http://jquery.com/download/ 次に参照ページにならってhead要素内に下記のように記述しました。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> <!– $(function(){ $("#leftcontent").load("shopmenu.html"); }); // –> </script> body要素内には<div id="leftcontent"></div>と記述しています。 このleftcontentの部分に、同じ階層にある「shopmenu.html」を表示させたいのですが、何も表示されず困っています。 PHP等の知識は一切ない為、これでいけそうなら頑張りたいのですが・・・ ド素人の為、見当違いのご質問でしたらご容赦ください。 どなたかご教示、アドバイスの程よろしくお願い申し上げます!!m(*u_u*)m

  • 【JQuery】iframeのリンク先変更、jquery_dump

    JQueryの勉強を始めたのですが、うまくいきません。2点ご質問させていただきます。もしわかる方がいらっしゃれば教えてください。 1.下記のように、javascriptで動的にiframeのリンク先を変更したいのですが、エラーが出て処理が成功しません。  javascript(jquery?)ではiframeのリンク先を変更することはできないのでしょうか。  (また、jqueryオブジェクトについての詳細なメソッドや使用方法など がのっているサイトなどあれば教えていただきたいです。)  ///////javascript////////// <script type="text/javascript" src="shared/js/jquery.js">  function test(url)  {   // urlにはhttp://yahoo.co.jpなど、urlが入る   $("#ifr").set("src",url);  } </script>  ///////html//////////  <iframe id="ifr" src="" height=768 width=512>  </iframe> 2.jquery_dumpというphpのvar_dumpのような便利な関数があるようなのですが、私がサイトからダウンロードしたものには入っていませんでした(not definedが出ます)。これは、プラグインなどJQuery本体と別のものを導入する必要があるのでしょうか。

  • jquery-1.3.2⇒○ 1.6.4.⇒エラー

    初心者ですすいません。 美しいエフェクトのデモがあったので、実装してみるも、エラーが止まらず。 (コードは基本的にコピペしました) jquery-1.6.4.min.jsをjquery-1.3.2.min.jsに直したら止まりました。 (デモ解説では、jquery-1.3.2.min.jsになっていたので・・・・) 質問 なるべく新しいjquery-1.6.4.min.jsを使用してきたいのですが、jquery-1.3.2.min.js用に制作されたコードを使っていくにはどうしたらいいでしょうか?(いちいち、1.6.4と1.3.2の両方を<head>~</head>間に記載しなければいけないでしょうか?)

    • ベストアンサー
    • AJAX

専門家に質問してみよう