2015/3/7 にMSakamaki氏に声を掛けられれて一緒に AngularJS ES6 リファクタソンを開催しました。 内容は参加者が 2〜3 人のチームに分かれて ES5 で書かれた Angular1.3 ベースの Web アプリを、ES6 でリファクタするという企画です。 ES5 のコードの中にクソコードを仕込んでおいて、ついでにリファクタしてくれるかなーなんて思いながら主催側で...
ずっと RDB を使っていると、mongodb など NOSQL のスキーマ設計する際に正規化を意識してちょいちょい思考が固まるのですが、mongodb の O/R マッパーとして有名なmongooseを使う事で、複数の Collection 間のリレーションと join っぽいことをエミュレーションできるので紹介します。 まず最初に、mongodb で RDB のような第 3 正規化...
タイトルの通りです。割と遭遇している人いるんじゃないかなと勝手に想像しているんですが、あまり情報ないので書いてみます。 ユースケース的には、WebAPI アクセスで日付を JSON シリアライズしたものを受け取って、input[type=date]の ng−model に直接データバインドするような想定です。 サンプルコード (適当に書いているので動かなかったらすみません。雰囲気だ...
最近 MQTT が気になっているので、実際にクライアントを作ってブラウザ上で動かしてみました。 作ったデモはhttps://mitsuruog.github.io/what-mqtt/で動かすことが出来ます。 内容薄い記事なので、デモだけも動かして MQTT の雰囲気感じてもらえればと思います。 ブラウザ上で動作するか検証するのが目的だったのですが、いざ作ってみたら Web ページが...
最近は、WebAPI や AWS のようなクラウドサービスが普及してきて、バックエンドのサーバーがなくても、Web サービスが公開できるようになってきました。 今回は AWS のS3 にある Static Website Hosting 機能を使って AngularJS で作成した SPA(Single page application)をホスティングさせてみました。 割と S3 でのサ...
小ネタです。 いつも angular の controller を使うときはui-routerからcontrollerAsして使うことが多いですが、 controllerAs 仕様にした controller をユニットテストする際、少しハマったのでそのあたりを紹介します。 テストコードは angular 本家のPhoneCat チュートリアルのものを利用します。 controlle...
今年も最後となりましたので、自分の 2014 年の活動について振り返ってみます。去年の振り返りはこちらです。 それから「来年こそはもっと質の良いアウトプットしたいと思います。」と締めくくってますね。果たして私は今年、何をやっていたのでしょうか。。。 今年もhtml5j エンタープライズ部を中心にたくさんのエンジニアとめぐり合うことができ、大変有意義な一年でした。支えていただいたたくさん...
AngularJS を利用するメリットの 1 つとして、AngularJS が内包している$resourceを利用することで、バックエンドが提供する REST API との対話部分が簡潔に記述できることが挙げられます。 ところが、$resource の表面的な振る舞いを理解しただけでは、意外なところにハマりポイントがあるものです。今日はその辺りを少し紹介します。 AngularJS ...
最近の AngularJS 開発ではDaftMonk/generator-angular-fullstackをオレオレカスタムしたものを使っています。 fullstack だけあって使いこなすまで慣れがいると思いますので、私が普段使いしていていいなって思う機能を紹介します。 AngularJS 開発の厳しい旅のお供にどうぞ。 この記事はYEOMAN Advent Calendar 2014...
フロントエンドの世界では、日々新しいフレームワークやライブラリが生まれています。 初めてそういった新しいものを習得する場合に、なるべくなら近道したいと思うのが人の気持ちだと思います。 まず大変なのが、Hello World から実際のプロダクトやプロトタイプで利用する場合で、これは初めてで何もわからない土地を一人で散策するような感覚にも似ています。 今日、紹介するのは私が進化の早いフロント...