ToDoアプリを作って理解するAngularJSの基礎〈Angularシリーズ vol.1〉
前提条件 HTML、JavaScriptの基本的な知識 執筆環境 OS X 10.10 AngualrJS 1.4.0 AngularJSとは AngularJS（アンギュラージェイエス）は、Googleとコミュニティによって開発されているJavaScriptのOSSフレームワークです。 jQuery, Backbone.js, Knockoutを始め、最近ではReact.js界隈が賑わっており、近年、フロントエンドのフレームワークは日々めまぐるしいスピードで発展しています。 その中でも、AngularJSは、2012年6月にバージョン1.0.0がリリースされてから、2015年6月現在でバージョン1.4まで発展しており、人気のフレームワークとなっています。 さらに今冬には、Angular 2の正式リリースを控え、益々注目を浴びています。 本連載では、AngularJSの基礎を解説しながら、
Codecademyに、AngularJS入門コースが公開されたのでやってみた！
HTML/CSS/JavaScriptなど、基本的なWebプログラミングの基礎を学習できることで知られる「Codecademy」に、新しく「AngularJS入門コース」が公開されていたのでご紹介！ 一通り学習すれば、AngularJSを使って簡単なWebアプリを1人で作れるようになりますよ。 どんなコース内容なのか？Codecademyは、以前からJavaScriptやPHPの基礎、WebAPIを使った練習からRailsなどを使った「インタラクティブなWebアプリ」を作れるコースが増えていました。 そして、人気のAngularJSが追加されたことで、さらに幅広い学習へ挑戦できるようになったと言えるでしょう。 「START」ボタンをクリックすれば、すぐにでもブラウザ上から学習を進めていくことができます。 学習は、お馴染みの専用エディタを使い、1つずつ小さな課題をクリアしていくことで学べるよ
いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会
AngularJSの機能や開発ライフサイクルなどがまとめられた「AngularJSリファレンス」という書籍がインプレス社から出版されました。これを記念し著者でもある、池添 明宏氏(著)/金井 健一氏(著)/吉田 徹生氏(著)/丸山 弘詩氏(編集)をお招きして「AngularJS」についてビール片手に軽く語っていただきました。 2014年9月18日（木）、場所はイベントの聖地21Cafeで開催されました。 AngularJS概要 AngularJSは主にGoogleメンバーが中心となり、開発を進めている今話題のJavaScriptフレームワークです。AngularJSはよく「フルスタックである」と言われていますが、それは同メンバーが中心に開発しているテストツールkarmaも含め展開しているため、開発ライフサイクルをも視野に入れたものだからです。また、ECMAScriptやWeb Compon
Angular js はまりどころ
ng-japan 2015 LT資料です。 One-time Bindingと$digestについて簡単にお話しました。 LIGブログでこの内容をまとめました。 http://liginc.co.jp/web/js/other-js/153751
AngularJSアンチパターン集 - Qiita
（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リファレンス」の感想とおすすめの活用方法 - Qiita
書籍「AngularJSリファレンス」を@zoetroさんから献本いただきました。ありがとうございます。 そこで、御礼ととも個人的な感想を書いておきたいと思います。 本書を読む前 まず、この本を読む前の私のAngularJSの経験をまとめておきます。 jQuery、Knockout.jsなどでのJavaScript開発経験あり AngularJSを最近の開発で利用 AngularJSのcode schoolで基礎を把握 後は公式サイトを中心にネット記事から学ぶ JavaScriptの知識はあるという状態で、AngularJSについては書籍は利用せずに公式サイトを中心にオンラインの記事で勉強していました。 英語が苦手なため、公式サイトもなんなくの理解になっている面があり、どうにか使えるけれど詳細が詰め切れていないという知識レベルになっていました。 本書の全体的な感想 本書の感想をまとめていき
Angularリンク集 - albatrosary's blog
「Angularの資料で何か良いものは？」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います（あくまでも目安です）。 ★ : まず読みましょう ★★ ： 少し慣れたら読もう ★★★ ：仕事で使うよ 学習順は YEOMANでAngularをインストールし触りながら Angular本家を見つつ Angular Style GuideやNinjaで理解を深める でしょうか（学び方は人それぞれですので）。何れにしても手を動かすのが最良です。 Angular 2 Angular is a development platform for building
AngularJSのベストプラクティスに従っていますか？ -- angular-hintの使い方 - Qiita
最近、AngularJSリファレンスという書籍を書いていたのですが、紙面や時間の都合上書けなかったこともたくさんありました。 というわけで、書籍に書ききれなかった内容を落ち穂拾い的に紹介していきたいと思います。 今回はangular-hintというツールを紹介します。 https://github.com/angular/angular-hint これは、Angularチームの1人が開発しているツールで、AngularJSを使って開発したアプリケーションに組み込んで実行すると、エラーを検出してくれたり、ベストプラクティスに従っているかどうかをチェックしてくれたりします。 ただし、説明文にWIP(Work In Progressの略)と書いてあるので、まだ開発中のようです。 angular-hintを組み込むとアプリケーションが動かなくなることもあるのでご注意ください。 angular-hi
AngularJS – LOG
CATEGORYprogramming > JavaScript > AngularJS公開日2014/10/24最終更新日2014/10/24href属性にモデルのデータを使うprogramming>JavaScript>AngularJS公開日2014/10/24最終更新日2014/10/24imgタグのsrc属性にモデルのデータを使うprogramming>JavaScript>AngularJS公開日2014/10/05最終更新日2014/10/05AngularJS勉強会6回目,7回目メモprogramming>JavaScript>AngularJS公開日2014/10/05最終更新日2014/10/05カスタムサービスprogramming>JavaScript>AngularJS公開日2014/10/04最終更新日2014/10/04AngularJSのフェーズprogra
AngularでHTML5モバイルアプリを作るのに便利なライブラリたち
AngularでHTML5モバイルアプリを作るのに便利なライブラリたち ng-conf 2014っていうイベントが1月にあったようですね。 YouTubeで動画が公開されている(でもすべてではない)ので助かります。とても勉強になりますね。ほんと、いい時代になったものです。 さて、Daniel ZenのTalkを見ました。AngularJSでモバイルアプリを作るために使えるライブラリがいっぱい紹介されていたのでメモしておきます。 PhoneGap まず、PhoneGap。 今では、Open Sourceなんですね。 http://cordova.apache.org/ 使ったことはないですが興味はあります。 一部ネイティブ関数にもアクセスできるようです。 http://en.wikipedia.org/wiki/Phonegap#Supported_platforms APNも使えるようです
この夏、AngularJSを始めよう。Let’s try AngularJS!! | ヘッドウォータースTechNote | 株式会社ヘッドウォータース
Facebook創業者のザッカーバーグ氏が「HTML5に賭けたのは失敗」と言ったのは今や昔。 現在では既に多くの方がHTML5でのアプリケーション開発を行っています。 弊社でもHTML5を用いたハイブリッドアプリケーションの開発を盛んに行っております。クオリティーの高いHTML5アプリケーションを作るために、週末を利用してJavaScriptフレームワーク「AngularJS」の勉強会を開催しております。今回はAngularJSのご紹介と勉強会で学んでいる内容を少しアウトプットしたいと思います。 AngularJSってなに? まず、AngularJSについて簡単にご紹介します。AngularJSとは上記でも記述したように、JavaScriptのMVCフレームワークです。MVCのMはmodel(モデル),Vはview(ビュー),Cはcontroller(コントローラー)を表します。MVCフレ
Q. AngularJSとjQueryの違いは何でしょうか？ | POSTD
私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか？ asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです（AngularJSでも同様の操作が可能です）。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン（MVCの派生パターン）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEO検証！ GoogleはAngularJSを正しくクロールするのか？（2015年2月版）