CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

シングルページアプリ向けの各フレームワークをGoogle Trendで比較したグラフがLars Eidnesのブログに掲載されてますが、AngularJSの伸びが他を圧倒しています。一方で、アーキテクチャ上の課題は、コミュニティの声もあり、かつ当事者である開発チームも認識していたところ。そして、それに対する答えとしては、バージョン2.0で大幅に書き直すという流れになっています。 AngularJS 2.0については、「野心的だが険しい道のり」というタイトルの記事がGuardianに掲載されてますが、 ES6の採用 Web Componentsとの親和性のアップ (双方向バインディングをどうするかまだ決まってないが)Reactの考え方に近づいてきている (1.3のサポートはしばらく平行して続くと発表されたが)本当にスムーズな移行を提供できるのか? がポイントだとSeb Ceveyはまとめてい
注:古い記事の為、内容が最新ではない可能性がありますm(_ _)m AngularJSではjQueryを使わない どうもマツウラです。 AngularJSでjQueryプラグインを使う方法を調べました。 結論から書くとなるべくdirectiveで書きなおして下さい、ということです。 プラグインをそのまま使いたい気持ちはありますが、理由があるんです。 まず、AngularJSで使う方法をみてみます。 プラグインが適用されない。 directiveのlink関数に書く。 .directive('myDirective', function() { return { link: { post: function(scope, element, attr) { //... } } } }) 動的に生成されたDOMに対してプラグインが適用されない。 $timeoutを使う。 $timeout(fun
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて AngularJSの日本語リファレンスです。 AngularJSの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教え
レスポンシブ・デザインやモダンなUIコントロールを取り入れた Webサイトを構築する基礎として定番になっている Twitter Bootstrapを AngularJSと一緒に使う方法を紹介する。 Bootstrapが提供するもの その1: あたりさわりのない見た目とレスポンシブな表示を提供するスタイルシート Bootstrapのスタイルシートは、横方向12分割のグリッドでページをレイアウトしつつ画面の大きさによって配分をコントロールできるマルチデバイス向け表示システムと、構成要素の今風な見た目を提供する。デザイナ抜きで動いている開発チームにとっては「とりあえず Bootstrapベースで作っておけば今風の見た目になる」ため極めて有難い存在。 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/latest/cs
AngularJSが話題になってるのでちょっと触ってみました。で、ruby製のテンプレートエンジン「Slim」を使うと、ちょこっとエラーが出るので対処法を。 ng-app !DOCTYPE html html ng-app head ...... これだとエラーが出ます。slimでng-appと指定するときはng-app=''としましょう。 !DOCTYPE html html ng-app='' head ...... {{ }} データバインディングの{{ }}。 これも以下のようにそのまま書いてもエラーが出ます。実装されてる何かしらの{ }とかぶってるんですかね(?) input type="text" ng-model="name" {{name}} これは3つの書き方で回避することができます。まずは input type="text" ng-model="name" p | {{
Problem You wish to validate forms using a server-side REST API provided by Rails. Solution Rails already provides model validation support out of the box for us. Let us start with the Contact ActiveRecord model. class Contact < ActiveRecord::Base attr_accessible :age, :firstname, :lastname validates :age, :numericality => { :only_integer => true, :less_than_or_equal_to => 50 } end It defines a va
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く