JavaScript Primerを出版しました！/JavaScript Primerはなぜ書かれたのか？
この3つの原則は書籍の構成にも現れています。 第一部の基本文法で「書き方」を学び、第二部のユースケースで「作り方」を学べるようになっています。 「学び方」は、章としてではなく全体的な流れとして取り入れることにしました。 なぜなら、「学び方」自体は学びたいことによっても異なる方法を取る場合があります。 そのため、「学び方」で個別の章とするよりは、他の章で「書き方」や「作り方」と一緒に見たほうがよいと考えたためです。 たとえば、基本文法などの学び方にはMDNのようなリファレンスサイトを見たほうがいいし、 アプリケーションの作り方は実際のサイトなどを参考にしたほうがよいためです。 第一部と第二部がどのように書かれたのかをざっくりと振りかえってみます。 第一部: 基本文法 第一部: 基本文法はJavaScriptの基本的な文法について扱っています。 プログラミングの入門書で文法については避けること
Angular2のDIを知る - Qiita
Injectする側 これをComponentでDIします。DIするにはComponentのprovidersプロパティにDIしたいクラスを指定し、コンストラクタでそのクラスの引数を取ります。 import {Component} from 'angular2/core' import FooService from "./fooService"; @Component({ selector: 'my-app', providers: [FooService], template: ` <div> <h2>Hello {{name}}</h2> </div> `, directives: [] }) export class App { constructor(private fooService: FooService) { this.name = fooService.say(); }
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」とよく言われますが、これは型(型アノテーションに使われているクラス)がトークンになっています。 このトークンはクラス
Marginalia
すべて Tech Idea Diary 2024-07-03 読んだ本 2024-Q2 Diary読書 2024-07-03 Angular: v18.1で @let 構文が追加される TechAngularTypeScript 2024-06-26 WebブラウザにおけるOpenTelemetryの自動計装PoC: Trace via Service Worker TechWebOpenTelemetryService Worker 2024-06-23 Cloudflare Image Transformationで画像最適化した TechCloudflareBlog DevAstro 2024-06-20 Angular: Rendering EffectsとBusiness Effects TechAngularSignals 2024-06-14 計画の優先順位ではなく目標の優先
A Way for Happy Angular Days
TOPGATE, Inc. I 💖 Google / 🍺 / Anime TypeScript/Golang Angular2 Info https://ng2-info.github.io Agenda FAQ and Misunderstanding Angular 2 Fundamental Things to Learn Angular 2 FAQ and Misunderstanding the Fact Q. "AngularJS 2?" "Angular JS 2" "Angular" contains ... Framework library Browser/Web Worker/Electron/Native/... Server-side CLI ... "Angular" = Platform Q. "I MUST learn TypeScript?" yo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
laco's blog