[B! backbone.js] bopperjpのブックマーク

Backbone.js 開発入門 - 概要 -｜オンライン動画授業・講座のSchoo（スクー）

王子東株式会社カサレアルラーニングサービス部チーフエンジニア主に設計・実装部分の担当として、様々な業種向けのWebシステムの開発に携わり、2006年からはカサレアルにて法人向け研修の講師を担当。 Javaを中心としたWebアプリケーション開発の研修からフロントエンド開発の研修にシフトしてきており、開発現場で必要な最新技術に関する講座の企画、開発、登壇を行っていたが、2019年からはCloud Native関連を中心にテーマを移して活動中。最近目指しているのは「しみじみ感のあるクラウド関連研修登壇」。

bopperjp 2017/08/30

backbone.js

リンク

なぜBackbone.Modelのchangeイベントが発火しないかについての2つの陥っていがちなパターン - Qiita

おきまりのやつどうも、Backbone.js Advent Calendar 2014及びCYBIRDエンジニア Advent Calendar 2014 3日目の@dekokunです。昨日は、Backbone.jsのほうが@okameさんのBackbone.Routerに有限状態遷移機械を簡単に実装できるライブラリを作ったでした。ちょうど、画面遷移の際のアニメーション設計をしていたところなので、実装の参考にさせていただきます！！！ CYBIRDのほうは@t-kashimaくんの平成生まれとインターネットでしたね。平成生まれの後輩がいるっていうのがまず衝撃ですよね。処理部、いいですね。私も処理部入りたかった。本日の内容を1行で Backbone.Modelのsetメソッドは現在のattributeとsetするattributeを_.isEqualメソッドで比較して値が変化したかどうか

bopperjp 2017/08/11

リンク

Backbone.jsと比較したReact.js - Qiita

はじめに普段はBackbone.jsでアプリを作成しているのですが、React.jsの評判が高まってきているので、簡易BlogをBackbone.jsとReact.jsの両方で実装して、比較してみました。 Demoではjs以外は同じサーバのAPIを使っているのでどちらにも反映されます。 Backbone.jsをつかったバージョン Source https://github.com/takeshy/backbone_socket_io Demo https://radiant-dawn-8878.herokuapp.com/backbone React.jsをつかったバージョン Source https://github.com/takeshy/react_socket_io Demo https://radiant-dawn-8878.herokuapp.com/react HTML部分

bopperjp 2017/07/27

リンク

Rails+JSフレームワークでリアルタイム掲示板を作成してみる（Backbone.js編） | Oh My Enter!

前々回のAngularJS、前回のEmber.jsときて、ラストはBackbone.jsを試してみたい。作成するリアルタイム掲示板は今までと同じ仕様。環境 Ruby on Rails 4.1.6 Backbone.js 1.1.2 jquery 2.1.1 セットアップいつも通りGemfileから。またもやRails Assetsのお世話になる。 📄Gemfile source 'https://rubygems.org' source "https://rails-assets.org" gem 'rails', '4.1.6' gem 'sqlite3' gem 'sass-rails', '~> 4.0.3' gem 'uglifier', '>= 1.3.0' gem 'coffee-rails', '~> 4.0.0' gem 'jbuilder', '~> 2.0' ge

bopperjp 2017/05/26

リンク

【前編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO

前回の更新からだいぶ間が開いてしまいましたがこのシリーズはまだ終わりません！今回はTwitter BootstrapにjQuery Pluginとして実装されているScrollSpyを真似して作ってみたいと思います。ちょっと解説が長くなってしまったので前後編に分けてご紹介します。後半はこちら >> Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】後編デザイン 4つの文章に対しそれぞれナビゲーションが存在し、文章のエリアをスクロールして閲覧している文章に対応するナビゲーションがアクティブ表示になるというものです。このUIのhtmlは以下のようにコーディングしました <div id="ui-scroll-spy"> <div class="scroll-spy-nav navbar"> <div class="navbar-inner"> <div class="