TypeScript Tutorial
TypeScript Basics TypeScript - Home TypeScript - Roadmap TypeScript - Overview TypeScript - Environment Setup TypeScript - Basic Syntax TypeScript vs. JavaScript TypeScript - Features TypeScript - Variables TypeScript - let & const TypeScript - Operators TypeScript Basic Types TypeScript - Types TypeScript - Type Annotations TypeScript - Type Inference TypeScript - Numbers TypeScript - Strings Typ
日本語訳：Angular 2 Change Detection Explained - Qiita
こんにちは、らこです。 この記事はPascal Precht氏によるAngular 2 Change Detection Explainedを日本語訳したものです。 Angular 2を使う上で必修ともいうべき Change Detection に関する貴重な資料なので、許可をもらって日本語に訳しました。Thank you, Pascal! けっこう長いので、先に要点だけ書いておきます。できれば全部読んで、原文も読んで、スライドも見てください。 レンダリングとはモデルをDOMに可視化することである Change Detectionとはモデルの変更を検知し、UIに反映することである モデルの変更を引き起こすのは常に非同期的な処理の結果である Angularはあらゆる非同期処理の後にChange Detectionを行う(Zoneを使って) 変更を検知する際にはオブジェクトの参照が変わったかど
Angular2のChange Detectionについて - Qiita
Scope.$applyメソッドは、さきほど$watchメソッドで追加した監視対象を実際にチェックします。そして、watch式の結果が変わっていれば、先ほどの$watchメソッドの第2引数のコールバックが呼び出されます。 まとめると、はじめの例は次のような流れで入力されたデータがDOMに反映されています。 input要素に変更を加える ng-modelがinput要素のイベントを受け、$scope.textを変更し、$scope.$applyを実行する。 スコープに登録されたすべての$watch 式を評価する {{text}}の$watch式の結果が変わっている {{text}}の$watch式のコールバックが呼び出される コールバック内でDOMが更新される もう一度スコープに登録されたすべての$watch式を評価する すべての$watch式が前回と同じ結果を返すので終了する ここでポイン
TypeScriptの進化の道のりとバージョン2.0の新機能（型システム編）
TypeScriptの進化の道のりとバージョン2.0の新機能（型システム編）：特集：TypeScript 2.0概説（1/3 ページ） 2016年9月にTypeScript 2.0がリリースされた。本稿では、これまでのTypeScriptの進化の過程とバージョン2.0で導入された新機能を見てみよう。
Custom Validators in Angular
Forms are part of almost every web application out there. Angular strives for making working with forms a breeze. While there are a couple of built-in validators provided by the framework, we often need to add some custom validation capabilities to our application’s form, in order to fulfill our needs. We can easily extend the browser vocabulary with additional custom validators and in this articl
Home - An-Gular 2Learn
Increase warehouse efficiency and reduce costs with our cutting-edge warehouse tracking system. Discover how our indoor navigation and asset tracking solutions can optimize your logistics processes. NetSuite is a cloud-based company management system designed to aid businesses in streamlining and unifying various aspects of their operations. It serves as a one-stop platform for handling customer i
Angular2でフォームのバリデーションチェック、動的にCSS追加 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
Angular2でフォームのバリデーションチェック、動的にCSSの追加を行い、エラー時に色を変えたり、メッセージを表示する方法をまとめました。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認） ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．FormsModuleのインポート ２．NgModelディレクティブを使ったシンプルなフォーム作成例（バリデーションチェックなし） ３．バリデーションチェック、動的にCSS追加 ４．フォームの作成方法 ５．デモ Angular2のフォームの機能を使用する場合、別途フォームのモジュールをインポートする必要があります。 一般的なAngular2のフォーム機能を使用する場合、FormsModuleをインポートします。 ※ダイナミックフォームを使用する場合は、Rea
ng-contentを使ってみる - Qiita
ng-contentとは componentの中に外から要素を注入したいときに使います。angular1でいうところのngTranscludeに近いですね。 とりあえず子要素を注入してみる とりあえず子要素を突っ込むには、突っ込みたい位置に<ng-content></ng-content>を置きます。それだけです。 @Component({ selector: 'foo', template: ` <ng-content></ng-content> `, }) export class Foo { } @Component({ selector: 'bar', template: ` <section> <h3>tag selector(foo)</h3> <ng-content select="foo"></ng-content> </section> <section> <h3>tag
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Marginalia
すべて Tech Idea Diary 2024-10-30 GDG DevFest Tokyo 2024で本屋をやります（ぜひ来てください） Diary本屋GDE 2024-10-29 Angular v19: resource() の解説 TechAngularSignals 2024-10-28 Angular v19: linkedSignal() の解説 TechAngularSignals 2024-10-09 Angular v19: effect() の変更点 TechAngularSignals 2024-10-02 lacolacoユーザーの声を募集しています Diary 2024-10-01 読んだ本 2024-Q3 Diary読書 2024-09-28 『SREをはじめよう』（オライリー・ジャパン）を献本いただきました Diary読書SRE 2024-09-25 A
「RxJS」初心者入門 - JavaScriptの非同期処理の常識を変えるライブラリ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。 みなさん、「RxJS」をご存知でしょうか？ すごく大雑把に言うと、RxJSとは非同期処理（マウスクリックなどのイベントベースの処理も含める）をするときに超絶便利なライブラリです！ イメージしやすいように「便利」とは言いましたが、決して「便利」という言葉ではおさまらないくらいのインパクトがあると思います。ちょっとした「イノベーション」に近い感覚です。 今回は、RxJSを全く知らない初心者でもとっつきやすいように説明してみたいと思います。少し記事が長くなりますが、最後までお読みいただければ幸いです！ 目次 ReactiveXについて 非同期処理の問題点 RXと「Observerパターン」 ウォーミングアップ イベントを配列のように操る？ Stream（ストリーム） ストリームを操作する「オペレーター」 オペレーションチェーン ObserverとObservable Col
【わかりやすい】RxJSで始める関数リアクティブ・�プログラミング - Qiita
【わかりやすい】RxJSで始める関数リアクティブ・プログラミング 0.前置き 本投稿は関数リアクティブプログラミングの入門記事です。関数リアクティブプログラミングの概念、その目指しているものを伝えるにはある程度、分量が必要でした。私は数学者ではないですので、技術の一利用者としてできるだけ分かりやすく書きました。少し長いですが、お付き合いいただければ幸いです。 今、リアクティブ・プログラミングがブームです。ただリアクティブ・プログラミングを使うには考え方を学ばなくてはいけません。また、向き不向きも学ばなくてはなりません。関数リアクティブ・プログラミングを使うと時にはソースコードが長くなることもあります。ごくごく簡単なプログラミングについて、私もこちらの記事と同じようにリアクティブ・プログラミングまではいらないと私も思っています。 しかし、世の中Aをする、Bをするといった簡単なプログラムばかり
ReactやwebpackもサポートしたRails 5.1の新機能・変更点 - Qiita
はじめに 2016年のバージョン5.0のリリースに引き続き、2017年の春にRuby on Rails（以下Rails）のバージョン5.1がリリースされました。 Rails 5.0は、APIモードやAction Cableなど、APIやWebSocket周りの新機能を中心としたリリースでしたが、Rails 5.1は、React / Vue.js / webpack / Yarn（npmパッケージ）のサポートなど、フロントエンド周りの新機能を中心としたリリースとなりました。 本記事では、GitHubのRailsプロジェクトのIssuesやPull Requestsの履歴、Railsの公式ブログの記事をもとに、Rails 5.1の主要な新機能・変更点の紹介を行います。 ※ 他のバージョンのRailsの主要な新機能・機能追加・変更点については以下を参照してください。 今から知っておきたいRail
Sprockets 4について - Qiita
Sprockets 4の概要 今年リリースされる予定のRuby on Rails 5.1にはフロントエンド周りに関する多くの変更が予定されていますが、現在ベータ版のSprockets 4にも大きな機能追加と変更が行われています。 Sprockets 4は、以下のような新しい機能を持っています。 ソースマップ BabelによるES6 (ECMAScript6/ES2015)のサポート npm管理下のアセットのサポート 本記事はすでにSprocketsについてある程度知っている、Railsなどで使ったことがある読者を対象としています。 アップグレード 以前のバージョンであるSprockets 3.xは、Sprockets 4.xへの橋渡しとなるバージョンで、それ以前のバージョンで使えていた多くの機能が非推奨となっています。これらの機能は4.xでは削除されて使用できなくなっているので、Rails
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Coding guidelines
Rangle.io : Angular Training
TypeScript チートシート - Villcredoブログ
Angular 2 Series - Part 5: Forms and Custom Validation
Rangle.io : Angular Training
Rx逆引き