AngulaJSのTutorialのstep-11からカスタムService周りについてレポートします。 (Tutorialも応用的な仕組みであるAnimationを除くと最後のstepになります) このstepで取り扱うServiceはAngularにとって重要なだけでなく、クライアント側の内部設計を行う上でも重要な仕組みです。なぜなら、Controllerをムダに太らせないために、Viewを複雑にさせないために、バランスよくプロダクトの構成を設計する上で必ず利用しなければならない仕組みになるためです。 今回のサンプルコードでは、このService周りの改良を加える事と一部リファクタリングが行われています。 そのリファクタリング箇所とは、$httpサービスを利用して書かれていた部分を$resourceで置き換えてServiceで内包した作りにしている部分です。それにより、これまでのste
AngulaJSのTutorialのstep-5を実施したレポートです。 個人的に最もAngularに魅かれた仕組みを説明してくれているTutorialで、 なんといってもポイントはController側もテスト側もDI経由のサービスを利用した実装です。 Angularは、エラーハンドリングはHTTPレスポンスコードで見ていたりして、サーバ側のIF設計がRESTful実装されていることがある程度、前提にしています。 そこで、このRESTfulについても重要なので、今回は簡単に補足します。 step-5では、 ファイルシステム上のJsonファイルからデータを取得し、 スマホリストを検索機能付きで表示する 上記の仕組みを実装したサンプルコードを元に課題を遂行します。 データ このTutorialでは、データは静的なjsonファイルで定義されています。 このデータを使ってstep-4以前で出力し
AngularJS Startup Advent Calendarは、AngularJSという、一見便利そうだが、日本ではあまり広まっていないJavascriptフレームワーク(MVW(?))の普及目的で立ち上げ。 AngularJS 最近の気になった記事 作成者は、触りたての初心者であるため、AngularJSを始めるに当たっての基本的なところをチュートリアルなどをやりながら、投稿することイメージしています。 このカレンダーの意図に感して頂ける方はどしどし参加願います。 日本での知名度があまりないため日本語ページが少なく、少し敷居が高いようです。 2013年12月24日(月)追記: 個人的に勝手に上げた本Advent Calendarでしたが、最終的に予想外に多くの方々に投稿を頂き、濃い内容になりました。 (間違いなく、こいつに任せているととんでもなくチープになり危なかっしいというところ
Onsen UI, HTML5 UI framework for modern mobile application.The Answer to PhoneGap UI Development Onsen UI is an HTML5 UI Framework for Building Mobile App Front End Download Version 0.7.0 Onsen UI is a front-end development tool that radically improves PhoneGap/Cordova apps. Differing from previous frameworks, it is highly flexible and gives hybrid apps a native look and feel on all platforms. And
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with
前回の続きです。 今回はDirective(ディレクティブ)についてです。 ngModelやngRepeatなどを既に使っているのでディレクティブがどんなものかは大体分かっているかと思います。 ビルドインのディレクティブ一覧 => http://docs.angularjs.org/api/ng#directive なので早速ですがディレクティブを作ります。 単純なディレクティブ レイアウトを持たず、動作を追加するディレクティブを作ってみます。 ちょうどTwitter Bootstrapが雛形に使われているので、リンクにツールチップを追加します。 <p> <input type="text" ng-model="world"> <span ng-click="addFramework(world)" class="btn btn-primary">Add</span> </p> <p>He
/* jshint indent: 4 */ 'use strict'; angular .module('angularSampleApp', [ 'ngCookies', 'ngResource', 'ngSanitize', 'ngRoute' ]) .config(function ($routeProvider) { // ルーティング設定 $routeProvider .when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl' }) .otherwise({ redirectTo: '/' }); }); ルーティングはURLのマッチングパターンに対して、下記を設定するだけでOKです。 コントローラー名 ビューのパス URLのマッチングパターンには パラメーター を受け取るようにする事ができるので、新し
イントロダクション こんばんは。 ワープアやらニートやら。ブラック企業や派遣切りだ、と雇用問題の話題に事欠かない昨今ですが、いま一人のフリーランスとして、”フリーランサーが最大限活きる組織”を作れないものか、と考えています。 はてなブログをやっている人はフリーの人も多いようなので、何かしらの参考になればと思い、今回は今現在画策している作戦をご紹介したいと思います フリーランスのお仕事の特徴 フリーランスといえば、みなさんはどういうイメージを抱くでしょうか。実力一本で会社に縛られない自由人といった印象でしょうか。それとも孤独な”アウトロー”で社会に適合できなかった”マイノリティ”を思い描くのでしょうか? 恐らく両方の要素を兼ね揃えている気がします。私自身もフリーランスの身であるので、普段感じるフリーランスの良い点と悪い点を当事者目線でまとめてみたいと思います。 【営業について…×】 まずお仕
だいぶ遅れてすみません。d3.js Advent Calendar 2013の16日目です。 d3は高機能な描画機能が売りの一つだと思いますが、一方で柔軟な表現が出来るがために、シンプルなチャートを描画するだけでも多くのコード量が必要になりますし、コードそのものも難解なものになりがちです。そこで記述を完結にするためにd3をベースにしたRickshaw、C3.jsといったチャート用のライブラリが増えてきています。 Rickshaw http://code.shutterstock.com/rickshaw/ Rickshawでのチャート C3.js http://c3js.org/ 上記は下記のようなJSの記述でチャートを生成しますが、 var chart = c3.generate({ data: { rows: [ ['data1', 'data2', 'data3'], [90, 12
CλaSH : CAES Language for Synchronous HardwareIntroduction CλaSH (pronounced ‘clash’) is a functional hardware description language that borrows both its syntax and semantics from the functional programming language Haskell. The merits of using a functional language to describe hardware comes from the fact that combinational circuits can be directly modeled as mathematical functions and that funct
Helping Developers do Ops EasierWhat’s the next big thing in Docker? It just might be desktop apps. Did you know Docker can be used for everyday apps, not just web apps and database containers anymore? Here are just 5 of the most creative ways we have seen Docker used for things that don’t relate to coding or DevOps at all. Skype in Docker (container: tomparys/skype) Yes, Skype. Did you know that
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く