Angular 2 RC5から導入されるNgModuleを使ってTodosを作ってみます。NgModuleの導入により@Componentで定義されていたものをNgModuleでまとめて定義することが可能となるようです。詳しくは @laco 氏のこちらを見て頂けると良いと思います。 ng2-info.github.io 変わるところとしては次のようなところのようです: bootstrap関数の呼び出し @Componentのdirectives @Componentのpipes Todosを作ると少なくともコンポーネントが4つは作ると思います。 元となるコンポーネント: todos.ts 入力のコンポーネント: todos.input.ts 一覧のコンポーネント: todos.body.ts 詳細機能用のコンポーネント: todos.detail.ts このコンポーネント郡をひとつにまとめ
※現在では、Web標準技術を利用したアプリ開発が広く普及し、そのためのフレームワークも多数存在しています。その中でも主流のフレームワークの1つである「Angular」を活用し、そのための知識を備えることには大きな意味があります。本連載は、Angularユーザーに向けて、その使いこなしTIPSを紹介するものです。なお、本連載は「Build Insider」で公開していた連載「Angular Tips」を同サイトおよび筆者の了解を得たうえで、本フォーラムに移行したものです。記事はBuild Insiderで公開した状態のまま移行しているため、用語統一などの基準が@ITの通常の記事とは異なる場合があります。 別稿「TIPS:Angularの特徴とは? 開発環境を構築するには?」(以降、準備編)では、Angularとは、に始まり、Angular QuickStart Source(以降、Quick
追記160914: rc.7に対応しました、本題はこちらから。冒頭は終了したイベントの宣伝です。 @armorik83です。先日は私もng-japanに登壇してきましたが、会場内のAngular 2熱の高さに興奮を覚えたものです。 さて、私が代表を務めているng-kyotoとng-japan、GDG神戸、会場のteratailさん、サイボウズ株式会社さんのご協力によって、来る4/10と4/16にAngular 2ハンズオン勉強会を開催いたします。 4/10 Angular 2ハンズオン勉強会@渋谷ヒカリエ レバレジーズ本社 4/16 GDG神戸 Angular 2ハンズオン勉強会@サイボウズ 大阪梅田オフィス これは両イベント共にng-kyotoの代表である私の他、@_likr, @shinsukeimai, @pastelInc オーガナイザらが関わっており、初のAngular 2ハンズ
<div ng-controller="asyncDirectiveCtrl as ctrl"> <button ng-click="ctrl.get1()">失敗</button> <button ng-click="ctrl.get2()">成功</button> <div class="asyncDirectiveResult"></div> </div> angular.module('demo', []). controller('asyncDirectiveCtrl', function($compile, $scope){ this.get1 = function(){ return angular.element('.asyncDirectiveResult').html('<hello>Taro</hello>') } this.get2 = function(){ va
Angular.jsのアドベントカレンダー6日目です。(遅れてすみません汗) 今日は泥臭い?感じの話になります。 この記事は言及している人達の記事やスタイルガイドのまとめという感じなのですが、これからディレクトリ構成を考える初学者の方や,ディレクトリ構成に悩んでるかたの参考になれば幸いです Angular.jsのディレクトリ構成パターン紹介と、利用して感じた考察などのことを書きます。 はじめに LIG主催のAngular.js勉強会 #ng-curry にて、登壇したときの発表内容をまとめようと思っていたのですが、今回のAdvent Calenderを機会に勉強会で話した内容をまとめてみます。 元スライドはこちら -> http://slides.com/sugawararyousuke/ng-curry-2 まとめ疲れたので スライドの前半部分だけの話をまとめます。 このテーマで話そうと
@armorik83です。Angularアドベントカレンダーの4日目となる本日は、かつて好評だった拙記事"AngularJSアンチパターン集"にあやかって、Angular 2(以下、単にAngularと表記したときは2.0以上4未満を指す)について気をつけた方がよい点――アンチパターンをまとめたいと思います。 Angular 2.xでアンチパターンは起こりうるか Angular 1系とは大きくAPIが変わったAngular 2系。APIが大きく変わった理由として、Web標準により近い構成を取れるようにする目的がありました。例えば、angular.module()ではなくTypeScriptのimport fromをベースとするソース分割の仕組みであったり、ES2015 classを標準としたComponentやServiceの定義であったり、$qではなく標準のPromiseを使ったりなどで
はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、現行AngularJS(AngularJS 1)の次期バージョンです。2016年8月時点のバージョンは2.0.0-rc.5で、まもなく正式リリースという状況になっています。Angular 2はAngularJS 1に対して多くの変更点があり、コードの記述法も基本的に異なります。 AngularJS 1ではビューとデータモデルを関連付けるデータバインディングや、ディレクティブと呼ばれる独自のHTML記述が利用できました。これらはAngularJSの特徴として真っ先に言及される機能で、Angular 2でももちろん利用できます。しかし記述方法が微妙に異なっており、最初は違和感を感じるかもしれません。 そこで本記事では、Angular 2でデータバインディングやディレクティ
内容 WebフロントエンドフレームワークAngularのバージョン2が今年の9月にリリースされました。 Angular 2では、パフォーマンスが大幅に向上され、またAPIもわかりやすく改善されました。 また、Angular2では型のサポートがついたTypeScriptが全面的に採用されたことで、ミスの少ないアプリ開発を行うことができます。 今回はAngular2 + TypeScriptに関する講演セッションとハンズオンを行います。 セッションでは、マイクロソフトの井上章氏、GoogleのRob Wormald氏とKeith Hall氏の豪華ゲストをお招きし講演をしていただきます。 ハンズオンでは、ng-kyoto協力のもと、皆さんと一緒にAngularのチュートリアルを進めていきます。 Angular2 + TypeScriptでパワフルなWebフロントエンド開発を体験しましょう! 必要
JITTY's seasoned experts specialize in identifying optimal solutions to address your business challenges. Our proficiency in pioneering video and live interactive technologies ensures tailored strategies that effectively resolve tasks, delivering seamless experiences and driving your business forward.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く