【Angular.io】 Template Syntax まとめ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
[Angular2]複数httpリクエスト - Qiita
import { Injectable } from '@angular/core'; import { Http } from '@angular/http' import { Observable } from 'rxjs' @Injectable() export class HogeService { constructor(private http: Http) { } // 並列に実行してすべて完了したら結果をlogを出力するサンプル sample1() { let urls = [ "http://itunes.apple.com/jp/rss/newapplications/limit=10/json", "http://itunes.apple.com/jp/rss/newfreeapplications/limit=10/json", "http://itunes.ap
![[Angular2]複数httpリクエスト - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bdb12d90b23439b56f3b7e271725160745acbd7/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTIyMDA4JTJGcHJvZmlsZS1pbWFnZXMlMkYxNDczNzE1MDk1P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTg0NzIzOTc1NDJkZDg5YWVkYWZhOTJlYTBjNTIzNDI4%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D77065795a7ab2e1710603b9ff571a082%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQW5ndWxhcjIlNUQlRTglQTQlODclRTYlOTUlQjBodHRwJUUzJTgzJUFBJUUzJTgyJUFGJUUzJTgyJUE4JUUzJTgyJUI5JUUzJTgzJTg4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NGI1NTQxMzFhZTFhMTA3NWJiNDZhYjE4MGY4MmFmMzA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhbzIteSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWI0MWYyODU4ZTYwOGIwNDJjN2JkMGRjNjBjZTg4YjU1%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3De1f523930f35bcaff9f6589fa3acc949)
Angular2でModal作る - Qiita
Angular2でモーダルを自作したメモ。 要件: Angular以外のライブラリには頼らない モーダルを開く時はServiceとして扱いたい モーダルの内側はComponentとして開発したい モーダルを閉じた場合、Promise(or Observable)をresolveしたい。 要するに、下記のようなコードを書きたいのだ。 import { Component , Input } from "@angular/core"; import { ModalContext } from "./modal"; @Component({ selector: "greeting", template: ` <div> <section> <input [(ngModel)]="message" placeholder="Message"> </section> <footer> <button
Angular4(Angular2~)のユニットテスト【Angularのユニットテストの基本とComponentの簡単なテスト編】 - Qiita
import {ComponentFixture, TestBed, async, ComponentFixtureAutoDetect,} from '@angular/core/testing'; import {By} from '@angular/platform-browser'; import {DebugElement} from '@angular/core'; import {AppComponent} from './app.component'; // describeでテストSuiteを作成 describe('AppComponentのテスト', () => { // テストの中のAppComponent let comp: AppComponent; // ComponentFixtureは、 componentのインスタンスそのものとcomponentのDOM
WebStromとAngular CLIでAngular2アプリケーションを作ってみよう - Qiita
こんにちわ、メトロノームかわかみ（@saruyama_monki）です。 Angularアドベントカレンダーの７日目は、WebStromとAngular CLIを使ってAngular2アプリケーション作ることを解説します。 WebStrom 2016.3について WebStormについての紹介は割愛させて頂きますが有料のIDEになります。 11月14日にバージョン2016.3のアップデードが入りまして、Angular CLIが使えるようになりました。 WebStormは、他の製品（PhpStorm、RubyMineなど）にも梱包されておりますので同じように使えます。 有料は。。。と思われる方は、まずは30日のFree Trial版を使ってみて下さい。プログラミングがもっともっと好きになると思います。 Angular2プロジェクトの作成 WebStromを立ち上げますと、プロジェクトの作成画
Angular4 + Express4 + MongoDB3 + TypeScript2 の最小構成プロジェクトをAngular CLIベースで構築する。(ビルド、テスト、Dockerデプロイまで) その１. ビルド編 - Qiita
Angular4 + Express4 + MongoDB3 + TypeScript2 の最小構成プロジェクトをAngular CLIベースで構築する。(ビルド、テスト、Dockerデプロイまで) その１. ビルド編JavaScriptMongoDBExpressTypeScriptAngular やりたいこと Angular CLI使って、MEANスタック(MongoDB + Express + Angular + NodeJS)のアプリを作りたい。どうせならサーバ側もTypeScriptで作りたい。 フロント側とサーバ側の両方をwebpack、gulpなどは使わずにnpm scriptsだけでビルド、テストできるようにしたい。 Dockerを使ってアプリを簡単に配布したい。 これらを達成するための最小構成プロジェクトの作り方を３回に分けて紹介します。 その１. ビルド編 ⇦ 今回はコ
Angular 入門 #1 - Qiita
この会の進め方 https://angular.io/docs を読み進めていきます Angular 自習のススメ angular.io/docs 公式サイトのドキュメントが充実 ここ読めばもうAngularマスターです 英語 https://github.com/ng-japan/hands-on ng-japan (Angular Japan User Group) が公開しているハンズオン 日本語 各自これをやりましょう（完）でいい気も angular.io/docs を読み進める デモを動かす 大体のページでブラウザ上ですぐ動かせるデモと、ダウンロードしてローカルで動かせるデモが用意されています The code referenced on this page is available as a live example / downloadable example. live e
Angular をやるのに欠かせない VSCode Extension - Qiita
2017/07/11(Tue) 時点の情報に基づいています Angular をやるのに Visual Studio Code (以降 VSCode) は相性ばっちりで、デフォルト設定でもほぼストレスなくプログラミングできるのが素晴らしいですが、以下の VSCode Extension をインストールすれば、さらに効率アップが図れます。 Angular Language Service Angular 本家が開発している Extension で template に対してプロパティ補完をしてくれる強力な Extension です。存在しないプロパティを指定すればエラーチェックがかかって教えてくれます。 Path Intellisense ファイルパスを補完してくれる Extension です。例えば Component の templateUrl や styleUrls に外部の HTML
Angular+Firebaseでチャットアプリを作る - Qiita
はじめに 今、最も注目されているJavaScriptフレームワークの１つであるAngular(9.xx)と、同様に注目度の高いBaaS（Backend as a service）であるFirebaseを使って、チャット用WEBアプリをハンズオン形式で書いていきます。 「Angular+Firebase」のリアルタイム更新に興味がある方はご一読ください。 （追記：2017/6）本記事は元々「Angular2+Rails5でチャットアプリを作る」と題していましたが、ここ半年ほどひたすら「Angular+Firebase」を触ってきたので、「Angular+Firebaseでチャットアプリを作る」として、現時点（2017年6月）での最新の内容に書き換えています。 （追記：2018/1）現時点（2018年1月）での最新の内容に書き換えています。 （追記：2018/9）現時点（2018年9月）での最
ng-japan 2017 セッション資料の一覧 - Qiita
はじめに 2017年6月17日(土)にng-japan 2017が開催されました。 その中でセッションに使用された資料が様々な場所で公開されていたので僭越ながらまとめさせていただきました。 公式 http://ngjapan.org ライブ配信(アーカイブ) ng-japan 2017ではライブ配信が行われていました。各セッションは以下のURLで視聴できます。 トラックA - https://www.youtube.com/watch?v=LbnLSD2pL18 トラックB - https://www.youtube.com/watch?v=P1X40cddHGU ご視聴ありがとうございました。ng-japan 2017のライブ配信を終了しました。 同じURLでアーカイブを見ることができますので、ブログ執筆や復習にご利用くださいhttps://t.co/7TraPhYohOhttps://
AtomからVisualStudioCodeに乗り換えた感想と設定メモ - Qiita
背景 今まではAtomを使っていましたが、重いため（メモリが食いすぎで3時間くらい使ってると7GBくらいいってる時がある。。。）乗り換えを検討していました。 いずれはVimmerになりたいなーと思いつつも、キャッチアップに掛ける時間があまり取れなかったため、なかなか乗り換えられずにいました。 そんな中、「VisualStudioCodeがいいよー」と知人から聞いたため、試しにやってみたら思いの外良かったので、乗り換えてみました。 その感想と、入れた拡張機能＋設定をメモします。 (今更ですが。。。) 特徴 公式の特徴 Mac OS X、Linux、および Windows、あらゆる OS、言語で動く Mac OS X、Linux、および Windows 、あらゆるプラットフォームで使用可能です。さらに、30 種類以上のプログラミング言語をサポートします。 Microsoft製なのにMac,Li
DockerでAngular quick start - Qiita
社内勉強会でAngularやるのでセットアップの部分のみ 起動 app works!まで dockerコンテナ起動 Angularはnode: 6.9.x, npm 3.x.xが必要なのでnode公式のイメージを使用 後々指定できるけどportは4200を公開 /appディレクトリにアプリを追加する docker run -it -p 4200:4200 -v $(pwd):/app --name angular-lesson node:latest コンテナの中に入る docker exec -it angular-lesson bash /appディレクトリまで移動 cd /app angular-cliをダウンロード ここからはAngular公式のquick start通り npm install -g @angular/cli 時間かかる angularアプリケーションを作成 ng
Angular2の開発環境、俺ならこうやる 2016年7月25日版(2.0) - Qiita
(追記)2.0に対応しました。(2016/09/15) ここに書いていることは全て自己流のオレオレ環境なのであまり鵜呑みにしないでください。 今回のGitHubリポジトリ→ovrmrw/ovrmrw-ng2-env-20160725 まずは僕のマシン環境から。 Windows 10 64bit or 7 32bit Visual Studio Code (stable) 1.3.1 Node.js 6.3.1 Git 2.8.1 GitHub Desktop (Node.jsはnvm-windowsでインストールしています) Angular2やるならこれぐらいは最低限インストールしておく必要があります。 WindowsにおけるNode.jsの環境構築はWindowsでnpm installの赤いエラーに悩まされているアナタへも合わせてどうぞ。 Node.jsの6系はnode-sassインス
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Django REST Framework + AngularでTodoアプリを作る - Qiita
Angular2のUIライブラリまとめ - Qiita
Angular 4.3で追加されたHttpClientModuleについてのメモ - Qiita
Angular2の使い方 - Qiita
angular4とrails5をスッと使ってみる - Qiita
