Angular2 Dart版のForkとその後の開発の動向 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ７月下旬に、Angular2 Dart版が従来のTypeScript版からコンパイルされたコードベースから独自リポジトリに移行し、専業チームの手でDartに最適化されたものに進化させていくことが発表された。あれから二週間ほど経過し、リポジトリにChangelogやCI等が整備されCommitが増えてきたので、このタイミングでDart Newsの抄訳をし、リポジトリ上の活動から見えるAngular2Dartの開発の動向をまとめてみる。 追記 AngularDartのハイレベルロードマップの草稿が発表されたので抄訳してみた。 http://
Angular Dartのハイレベルロードマップ - Qiita
AngularDartのハイレベルロードマップの草稿が発表されたので抄訳してみた。 抄訳 ハイレベルロードマップ これは開発計画の草稿だ。Angular Dartは現在、多くの大規模なGoogleプロジェクトで使用されている。そして何よりも、私たちは特に、安定性、性能、そして生産性に関して深く検討する。 Angular 2 JS/TS プロジェクトとの関係についてのメモ。私たちはTS版チームと設計と性能の記録を共有し２つのバージョンを出来るだけ近いものに維持するが、私たちは時折、Dartコミュニティーのためにより良いものになるように、同一の機能とAPIを持つよりも分化させることを選択する。現時点では、私たちはDagger2を基礎にした新しいDIとComponent APIを開発中であり、それはDartの強力な静的型解析とレキシカルスコープを活かしたものになる。 性能 Angular Dar
Angular 4でcanvas要素を扱う方法 - Qiita
Angular 4の話 AngularでHTML5のcanvas要素とどうやったら連携できるのか調べてみました。TypeScript 2.2, Angular 4での書き方です。 動作サンプル 動作サンプルはPlunkerにアップしておきました。 Angular 4 Example - How to use Canvas Element 手順の解説 template内のセレクターにID値を割り当てておく。ID値の割り当て方はAngularの記法を使う。(例 : <canvas #hoge></canvas>) クラスではAfterViewInitインターフェースをimplementsキーワードで指定。これによってngAfterViewInit ()メソッド(ライフサイクル)の実装が義務付けられる。 クラスのメンバー変数にViewChildアノテーションでID値を使って関連付けを行う。 ng
angular-cli + UIフレームワーク Angular2-Material で Angular2 アプリを構築するチュートリアル - Qiita
はじめに 本稿では Angular2-Material というUIフレームワークを導入し、Angular2 のアプリの枠組みを作るまでの手順を説明しています。 前提としてこの手順を進める前に node.js と angular-cli を入れておく必要があります。 node.js、angular-cli を導入するまでの手順は僕が先日書いた以下の記事 http://qiita.com/kent_ocean/items/f1a1d21fd9997cc5d6f8 をご参照ください。 Angular2-Material とは https://material.angular.io/ https://github.com/angular/material2 Angular2-Material で具体的にどのような UI が作れるのかは、下記ページの各リンクに図入りの解説が掲載されているので読んでみ
Go+GAE+Angular2で簡易的なWebサービスを構築 - Qiita
11月に学んだものを使ってシンプルなWebサービスを構築してみました。 GCP + Go + Angular2 のgoogleful的なヤツです。 夜中に少しづつ書いた超絶シンプルなモノですが、如何せんAngular2でかなり苦戦してしまい、この程度のでもトータル20～30時間くらいかかってしまいました… サービスの内容 datastoreに登録されているデータの一覧表示 登録されているデータの編集 これだけです笑。 とりあえず今回はソースの公開だけを行い、ノウハウとして役立ちそうなことはピックアップして今後記事にしていく予定です。 また、今後はこのソースに機能追加をしながら様々なサービスの学習を行う予定です。 今回やりたいこと go言語でREST APIを構築する Datastoreのレコードの登録・削除を管理者権限でのみ行えるようにする とにかくAngular2を使ってみる 実装内容
Angular2 DOC GUIDEを翻訳する[STYLE GUIDE] - Qiita
トピック Angular2 CORE DOCUMENTATIONのGUIDEの翻訳です。 DOCUMENTATION OVERVIEW - ドキュメント概要 - ARCHITECTURE OVERVIEW - 構文概要 - DISPLAYING DATA - データ表示 - USER INPUT - ユーザー入力 - FORMS - フォーム - DEPENDENCY INJECTION - 依存性注入 - STYLE GUIDE - スタイルガイド - 注意1）ここに掲載されていない項目は、Angular2 CORE DOCUMENTATIONのGUIDEを直接参照してください。 注意2）2016年12月12日時点の翻訳です。翻訳者はTOEICで700点くらいの英語力なので、英訳が間違っている可能性があります。しかもかなり意訳している箇所もあります。もし意訳を通り越して、誤訳になっている
![Angular2 DOC GUIDEを翻訳する[STYLE GUIDE] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f6776c1b58b14224797638870a71388cf7a9c73/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTEyNTY2JTJGcHJvZmlsZS1pbWFnZXMlMkYxNDc0NzA0ODAyP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1mNTA3ZmZlOGIzNGQyMmRkYWYyMjhhODFlYTRkZTUxOA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Df1d975cea459d15c60c236e8b575b56f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9QW5ndWxhcjIlMjBET0MlMjBHVUlERSVFMyU4MiU5MiVFNyVCRiVCQiVFOCVBOCVCMyVFMyU4MSU5OSVFMyU4MiU4QiU1QlNUWUxFJTIwR1VJREUlNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zYmViZWIxNGExNTVmYmU2MjQ3MjgyNzUyNjkzZDhmZA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBZYW1hbW90bzA1MjUmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0yZmU5YzEyNjY5ZjY1NTgxZGY5ODc4MTliZTI5MjA2Mg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6d99e972ef72f6403b1789e6c18cddeb)
Angular2でlocalStorageを扱うServiceを実装する - Qiita
背景 SPAではないAngularアプリで、ある機能を実装していて、画面をまたぐ保存領域が欲しくなった Cookieで実装しようとしたが、容量が足りない localStorageを使うことにした localStorageとは Window.localStorage - Web APIs | MDN The localStorage property allows you to access a local Storage object. localStorage is similar to sessionStorage. The only difference is that, while data stored in localStorage has no expiration time, data stored in sessionStorage gets cleared when t
Angular 2 With Libraries
Angular好きの皆さんこんばんは。 今日はAngular2の公式ライブラリの話をします。 Ajax用のhttpパッケージやルーティング用のrouterパッケージなど、 具体的な使い方も含めて、そこそこ詳しく解説していこうと思います。 よろしくお願いします。 About me 今回初めて私を見る方がほとんどだと思うので、まずは軽く自己紹介をします。 株式会社トップゲートに所属している、らこといいます。 好きなものはGoogleとお酒とアニメです。 最近は仕事でも趣味でもTypeScriptとGoしか書いてないです。 昔は1年間位Dart書いてました。もしDartやってた方いたら懇親会でお話しましょう。 あと、今年の頭からAngular2 Infoというブログを運営してます。 リリース情報とか、イベント情報とか、面白い記事とか、 毎日Angular2ウォッチして出てきたものを紹介してます。
Angular 2のローカル変数とexportAs
Angular 2には local variables (ローカル変数)という機能があります。 公式のチュートリアルやデベロッパーガイドを読んでいると突然登場してみなさんを惑わしているかもしれません。 しかし、この機能はAngular 2を使いこなす上でとても重要なものなので、ぜひ知っておきましょう。 ローカル変数と # シンタックス ローカル変数とは、コンポーネントのテンプレート中で定義して使用できる変数のことです。 ローカル変数には原則として、ローカル変数を定義した要素のインスタンスが代入されます。 ローカル変数の定義は # シンタックスを使います。 次の例では、 input 要素をローカル変数 i として定義し、 ボタンをクリックするときに input 要素の値をコンポーネントに渡しています。 @Component({ selector: 'my-app', template: `
Angular 2のデフォルトルートとotherwiseルート
この記事ではAngular 2のルーターが持つ useAsDefault と otherwise の違いと、その使い方について解説します。 この2つを使い分けることで柔軟なルーティングを定義することができます。 ルートの定義 まず最初に、RouteConfigが適用されているコンポーネントを、この記事では RouteComponent と呼ぶことにします。 RouteComponentが表示された時、RouteComponentはその時点のURLのパスを元に、ルーティングを行います。 次の例では、PageAとPageBのそれぞれのルートを定義しています。 @RouteConfig([ {path: "/pageA", component: PageA, name: "PageA"}, {path: "/pageB", component: PageB, name: "PageB"}, ])
Angular 2のPlatform Provider
Angular 2のDependency Injection(DI)は主にサービスクラスのインスタンスを注入するのに用いられますが、 実は他にも便利な使い方がいくつかあります。 今回はその中から PLATFORM_DIRECTIVES と PLATFORM_PIPES の使い方を紹介します。 Angular 2のProviderと multi オプション まずはじめに、Angular 2のProviderの仕組みについておさらいしましょう。 もしAngular 2のDIがさっぱりわからない方は、先に Angular2のDIを知る を読むといいかもしれません。 Angular 2のDIは基本的に、 トークン に対して値をセットします。 TypeScriptでは「型ベースのDI」とよく言われますが、これは型(型アノテーションに使われているクラス)がトークンになっています。 このトークンはクラス
Angular2でoutputs、@Output、EventEmitterを使ってカスタムイベントを定義 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
ユーザー定義のディレクティブで、outputs、@Output、EventEmitterを使ってカスタムイベントを定義する方法を確認し、サンプルを作成しました。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認） ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．outputs属性、@Output ２．カスタムイベントを使ったサンプル ３．デモ カスタムディレクティブで、output属性を使って、呼び出し側ディレクティブへイベント発行行う事ができます。 ●宣言方法 ①コンポーネントのクラス内で宣言 @Output() propertyName = new EventEmitter(); ※以下のようにOutput、EventEmitterをインポートする必要がある。 import {Output,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular 2 Dropdown - Plunker
Angular
5分で始めるAngular2とUIフレームワークをいれるまで - Qiita
angular-cliで作ったAngular2プロジェクトにng2-bootstrapを導入する - Qiita
Fundamentals | Angular Class
laco's blog
How to Deal with Different Form Controls in Angular 2 | DigitalOcean
Getting value from checked box in angular 2 typescript