angular2を使っていて、 とても悩ましく思うことが多々あります。 そのうちの１つは 実現可能な実装方法が複数ある中で どの方法を選択するのかという悩みです。 これはプログラミングする上では当たり前の悩みですし、 どの方法を選択するかは腕の見せ所で…

こんにちわ、 ゼットンです。 今日はangular2のディレクティブを 作ってみましょう。 ディレクティブについて簡単に説明すると、 HTML要素に対して修飾や振る舞いの変化を 与えるものです。 口で説明するより 実際にやってみた方が早いので 早速手を動かして…

こんにちわ ゼットンです。 ng-bootstrapの導入 今回は、angular2のプロジェクトにbootstrapを導入してみます。 手順としては １．npmインストール ２．バンドルの中へ含まれるようにする ３．アプリ内でグローバルに使えるようにする という感じ。 1. npmイ…

こんにちわ ゼットンです。 前回はangular2の組み込みパイプについて 扱いました。 今回のテーマはカスタムパイプです。 カスタムパイプ カスタムパイプとは 独自に定義したパイプです。 例えば前回UpperCaseパイプやDateパイプを 使ってサクッと表記の変更…

前回はコンポーネントの追加について、 お話しました。 ひな〜〜おいたんはゼットンだよ〜 本日はパイプを使ってみるよ〜 組み込みパイプ パイプとは何かと言いますと 文字列や数字を整形する機能、とでも言いましょうか。 実際に使って見せた方が早いので …

ゼットンです。 前回は自動生成されたソースを見ながら Componentについて説明しました。 今回はここに新たなコンポーネントを追加してみます。 Componentの追加 src>appフォルダにchild.component.tsというファイルを 追加します。 中身は下記のようにしま…

ゼットンです。 前回はangular2入門【環境構築編】をお送りしました。 今回は【コンポーネント編】です。 前回、Hello worldならぬapp works!という１文が表示できましたが、 正直「へー」って感じだったと思います。 とりあえず下記のようなディレクトリ構…

ゼットンです。 ひょんなことからangular2の講師をすることになってしまいました。 まだangular2を触り始めて3ヶ月なのに・・・。 正式リリースしてからまだ一ヶ月も経ってないのに・・・！ 苦しかった破壊的変更の嵐・・・ なのに奴らときたらもうバージョ…

RiotJS良いですよ。 自由度が高いためエンタープライズには向かない印象だけど 気軽にサクッとアプリを作るには良さそう。 JQueryを始め、いろんなJSライブラリと組み合わせやすいし なんといっても軽量なのでCordovaと組み合わせるには良いかも。 そんで、…

ただのアニヲタがひょんなことから フロントエンドエンジニアとして生きて行くことになりました。 とりあえず、備忘録としてブログを立ち上げてみた。 主に最近のフロントエンドの技術トピックと、 たまにアニメネタでも書いていこうかと思っています。 それ…