All slide content and descriptions are owned by their creators.
![Angularの5年とこれから // Speaker Deck](https://cdn-ak-scissors.b.st-hatena.com/image/square/4bbd4003e90208d80a28648da28247a11f6c595a/height=288;version=1;width=512/https%3A%2F%2Fspeakerd.s3.amazonaws.com%2Fpresentations%2F2d7f076dc10b439090e6c427746f8709%2Fslide_0.jpg)
All slide content and descriptions are owned by their creators.
はじめに このブログに記載されている、AngularJSのController As記法をめぐる考察が興味深い。 Alex Ford氏という方が著者なのだが、原文を読むと、 元々は http://www.johnpapa.net/do-you-like-your-angular-controllers-with-or-without-sugar/ にて、「AngularJSのController As記法は最近のトレンドだけど、一種のSyntax Sugarだし、最終的には好みで決めたら?」的なエントリに対して、「いやいや、Controller Asは只のSyntax Sugarじゃないぜ」とAlex氏がController Asの優位性を示している流れ。 Controller As記法 AngularJS 1.1.xでは、Controllerで、scopeの設定を行い、Viewとなるht
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
「RailsでAngularJSを使ってTodoアプリを作成」する連載記事を書いてみました。 「RailsでAngularJSを使ってTodoアプリを作成」の連載1回目です。 まずは、Getting Startedとして、RailsプロジェクトにAngularJSを導入する方法を説明します。 連載記事一覧 Demo - Todoアプリケーション 1. AngularJSのインストール方法 2. UI Bootstrapのインストール方法 3. AngularJSのコントローラーの作成 4. ngResource + RailsでAPI作成 5. ngRouteでシングルページにする 6. AngularJS + Ransackで検索機能を実装する 7. AngularJS + Kaminariでページネーション機能を実装する 8. AngularJSで編集可能(Editable)なフィール
All slide content and descriptions are owned by their creators.
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
乗り遅れるな!よりパワフルになったAngular1.4リリースまであと一週間! Angular1.4 and beyondーng-japan 2015 佐川 夫美雄(Ashiras, inc.) Angularをテーマとした日本初のカンファレンス 「ng-japan」が2015/3/21(土)サイバーエージェントで開催されました。 ng-japanは、参加者350名以上という、単独JavaScriptフレームワークをテーマにしたカンファレンスとしては、非常に多くの方が来場。日本でAngularを利用して活躍しているスピーカーや、Google Angularチームのメンバーを迎え(逐次通訳あり)、Angularの現状と未来についての学びの場となりました。 本日からそのイベントの模様を6回に渡り、あますところなくお伝えしていきます! Angular1.4 and beyond – Chiray
判決: まあまあ(でもないか) 一体何の話なのか? 私は2年間、Angularにのめり込んでいました。 それぞれの考えを持つさまざまなチームによる、10以上のAngularベースのプロジェクトを見守り、関わってきました。 1年目はフレームワークの採用、APIの変更、ドキュメントの改良、コミュニティの形成を注視して過ごし、徹底的に習得しました。 2年目は実務に全面的に携わり、チームメンバーの意見を聞きました。 私の意見は、 Angular.jsは大多数のプロジェクトには“まあまあ”だが、本格的なWeb アプリ開発には不十分である ということです。 “本格的なWebアプリ”とは? “本格的なWebアプリ”というのは、長期の 保守が可能 で、最新の一般的なブラウザで 実行できる 、 スムーズなUX を備えた、 モバイルフレンドリー なアプリのことです。 専門家が開発したWebアプリは単なるアプリ
私は 以前の投稿 で、Angularなどのフレームワークがあまり好きではない旨を述べました。宣言的なHTMLのタグや属性、{{二重波括弧}}のプログラミングを開発するということには、 どうも抜け落ちている部分がある ようです。そして、どのフレームワークも独自のやり方で開発されているため、それを理解しサポートするためには、ツールのアップデートに多大な労力を 浪費する 注ぐ 必要があります。 さらに、そんな先入観を抜きにして考えてみても、Angularの今後に関して最近入ってきた情報は、私がますます頭を抱えてしまうような内容だったのです…… ツールに新たに追加される概念は、1つではなく3つ! Angularをサポートするためにはツールのアップデートが必要ですが、今は下記を考慮していく必要があるようです。 Angular v1の構文 Angular v2の構文(従来と 大きく異なる ようです)
ng-europe での発表を見て湧いてきた疑問を、GitHub で公開されている Angular 2.0 用のレポジトリを見ながらこんな感じかな、と書いてみました。いろいろ間違ってると思いますし、そもそも公開までにどんどん変わるでしょうからまったく信頼性のない情報です。 これを書いてて Design Docs の新しいのも公開されていることに気がついたので、読んだら更新するかもしれません。 情報ソース ng-europe のビデオ GitHub で参考になるプロジェクト どれも数ヶ月前から更新されていないことを考えると、最新の開発状況は公開されていないようです。ng-europe で発表された属性のバインディング記法なんかは出てこないので、他の部分も最新のものとはいろいろ変わっているでしょう。 angular/projects: Angular 2.0 アプリの参照実装です。 angul
Angular.jsのアドベントカレンダー6日目です。(遅れてすみません汗) 今日は泥臭い?感じの話になります。 この記事は言及している人達の記事やスタイルガイドのまとめという感じなのですが、これからディレクトリ構成を考える初学者の方や,ディレクトリ構成に悩んでるかたの参考になれば幸いです Angular.jsのディレクトリ構成パターン紹介と、利用して感じた考察などのことを書きます。 はじめに LIG主催のAngular.js勉強会 #ng-curry にて、登壇したときの発表内容をまとめようと思っていたのですが、今回のAdvent Calenderを機会に勉強会で話した内容をまとめてみます。 元スライドはこちら -> http://slides.com/sugawararyousuke/ng-curry-2 まとめ疲れたので スライドの前半部分だけの話をまとめます。 このテーマで話そうと
AngularJS is a JavaScript framework that allows developers to create dynamic web applications. It uses HTML as the template language and extends HTML attributes with directives. AngularJS applications are composed of modules, controllers, services and filters that allow creating single page applications with two-way data binding between models and views.Read less
だいぶ前のことですが、9/22 に行われたAngularJS リファレンス」出版記念会にて SIer での AngularJS の取り組みについて話させていただきました。 先日、その資料を見て興味を持ってくれた他の SIer にて AngularJS について講演させていただく機会をいただいたこともあり、なぜ AngularJS をいいと感じているのかや、AngularJS に期待することなど、個人的な思いを書いてみたいと思います。(あくまで SIer 目線です。) 詳細は資料を参照してくださいね。 こちらが 9/22 の AngularJS リファレンス出版記念会の資料です。 今後の Web 開発の未来を考えて angularJS にしました 他社にて 講演したときの資料です。 今後の Web 開発の未来を考えて angular js にしました(拡大版) マルチプラットフォームとしての
この記事はAngularJS Advent Calendar 2014 - Adventarの 3 日目の記事です。 2 日目AngularJS BootstrapUI を利用した FilterSelect(@takeyama) 4 日目初心者マークの Angular.js - Uemmra3 のフルスタックエンジニア?日記(@Uemmra3) AngularJS でそれなりの規模のアプリケーションを書く場合、プロジェクトの構成って結構悩みます。 いつも悩んでます。。。 悩みすぎてちょくちょく構成変えるため、たまにアプリケーションが壊れてます。 そんなとき心もポッキリ壊れそうになります。 そんな私が、最近いいなと思っている AngularJS のプロジェクト構成について紹介します。 参考資料(有名どころ) AngularJS のプロジェクトの構成については、結構以前から議論されています。有
AngularJSとRailsのインテグレーションと言うと、やれ「RailsはAPIに専念してビューは全部AngularJSだ!」という極端な話になりがちな気がするのですが、それだとRailsの良いところが活かせませんよね。AngularJSの持ち味はDOM操作三昧で複雑になりがちな画面を良い感じにコーディングできるところにあると思うので、そういう画面でだけAngularJSを使ってはどうか?というのが今回のアイデアです。 丁度良い感じに使う そういう訳で今回作ったサンプルのアプリとソースコードがこちらになります。 https://todo-rails-sample.herokuapp.com/ https://github.com/mahm/todo-rails/ ユーザー認証はふっつーにdeviseを使って、Todoを編集する画面だけAngularJSを利用している、という感じのサンプ
(150522追記)本稿の続編としてAngularJSモダンプラクティスを掲載しました。本稿は2014年9月に執筆し、情報がかなり古くなっています。続編では、AngularJS 1.4やAngular 2に関する情報をまとめ、入門者への新鮮なチュートリアル、熟練者の移行手引として作成しました。どうぞご覧ください。 この記事は記録のため残します。 AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる 危険度★★★ angular.module('myApp') .service('FooService', [ '$q', '$resource', '$rootScope
書籍「AngularJSリファレンス」を@zoetroさんから献本いただきました。ありがとうございます。 そこで、御礼ととも個人的な感想を書いておきたいと思います。 本書を読む前 まず、この本を読む前の私のAngularJSの経験をまとめておきます。 jQuery、Knockout.jsなどでのJavaScript開発経験あり AngularJSを最近の開発で利用 AngularJSのcode schoolで基礎を把握 後は公式サイトを中心にネット記事から学ぶ JavaScriptの知識はあるという状態で、AngularJSについては書籍は利用せずに公式サイトを中心にオンラインの記事で勉強していました。 英語が苦手なため、公式サイトもなんなくの理解になっている面があり、どうにか使えるけれど詳細が詰め切れていないという知識レベルになっていました。 本書の全体的な感想 本書の感想をまとめていき
AngularJSアプリケーション開発ガイド を読みながら勉強したときのメモ。 HelloWorld AngularJS を入手する 公式サイトから angular.min.js をダウンロードする。 HTML を書く <html ng-app> <head> <script src="angular.min.js"></script> <script src="helloWorld.js"></script> </head> <body> <h1 ng-controller="HelloWorldController">{{message}}</h1> </body> </html> angular.min.js を読み込む。 ng-app ディレクティブを付けたタグの中が、 AngularJS のテンプレートとして処理される。 ng-controller ディレクティブを付けたタグの中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く