ボクココ

個人開発に関するテックブログ

AngularJS

npm でインストールしたモジュールのbinにPATHを通す (bundle exec)

npm でインストールしたもので、コマンドを含むものの場合、普通にコマンドを実行しようとするとパスが通っていないため Command not found になる。 これは Ruby の bundler でいう bundle exec に相当するnpmのコマンドが存在しないためである。そのコマン…

Yeoman, AngularJS でKobo検索サイト作った

AngularJS の勉強がてら、自分の欲しいサイトを作った。 (レイアウト崩れまくりなのは修正します。。) Kobo Search 使用技術 AngularJS 1.2.11 Yeoman Bower Fontawesome Grunt.js Angular Translate Angular Animate Rakuten Web Service SCSS CoffeeScri…

AngularJS の constant と value の違い

value を使って詰まったことがあったのでメモ. value に関するドキュメントにはこうある。 Value services are similar to constant services, except that they cannot be injected into a module configuration function (see angular.Module#config) but …

AngularJS x Railsで ユーザ認証を実現するためのアプリ設計

AngularJS で認証の仕組みをどう扱うのか? これが悩ましい問題。 サンプルのAngularJS の認証の仕組みを見ると、Cookie を使ってサーバとやりとりをしているが、これだと前回紹介した理想的な Rails, AngularJS 環境の構築 - ボクココ のようなAPIとしてのき…

FontAwesome を Bower から入れてアイコンを表示させる

Bower から bootstrap や font-awesome を入れると、 bower_components/ 以下にそれぞれプラグインのように保存される。 メインのSCSSファイルでそのパスに読み込むようにインポートすればよいのだが、font-awesome の場合、画像パスをデフォルトのままにす…

AngularJS の service についてのまとめ

最初AngularJSってscopeがすごい便利だな〜!って思って使っていたが、 Controllerを作っていくと次第に同じような処理を色々と書いている自分に気づいた。そこでAngularJSの提供するServiceについて学習したことのまとめを書く。ちなみに参考文献は以下 市…

理想的な Rails, AngularJS 環境の構築

ネットでRails x AngularJSで調べると、AssetsにAngularJSを追加してやるのが普通的なことをよく見る。でも、この方法だとYeomanや、Grunt.jsが使えず、Rails x AngularJSでKarmaでテストを書いたりといったことができないし、AngularJSの作法にのっとった開…

AngularJSでRouteProviderを無視して特定ページにアクセスさせる方法

やりたかったこととしては、自分のRailsアプリ内の "/auth/twitter" へアクセスさせたい、というだけのこと。HTMLに <a ref="/auth/twitter" target="_self">と、 target="_self" するだけでした。 解決するのにめっちゃ時間かかった。 まだまだだなぁ</a>