入門3日目の僕が感じたAngular 2のすごいところ - teratail blog
はじめまして。teratail開発チームでインターンをしている草間(@tkow39)と申します。 来年4月1日よりレバレジーズ株式会社に入社予定となっています。よろしくお願い致します。 今までは主にフロントエンドを担当し，バックエンド，テストなどもサポートする形で開発していました。 少し期間が空いてしまいましたが，10/3(月)に開かれたAngular 2入門者の会でLTしました。 connpass.com Angular 2熟練者の方からAngular 2の良さや楽しさとアドバイスを色々教えていただき，今後もAngular 2を使って何かを作ってみたいと思いました。 そこで，今回はプロダクトに生かして行く上でこれはすごいと思ったところと，使ってみて良かったところの4点を入門者として紹介していきたいと思います。 更新が即座にされるサーバ環境がすごい 公式のチュートリアルを試してまずびっくり
» Angularjs超入門。最高のJavaScriptフレームワークを紹介します | 株式会社AXESOR
弊社で大規模なJavaScript開発を行う際には AngularJS を採用しています。 本日はJavaScriptをプログラミングするなら絶対に知っておくべき むしろ使っておくべき最高のフレームワークである Angularjs を紹介します。 この記事では難しい事は先に書かず、 先ず具体例とメリットだけ書いて理解し易くします。 Angularjsとは Google社が開発を行っているMVVMフレームワークなんです。 Backbone.jsやember.jsなどと同じ、モダンなフレームワークです。 何のこっちゃ？という感じですが 先に利点からお伝えすると、PHPのように書けますよ！というメリットが有ります。 例えで恐縮ですが、在籍の女の子をリスト表示する時 jQueryなどでは、コレクション（女の子の配列など）を走査するロジックの中に DOM要素を操作するコードを書く必要が有ります。 f
ng-japan 2016 セッション資料まとめ - Qiita
2016年3月21日、ng-japan 2016に参加しました。とても有用な情報が獲得できたのですが、資料などのURLが散らばってたのでまとめました。 全体のTogetter http://togetter.com/li/952725 ng-japan 2016 - C+D Room (主にAngular2関連のセッション) Yotube https://www.youtube.com/watch?v=4QVMhM75XK8 Angular 2の失敗しない始め方 / 稲富 駿 資料 - http://laco0416.github.io/slides/a-way-for-happy-angular-days/#/ Togetter - http://togetter.com/li/953341 Angular2実践入門 / 白石 俊平 資料 - http://www.slideshare.
Angular 2で作った最初のアプリの事後分析 : 使ってわかったAngular 2の長所と短所 | POSTD
最近、Angular 2を使ってWebアプリ作成の手伝いをする機会がありました。このフレームワークの複雑さに戸惑いもありましたが、Angular 2は間違いなくすばらしいものです。この事後分析では私がAngular 2のフレームワークを使った時に感じたいい面と悪い面の両方を掘り下げていくことにします。 Angular 2 Angularは携帯電話やデスクトップのWebアプリケーションを作成するための開発プラットホーム。 https://angular.io/ Angular 2＋リアクティブプログラミング＝❤ 私はすでに、Angular 1アプリケーション ではRxJSをかなり使っていました。特に、サービス間のメッセージ・バスを行うアプリを作成する時です。Angular 2はObservableを非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、
AngularJSの基礎を理解しよう(1/5):初心者のためのAngularJS入門 - libro
AngularJSは、JavaScriptのライブラリです。――というと、多くの人は「ああ、なるほどね……」と思うでしょう。そして、そこで急速に興味を失う人も多いかも知れません。 「JavaScriptのライブラリ？ まぁ、どんなのか知らないけど、特にいらないよ。jQueryがあるし、それで十分だからね」――そう思いませんでした？ 皆さんが今まで知っているJavaScriptライブラリは、基本的に「JavaScriptを便利にするもの」でした。「DOMの取得や属性の操作がjQueryなら格段に簡単に書けるよ」というようなことでライブラリを導入していくことになった人も多いでしょう。 これらは、プログラマが自分で作成するプログラムを考え、それを書いていくことを楽にしてくれる、というものでした。作成する処理は自分で考える。それを作るのが楽になる――それが今までのライブラリでした。 では、Angu
Angular 1.xコンポーネントを、Angular 2にアップグレードする | POSTD
この記事では、シンプルなTodoアプリのAngular 1のコンポーネントを、Angular 2のコードにアップグレードする方法を見ていきます。APIの違いや文法のテンプレートを比較することで、それがAngular 2へのアップグレードに何らかのヒントを与え、難しさが軽減すると感じてもらえることを願っています。 注意：Angular 2は、まだ”アルファ”の状態なので、APIやこれまでの技法は変化するかもしれません。しかし、この記事は残し、コードをアップグレードしていくつもりです。 Angular 1..x Todoアプリ この小さなコンポーネントを、Angular 2で書き換えてみます。まずは、このアプリの機能は以下の通りです。 Todoリストにアイテムを追加する アイテムを削除する機能がある アイテムが完了するとマークをつける機能がある 未完了のものと、合計のTodoの数を表示する こ
AngularJSアプリで使えるフィルター80個てんこもり（Angular Filter）
注1 個々のフィルターの用法については、「AngularJS TIPS」のような記事を参照してください。 ごく基本的な用途に限定されているせいか、「随分と少ないな」というのが第一印象かもしれません。もちろん、自作のフィルターを作成するのはそれほど難しいことではありませんが、よくありそうな機能をいちいち自作するのは車輪の再発明なのでは、と感じる人は多いのではないでしょうか。 そのような方は、本稿で紹介するAngular Filterの導入を検討してみてはどうでしょう。Angular Filterは、名前のとおり、AngularJSアプリで利用できるフィルターライブラリ。コレクション（配列）、文字列、数値演算、判定関連のフィルターが80種類近くも提供されています。AngularJS標準のフィルターに不満を感じたら、まずはAngular Filterに目的の機能がないか、確認してみるのも良いので
ElectronとAngularJSで日経平均株価を取得するアプリを作ってみた。 - Qiita
はじめに 仕事中に周りの目を気にしないで日経平均株価を確認できるアプリを作ってみた。 目立たないように、できるかぎり画面は小さめに作っています。 (本当に仕事中に使うなら金額とボタンのみ表示でもいいかも) 株価の取得元はYahoo!ファイナンスの中央近くに表示されている日経平均株価を取得しています。 準備 Electronに必要な準備は割愛します。 インストール等は下記を参考にしてください。 http://qiita.com/Quramy/items/a4be32769366cfe55778 必要なモジュールをインストール ・[requestモジュール]：ウェブスクレイピングモジュール。指定したURL(yahooファイナンス)のデータを取ってきてくれる。 ・[cheerioモジュール]：requestモジュールで取得したデータをjQueryのようにdomを指定して取得するためのモジュール。
AngularJS 2.0 Step By Step Guide - Qiita
この内容は、AngularJS 2.0のStep By Step Guideを翻訳したものです。 注: 「1.Getting Started」は本家のWebサイトから既に削除されています。2,3は、DEVELOPER GUIDEとして2015/10/16現在も存在しています。 1. 始めよう JavaScriptでゼロからシンプルなAngular2 アプリケーションを始めましょう。 4つのステップで行っていきます。 新しいプロジェクトフォルダとindex.htmlの作成 app.jsの中でアプリケーションのルートコンポーネントを書く アプリを起動する 動かす 新しいプロジェクトフォルダとindex.htmlの作成 アプリケーションプロジェクトを格納するための新しいフォルダを作成します。たぶん次のようにするでしょう:
angular.jsのためのテスト準備(ユニットテスト、E2E)
angular.jsのチュートリアルにはテストもきちんと含まれているが、キューピー3分間クッキングなみに出来上がった状態で提示されてくる。そのため、なんとなくわかった気になるが実際よく分かっていないという状態に陥りがちである。 どうなっているかをすこしは理解したいと思い、angular.jsでのテスト環境を一から構築してみる。 ユニットテスト KarmaユニットテストはKarmaを使うのが楽そうである。公式のチュートリアルなどもKarmaが前提になっている。まあ、Karma自体が「angularのために」からスタートしているので相性がいい、かつ情報が豊富なのは当然なので使わない手はないと思う。 ここでは、Karma・mocha・chaiの構成を取る。基本的な設定は以前のポストをご参考頂ければ。CLIが分離したKarma0.12でmocha,chaiの環境を整える | niwaringo()
AngularJSの便利なツール20選 | POSTD
皆さんはAngularJSに興味がありますか？ この記事では、AngularJSのための最適なツールと選りすぐりの情報をリストにまとめています。Angularを使ってアプリケーションの開発をする際には役立つ内容です。 Webアプリケーションを動的に設計したいWeb開発者の多くは、 フレームワークとしてAngularJSを選択するようになってきました 。AngularJSの開発者が新たにAngularJSプロジェクトを立ち上げる場合、本格的にWebサイトを開発しようとすると、非常に多くのツールが必要になります。 AngularJS初心者の場合は、まず始めに AngularJSの良書 を何冊か読むと良いでしょう。 私たちは、オンラインでAngularJSを学習するための、膨大な AngularJSのチュートリアル リストも作成しています。 AngularJSでWebアプリケーションを開発する際
とほほのAngularJS入門 - とほほのWWW入門
AngularJS と Angular は別物です。バージョン 1.x を AngularJS、2.0 以降を Angular と呼びますが、根本から作り直しているので互換性はありません。AngularJS は 1.8.x で開発を停止しており、2021年12月31日にサポートも停止されました。現在は拡張LTS (XLTS) のフェーズにはいっています。(2022/1/2追記) AngularJS は、下記の様な特徴を持つ JavaScript フレームワークのひとつです。 Google社とコミュニティが開発するJavaScriptフレームワーク ライセンスはMIT License。オープンソース。商用利用可能。 今現在(2015年8月15日)の最新版は 1.4.4。 JavaScriptでクライアントサイドのMVC(Model-View-Controller)モデルを実現します。 これま
初級者でも1時間でTwitter風Webサービスを作れる！- MEANスタック開発(2) - paiza開発日誌
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 前回はMEANスタックの一つ、YeomanのAngularJS Full-Stack generatorのインストールと使い方について紹介しました。MEANスタックはMongoDB, Express, AngularJS, Node.jsを組み合わせたWeb開発環境で、JavaScriptだけで簡単に素早く直感的で使いやすいフルスタック・Webサービスを作ることができます。 今回は、実際にもう少し実用的なWebサービスを作ってみましょう。 今回作るWebサービスは、Twitterのように投稿ができて、一覧表示ができるWebサービスです。(この記事のトップに有る動画で紹介しているサービスです) ジェネレータが生成したコードを元にJavaScript/HTMLを修
AngularJSモダンプラクティス - Qiita
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
AngularJSコードサンプル | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
<strong>１）Wayデータバインディング</strong> <div>１）二重波括弧：私は{{country}}在住です。</div> <div>２）ng-bind：私は<span ng-bind="country"></span>在住です。</div> <div>３）二重波括弧：私は{{country}}在住の{{gender}}です。</div> <div>４）ng-bind-template：私は{{country}}在住の{{gender}}です。</div> <div ng-non-bindable>二重波括弧{{....}}を表示するには、ng-non-bindableを使用。</div> <strong>２）２Wayデータバインディング</strong> <div>私の名前は{{name}}です。</div> 名前:<input ng-model="name" />
11 Tips to Improve AngularJS Performance - Tech TLDR;
I am new to Angular (even though I am not new to the web development), so please take everything that I am about to say with a grain of salt. That being said, I watched a lot of talks and read a lot of articles relevant to Angular performance, and this post is the summary of my findings. Table of Contents 1. Minimize/Avoid Watchers 2. Avoid ng-repeat. If you have to use ng-repeat use infinite scro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular 2とReact Nativeの組み合わせ
Angular jsの継続的なバージョンアップ
イベント駆動AngularJS / 今から書くAngular 2.0
GitHub - vvakame/angularjs-typescript: AngularJS + TypeScript
