AngularのLifecycle Hooksを理解する
Angularのコンポーネントやディレクティブには Lifecycle Hooks（ライフサイクルフック） という仕組みがあり、コンポーネントの変化にあわせてコールバックを設定できます。これによりコンポーネントのデータやビューの変更時の処理を追加できます。 コンポーネント志向のAngularアプリケーションの構築では、Lifecycle Hooks の理解が不可欠です。 今回は Lifecycle Hooks の基本的な仕組みを紹介します。 Lifecycle Hooksとは 記事の冒頭でも説明したように、Lifecycle Hooks はコンポーネントやディレクティブが変化（作成・変更・破棄）するタイミングで実行されるコールバックメソッドの総称です。 例えば、次のようなケースで利用します。 コンポーネントの初期化時にHttpクライアントでデータを取得する。親コンポーネントの初期化時に、子
Riot.jsによる再利用しやすいコンポーネントの作り方 - Qiita
Riot.jsは単純な仕様のため、複合したHTMLタグとJavaScript機能を持ち合わせた、いわゆるコンポーネントが非常に作りやすい。 今回実際作成したコンポーネントの解説を通して作りやすさを感じてもらい、Riotの普及活動に繋げたい。 再利用しやすいコンポーネントとは これには諸説あると思うが、自分が思うに「利用したくない」と思われるコンポーネントは再利用されない。 自分が利用したくないコンポーネントは 使い方が複雑 依存関係が複雑 カスタマイズできない。もしくはしづらい 見た目がかっこわるい なので、これらの逆をつけば再利用しやすくなるのではと考える。 作ったもの 手書き入力した内容を自動認識し、変換された文字列を返せるもの → <input type="text">の代替として利用可能なもの 仕様としては タッチもしくはマウス操作で手書きすると右下に認識した文字列を表示し、Jav
Riot.js と Atomic Design ではじめるテクニカルクリエイター｜Technical Creator Hub
紫竹佑騎 2010年新卒入社。アメーバのサービスやソーシャルゲーム数タイトルのサーバーサイドを担当。著書に「Web制作者のためのGitHubの教科書」。BaPA１期生。 7月頃リリースされた AMESTAGE の Web 版を担当している 紫竹 です。 AMESTAGE は"芸能人とあそべる生放送"と銘打ったサービスでして、芸能人の放送する番組に対してコメントしたりギフトを贈ったり、クイズなどのコーナーに回答して一緒にあそんだりできます！！是非放送を見てみてくださいね＾＾ AMESTAGE 今回はこの AMESTAGE で利用した Riot.js というライブラリを使って、Web 開発しやすいコンポーネントをデザインの時点からワンストップで行うことができる手法をご紹介したいと思います。 俺がテクニカルクリエイターだ！ ↑これは言ってみたかっただけなんですが簡単に自己紹介をすると、僕は
Riot.js で Atomic Design しながら AMESTAGE 作った話
Riot.js + Web Components + Atomic Design は優勝！ #Riot.js #AtomicDesign #WebComponents #AMESTAGE
Angular2の実践的なビューの作り方(Abstract Classを使う) - Mainly Devel Notes
Angular2, TypeScript, Abstract Class, RxJS 【更新】Angular2 rc.0に対応しました。記事の内容とは異なる部分がありますのでご留意下さい。 Angular 2 Advent Calendar 2015の10日目です。 前提環境などは昨日と同じなので、先に軽く目を通しておいていただければと思います。当然TypeScriptが大前提です。 昨日→初心者がAngular2で嵌まったり解決したりサンプルコード書いたりしてみた。 今日は何のために、どういうメリットのためにクラスを継承(extends)するのかに焦点を当てます。 想定する対象読者は↓ 何のためにクラスの継承をするのかよくわからない。 DogやCatがAnimalを継承したら何がウマいのかわからない。 Abstract Classを継承することの意義がわからない。 Abstract Cl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Here is what you need to know about dynamic components in Angular | HackerNoon
