Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 今、最も注目されているJavaScriptフレームワークの1つであるAngular(9.xx)と、同様に注目度の高いBaaS(Backend as a service)であるFirebaseを使って、チャット用WEBアプリをハンズオン形式で書いていきます。 「Angular+Firebase」のリアルタイム更新に興味がある方はご一読ください。 (追記:2017/6)本記事は元々「Angular2+Rails5でチャットアプリを作る」と題していましたが、ここ半年ほどひたすら「Angular+Firebase」を触ってきたので、「Angular+Firebaseでチャットアプリを作る」として、現時点(2017年6月)での最新の内容に書き換えています。 (追記:2018/1)現時点(2018年1月)での最新の内容に書き換えています。 (追記:2018/9)現時点(2018年9月)での最
丹内です。 掲題のとおり、BetaになっているRails5とAngular2を連携させるまでの手順をまとめました。 バージョン ruby 2.3.0 node 4.2.4 npm 3.5.3 Rails5アプリの準備 bundle initしてできたGemファイルにRails5を指定します。 source 'https://rubygems.org' gem 'rails', '5.0.0.beta1' bundle installしたらアプリを生成します。 $ rbenv exec bundle install $ bundle exec rails new . -d mysql --skip-bundle -T exist create README.md create Rakefile create config.ru create .gitignore conflict Gemfi
Authenticating your Angular / Rails App with JSON Web Tokens December 4, 2014 UPDATE: There have been some changes in the JWT Gem that make some of the below not work exactly right (it’ll still be about 90% the same). Specifically, they added expiration support. See my post on the same topic, but using React.js. The server side code in this post will work just as well with Angular. Overview I’m a
In my previous post I described upgrading to ui-grid 3.0, which is the not-yet-beta version of ng-grid. Over time this will offer significant benefits, at the moment it feels like a faster ng-grid. As part of implementing it on my core application I needed to rewrite the library routines for my end-to-end testing using protractor. These were reasonably tricky to work out, so I thought I’d post
How to Set Up Authentication with AngularJS and Ruby on Rails Jason Swett Jason Swett is author of AngularOnRails.com, AngularJS mentor at Thinkful, and principal of AngularJS/Rails consultancy Ben Franklin Labs. 1 Introduction 1.1 Who This Tutorial Is For Since Rails is old and AngularJS is new (relatively of course), I'm assuming there will be a lot more Rails developers interested in adding Ang
以前投稿したAngularJSとRailsの丁度良い関係を探るという記事のコード解説編です。前回はざっくりとしたアーキテクチャの紹介のみにとどめていたので、このエントリでサンプルコードの詳細について解説します。 バージョン情報 ruby 2.1.3 rails 4.1.7 devise 3.2.4 angularjs 1.3.2 ディレクトリ構造 app以下のディレクトリ構造は以下のような形です。 app ├── assets │ ├── images │ ├── javascripts │ │ ├── app │ │ │ └── tasks │ │ │ ├── tasks.controller.js.erb │ │ │ ├── tasks.html.erb │ │ │ ├── tasks.js.erb │ │ │
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側(つまりブラウザ側)でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML(上のソース)と各ノートのJSO
Fernando Villalobos Fernando Villalobos is a Rails Agile Development expert and certified SCRUM developer who has used this methodology for building high-performance apps for the past eight years. Fernando is also the organizer of Oaxaca, Mexico's Ruby User Group. 1 Introduction In this article we are going to explore two popular MV* JavaScript frameworks: AngularJS and Ember.js. This time we are
Angular + Railsの理想的な関係 Railsはバックエンドとして完全にAPIを提供するのみで、フロントサイド(AngularJS)と完全に分離 AngularとRailsの間をどうセキュアに繋ぐか? RailsがOAuth2 Providerとなって、APIの許可を行う OAuth2 Provider用のgem doorkeeperを用いるとよい APIの提供は、grapeを用いるとよい 理想的な Rails, AngularJS 環境の構築 - ボクココ AngularJS x Railsで ユーザ認証を実現するためのアプリ設計 - ボクココ Grape+DoorkeeperによるOAuth2 ProviderとAPIの提供 構成は以下のとおり Resource Owner (User) - Devise Authorization Server (OAuth 2 Provi
delyは以下の事業・サービスを運営しています。 【国内No.1 食と暮らしのプラットフォーム「クラシル」】 アプリダウンロード数4,000万(※1)を突破した国内No.1の食と暮らしのプラットフォーム「クラシル」は、「80億人に1日3回の幸せを届ける」をミッションに、毎日使いやすい、人のあたたかさが伝わるサービスを目指しています。 https://www.kurashiru.com/ 【国内No.1 買い物サポートアプリ「クラシルリワード」】 クラシルリワードは「日常のお買い物体験をお得に変える」サービスです。リリースからわずか6ヶ月で、お買い物サポートアプリのダウンロード数でNo.1(※2)に。多くのユーザーが日常生活の中で頻繁に利用しており、そのデータを活用しより最適なコンテンツを提案、また食品メーカーをはじめとする企業へ「買い物」に関する様々なマーケティング支援に取り組んでいます。
長文注意。 angularjsについて今更ながらに触り始めて色々と感動したので纏めておく。 angularjsがどういったフレームワークかは公式のチュートリアルを眺めてたらぼんやりと把握できると思うので今回その辺の話はあまり触れない。 http://angularjs.org/ angularjsのAPIについては公式のドキュメント含めて様々なメディアやブログに取り上げられているが、導入から体系的に語られてるものはあまり無い印象だったので、僕のブログでは導入から具体的な目的に沿った実装方法を紹介していこうと思う。 ちなみに自分のangularjsへの理解も触り始めて一週間程度なのでだいぶ甘い。 angularjsを一週間やってみた感想 最初の2日くらいがだいぶつらい。 飲み込みが早い人ならすぐに使いこなすのかもしれないが、angularjsはdirective, controller, f
Search for Videos Everyone's Mine My contacts Match these fields Title Description Tags Uploaded Minimum Stats Plays Likes Comments Duration Quality SD HD License Download is downloadable Looking for videos? s Behold, 2 videos matching your search. These results are based on things like title, description, uploader, and tags. If you don’t find what you’re looking for, try the Advanced Search. Sh
March 20, 2013 Lots o’ fun new tools running around the JavaScript ecosystem right now (Angular, Ember, Backbone, etc…) Only trouble is that the relative immaturity of this space means high costs for new developers trying to navigate the thicket of options for testing, build, workflow, and other development things. I’m not going to wade into the debate around which client side JS framework is the
We’ve been working on one of our first Angular projects with a Rails backend. It’s been a great experience. I wanted to share a few things we learned that we hope are helpful to others building Angular on Rails apps. Skinny controllers in Angular In the Rails world, “Fat models, skinny controllers” has been some of the most oft-quoted design advice for many years. In angular.js, this also turns ou
If the protect_from_forgery option is mentioned in application_controller, then I can log in and perform any GET requests, but on very first POST request Rails resets the session, which logs me out. I turned the protect_from_forgery option off temporarily, but would like to use it with Angular.js. Is there some way to do that?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く