You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは、らこです。 この記事はPascal Precht氏によるAngular 2 Change Detection Explainedを日本語訳したものです。 Angular 2を使う上で必修ともいうべき Change Detection に関する貴重な資料なので、許可をもらって日本語に訳しました。Thank you, Pascal! けっこう長いので、先に要点だけ書いておきます。できれば全部読んで、原文も読んで、スライドも見てください。 レンダリングとはモデルをDOMに可視化することである Change Detectionとはモデルの変更を検知し、UIに反映することである モデルの変更を引き起こすのは常に非同期的な処理の結果である Angularはあらゆる非同期処理の後にChange Detectionを行う(Zoneを使って) 変更を検知する際にはオブジェクトの参照が変わったかど
こんにちは、@laco0416です。本稿はAngular2 Advent Calendarに向けた記事として執筆しています。 なお、本稿の執筆時点でのバージョンはAngular2 alpha-48です。本稿にはサンプルコードがないので影響がないのですが、alpha-48にはいろいろと致命的なバグがあるので、実際にいろいろ試すのであれば49で修正されるまでは47を使ったほうが良さそうです。 はじめに 本稿ではAngular2がデータバインディングの変更検知に利用している Change Detection という内部機構について解説しますが、その前にAngularJS (1.x系)時代の変更検知と、Angular2が乗り越えなければならない課題についておさらいすることとしましょう。 なお、こちらの「AngularJS の $watch, $digest, $apply について書く」というブロ
TypeScriptの進化の道のりとバージョン2.0の新機能(型システム編):特集:TypeScript 2.0概説(1/3 ページ) 2016年9月にTypeScript 2.0がリリースされた。本稿では、これまでのTypeScriptの進化の過程とバージョン2.0で導入された新機能を見てみよう。
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
・JavaScriptへコンパイル tsc [ファイル名] ・node.jsで実行 node [コンパイル後のファイル名] コメント ・1行コメント // ・複数行コメント /* */ 変数の宣言 ・型指定なし var x = 10 ・型指定あり var x : number = 10 列挙型 ・列挙型の定義 enum Signal { Red, Blue, Yellow } ・アクセス Singal.Red ==> 0 Signal['Blue'] ==> 1 Signal[2] ==> Yellow 関数 ・返り値なし function sayHello(): void { console.log("Hello!") } ・返り値あり function add(a: number, b: number): number { return a+b } ・オプション引数 function
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の追加を行い、エラー時に色を変えたり、メッセージを表示する方法をまとめました。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認) ※目次をクリックすると目次の下部にコンテンツが表示されます。 1.FormsModuleのインポート 2.NgModelディレクティブを使ったシンプルなフォーム作成例(バリデーションチェックなし) 3.バリデーションチェック、動的にCSS追加 4.フォームの作成方法 5.デモ Angular2のフォームの機能を使用する場合、別途フォームのモジュールをインポートする必要があります。 一般的なAngular2のフォーム機能を使用する場合、FormsModuleをインポートします。 ※ダイナミックフォームを使用する場合は、Rea
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
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.
すべて 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 計画の優先順位ではなく目標の優先
こんにちは、王です。 みなさん、「RxJS」をご存知でしょうか? すごく大雑把に言うと、RxJSとは非同期処理(マウスクリックなどのイベントベースの処理も含める)をするときに超絶便利なライブラリです! イメージしやすいように「便利」とは言いましたが、決して「便利」という言葉ではおさまらないくらいのインパクトがあると思います。ちょっとした「イノベーション」に近い感覚です。 今回は、RxJSを全く知らない初心者でもとっつきやすいように説明してみたいと思います。少し記事が長くなりますが、最後までお読みいただければ幸いです! 目次 ReactiveXについて 非同期処理の問題点 RXと「Observerパターン」 ウォーミングアップ イベントを配列のように操る? Stream(ストリーム) ストリームを操作する「オペレーター」 オペレーションチェーン ObserverとObservable Col
【わかりやすい】RxJSで始める関数リアクティブ・プログラミング 0.前置き 本投稿は関数リアクティブプログラミングの入門記事です。関数リアクティブプログラミングの概念、その目指しているものを伝えるにはある程度、分量が必要でした。私は数学者ではないですので、技術の一利用者としてできるだけ分かりやすく書きました。少し長いですが、お付き合いいただければ幸いです。 今、リアクティブ・プログラミングがブームです。ただリアクティブ・プログラミングを使うには考え方を学ばなくてはいけません。また、向き不向きも学ばなくてはなりません。関数リアクティブ・プログラミングを使うと時にはソースコードが長くなることもあります。ごくごく簡単なプログラミングについて、私もこちらの記事と同じようにリアクティブ・プログラミングまではいらないと私も思っています。 しかし、世の中Aをする、Bをするといった簡単なプログラムばかり
はじめに 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の概要 今年リリースされる予定の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
※ 2017/04/13 追記 本記事で和訳した手法より、scl-utilsパッケージに含まれるscl_sourceコマンドを利用した方がよさそうです。 $ cat /etc/profile.d/enablepython33.sh #!/bin/bash source scl_source enable python33 注意: この方法で設定した場合、コレクションを後から無効化できません。 参考URL: http://qiita.com/yunano/items/eb1a052d1663a0078e57 https://access.redhat.com/ja/solutions/2112231 ※ 2017/04/13 追記終了 SCLはRHEL/CentOSで最新のプログラミング言語やデータベースを利用するための仕組みです。 SCLでインストールされたパッケージを利用するには以下のよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く