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月)での最
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
クラシル株式会社では以下の事業・サービスを運営しています。 【国内No.1 食と暮らしのプラットフォーム「クラシル」】 アプリダウンロード数4,400万(※1)を突破した国内No.1の食と暮らしのプラットフォーム「クラシル」は、「80億人に1日3回の幸せを届ける」をミッションに、毎日使いやすい、人のあたたかさが伝わるサービスを目指しています。 https://www.kurashiru.com/ 【国内No.1 レシート買取りアプリ「レシチャレ by クラシル」】(※2) レシチャレ by クラシルは「Save Everyday Life」をサービスミッションに掲げ、日々のお買い物をまるごとお得に変えるアプリです。スーパーやコンビニなど、普段のお買い物でもらったレシートがポイントに変わり、様々な特典と交換可能に。レシートを賢く活用することで、あなたの「節約生活」をサポートします。 http
長文注意。 angularjsについて今更ながらに触り始めて色々と感動したので纏めておく。 angularjsがどういったフレームワークかは公式のチュートリアルを眺めてたらぼんやりと把握できると思うので今回その辺の話はあまり触れない。 http://angularjs.org/ angularjsのAPIについては公式のドキュメント含めて様々なメディアやブログに取り上げられているが、導入から体系的に語られてるものはあまり無い印象だったので、僕のブログでは導入から具体的な目的に沿った実装方法を紹介していこうと思う。 ちなみに自分のangularjsへの理解も触り始めて一週間程度なのでだいぶ甘い。 angularjsを一週間やってみた感想 最初の2日くらいがだいぶつらい。 飲み込みが早い人ならすぐに使いこなすのかもしれないが、angularjsはdirective, controller, f
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ページを開く