ブックマーク / qiita.com (7)

  • Angular2の開発環境を構築する - Qiita

    Angular2 の動作ファイル一式(プロジェクト)を作ってくれたり、テストやビルドなどをコマンド一つで実行できるAngular CLIをインストールします。 また、ひな形を作成しサーバーに設置して動作確認まで行います。 インストール Node.js Angular CLI を動作させるためには Node.js からv6.9以上のバージョンをダウンロードしてきてインストールします。 下記でインストールしたバージョンが表示されたら完了です。

    Angular2の開発環境を構築する - Qiita
  • Angular入門: http通信部分やテストを試す - Qiita

    概要 前回(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サーバーのエンドポイントは別のホストになることが有り得ます。 記事ではそのような配信

    Angular入門: http通信部分やテストを試す - Qiita
  • Angular入門: Component/ServiceをTestまで含めて試す - Qiita

    <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

    Angular入門: Component/ServiceをTestまで含めて試す - Qiita
  • Angular2 DOC GUIDEを翻訳する[DOCUMENTATION OVERVIEW] - Qiita

    Learning path - 学習方法 - ほとんどのページは独立しているので、ガイドをそのまま読み進める必要はありません。 新しくAngularを始める方には、次のようにガイドセクションを進めていく学習方法をお勧めします。 全体像を知るために、Architecture overview(英文)を読みます。 QuickStart(英文)を試してみてください。QuickStartはAngularの"Hello, World"です。その過程を通して、Angularアプリを書くために必要なライブラリやツールのセットアップ方法がわかります。 QuickStartではカバーしきれなかった点をフォローしてくれるTour of Heroes tutorial(英文)に従い、簡易的なテータ駆動型アプリを作成してください。そのアプリでは、格的なアプリケーションとして重要となる次の特徴を試すことができます

    Angular2 DOC GUIDEを翻訳する[DOCUMENTATION OVERVIEW] - Qiita
  • Angular2 DOC GUIDEを翻訳する[DEPENDENCY INJECTION] - 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年11月22日時点の翻訳です。翻訳者はTOEICで700点くらいの英語力なので、英訳が間違っている可能性があります。しかもかなり意訳している箇所もあります。もし意訳を通り越して、誤訳になっている

    Angular2 DOC GUIDEを翻訳する[DEPENDENCY INJECTION] - Qiita
  • CakePHP公式の日本語話者向けSlackチャンネル開設のご案内 - Qiita

    CakePHP公式の日語話者向けのSlackチャンネル(チャットルーム)が開設されました。 まだ開設したばかりで明確な用途が定まっているわけではないのですが、初心者のサポートや開発者同士の意見交換、不具合報告、コアに取り込みたい機能の提案などにお使いいただければと思っています。 チャットに参加するには、まず上記のURLからユーザー登録画面を行います。 メールアドレスを入力して GET MY INVITE を押下すると、入力したメールアドレス宛に招待メールが届くと思います。招待メール中のリンクを踏んでユーザー登録を行ってください。 登録が完了すると Welcome 的な画面が開かれて、画面左にメニューが現れると思います。 メニューの CHANNELS を押下するとチャンネル一覧が表示されますので、そちらから #japanese を選択してください。 するとチャットログが現れると思います。最

    CakePHP公式の日本語話者向けSlackチャンネル開設のご案内 - Qiita
  • Oven を使って CakePHP3 をワンクリックでインストールする

    まえがき 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 を覚えたての初心者でさえ手早くアプリケーションを開発できる、そんなフレーム

    Oven を使って CakePHP3 をワンクリックでインストールする
  • 1