Angular2 の動作ファイル一式(プロジェクト)を作ってくれたり、テストやビルドなどをコマンド一つで実行できるAngular CLIをインストールします。 また、ひな形を作成しサーバーに設置して動作確認まで行います。 インストール Node.js Angular CLI を動作させるためには Node.js からv6.9以上のバージョンをダウンロードしてきてインストールします。 下記でインストールしたバージョンが表示されたら完了です。
概要 前回(Angular入門: Component/ServiceをTestまで含めて試す)の続きです。 今回は 通信処理の書き方 テストの書き方 動作確認・デプロイ を書いていきます。 作った画面 要件としては、前回分に加えて AsyncIncrementボタンを押すと、サーバーにデータを取りに行って非同期に数字が加算される。 という形です。 環境 angular-cli: beta-32 Angular: 2.4 NodeJS: 6.9 ソースコードはこちら↓ https://github.com/uryyyyyyy/angularSample/tree/async 前提:APIサーバー SPAの場合は、フロントのリソースはS3などのホスティングサービスから配信するかもしれません。 その場合はAPIサーバーのエンドポイントは別のホストになることが有り得ます。 本記事ではそのような配信
<p>Counter</p> <p>Point: {{point}}</p> <button (click)="increment(3)">Increment 3</button> <button (click)="decrement(2)">Decrement 2</button> import { Component } from '@angular/core'; import {CounterService} from './services/counter.service'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { point: number; c
Learning path - 学習方法 - ほとんどのページは独立しているので、ガイドをそのまま読み進める必要はありません。 新しくAngularを始める方には、次のようにガイドセクションを進めていく学習方法をお勧めします。 全体像を知るために、Architecture overview(英文)を読みます。 QuickStart(英文)を試してみてください。QuickStartはAngularの"Hello, World"です。その過程を通して、Angularアプリを書くために必要なライブラリやツールのセットアップ方法がわかります。 QuickStartではカバーしきれなかった点をフォローしてくれるTour of Heroes tutorial(英文)に従い、簡易的なテータ駆動型アプリを作成してください。そのアプリでは、本格的なアプリケーションとして重要となる次の特徴を試すことができます
トピック Angular2 CORE DOCUMENTATIONのGUIDEの翻訳です。 DOCUMENTATION OVERVIEW - ドキュメント概要 - ARCHITECTURE OVERVIEW - 構文概要 - DISPLAYING DATA - データ表示 - USER INPUT - ユーザー入力 - FORMS - フォーム - DEPENDENCY INJECTION - 依存性注入 - STYLE GUIDE - スタイルガイド - 注意1)ここに掲載されていない項目は、Angular2 CORE DOCUMENTATIONのGUIDEを直接参照してください。 注意2)2016年11月22日時点の翻訳です。翻訳者はTOEICで700点くらいの英語力なので、英訳が間違っている可能性があります。しかもかなり意訳している箇所もあります。もし意訳を通り越して、誤訳になっている
CakePHP公式の日本語話者向けのSlackチャンネル(チャットルーム)が開設されました。 まだ開設したばかりで明確な用途が定まっているわけではないのですが、初心者のサポートや開発者同士の意見交換、不具合報告、コアに取り込みたい機能の提案などにお使いいただければと思っています。 チャットに参加するには、まず上記のURLからユーザー登録画面を行います。 メールアドレスを入力して GET MY INVITE を押下すると、入力したメールアドレス宛に招待メールが届くと思います。招待メール中のリンクを踏んでユーザー登録を行ってください。 登録が完了すると Welcome 的な画面が開かれて、画面左にメニューが現れると思います。 メニューの CHANNELS を押下するとチャンネル一覧が表示されますので、そちらから #japanese を選択してください。 するとチャットログが現れると思います。最
まえがき CakePHP では初心者の方を歓迎しています。 CakePHP の README.md に次のように書いてあるのをご存知でしたか? Our primary goal is to provide a structured framework that enables PHP users at all levels to rapidly develop robust web applications, without any loss to flexibility. Google 翻訳にかけるとこんな和訳になります。 私たちの第一の目標は、あらゆるレベルの PHP ユーザーが、柔軟性を損なうことなく堅牢な Web アプリケーションを迅速に開発できる構造化フレームワークを提供することです。 私たちは、 PHP を覚えたての初心者でさえ手早くアプリケーションを開発できる、そんなフレーム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く