AngularJSで、ディレクティブを使ってイベントリスナーを設定する方法を解説。また、イベントリスナーにイベントオブジェクトを渡して参照する方法も説明する。
AngularJSで、ディレクティブを使ってイベントリスナーを設定する方法を解説。また、イベントリスナーにイベントオブジェクトを渡して参照する方法も説明する。
前回の続きです。 今回はDirective(ディレクティブ)についてです。 ngModelやngRepeatなどを既に使っているのでディレクティブがどんなものかは大体分かっているかと思います。 ビルドインのディレクティブ一覧 => http://docs.angularjs.org/api/ng#directive なので早速ですがディレクティブを作ります。 単純なディレクティブ レイアウトを持たず、動作を追加するディレクティブを作ってみます。 ちょうどTwitter Bootstrapが雛形に使われているので、リンクにツールチップを追加します。 <p> <input type="text" ng-model="world"> <span ng-click="addFramework(world)" class="btn btn-primary">Add</span> </p> <p>He
เว็บสล็อตโรม่า joker123 PGSLOT เป็นทางเลือกที่น่าเชื่อถือ pgslot สำหรับผู้เล่นที่ต้องการความมั่นใจในการเดิมพันออนไลน์ ด้วยระบบความปลอดภัยระดับสูงและการตรวจสอบอย่างเข้มงวด คุณสามารถวางใจได้ว่าทุกการเล่นของคุณจะเป็นไปอย่างยุติธรรมและโปร่งใส เว็บไซต์นี้ได้รับการรับรองจากหน่วยงานที่เกี่ยวข้อง ทำให้คุณหมดกังวลเรื่องการโกงได้อย่างสิ้นเชิง เว็บสล็อตโรม่า joker123 สล็อตโรม่า นอกจากนี้ ทีมงานมืออาชีพพร้อมใ
GulpとかGruntとか「タスクランナー」って聞くとだいぶ敷居がたけえなって感じていた私。 「色々何でもタスクにしてGulpとか使うとめっちゃはかどるよ!!」 って言われても色々何でもって・・・覚えること多そう・・・ ってなってずっと敬遠してたんですがこのたび重い腰をあげて、 ようやっと手をだしてみたのでまとめます。 同じように感じていた人が使ってみてうおーってなってくれるとうれしい。 なるべく分かりやすくgulpがどんな感じのものか手順をまとめたつもりなので、 上から順番に手元で動かしながら試してみてもらえばと。 とりあえずやってみたこと(gulpにどんなタスクを実行させたか) CSSとかJSとかを更新するとブラウザが自動的に更新される。 CSS・JSを編集して、ブラウザに切り替えて、F5押して・・・っていう作業をしなくてよくなります。 CSS・JSファイルを圧縮する。 ファイル容量が
gulp-watch + gulp-notify + browser-sync で開発効率アップを図る - Gulp で作る Web フロントエンド開発環境 #2 wakamsha 前回の記事では Gulp を使って SCSS (Sass) をコンパイルしたり Bourbon フレームワークを使えるようにするタスクを作成しました。今回はそれを元に以下のパッケージを導入して開発効率のアップを図りたいと思います。 gulp-watch gulp-plumber gulp-notify browser-sync サンプルコードはこちらからどうぞ。 wakamsha/try_gulp gulp.watch でファイルの更新を監視してタスクを実行 SCSS ファイルを編集して保存したタイミングでコンパイルタスクを実行するようにします。といっても Grunt と違って Gulp にはgulp.watc
便利なGruntの弱点を補うgulp.jsのインストールと使い方:gulp.jsで始めるWeb開発爆速自動化入門(2/3 ページ) gulpとGruntの比較、3本勝負! gulpとGruntはその経緯から非常によく比較されますが、具体的にはどの辺りが違うのか説明していきます。 【1】タスク定義方法 GruntはJSON形式を用いて「宣言的」にタスク定義を記述していきます。これはこれで理解しやすいのですが、タスク定義が多くなってきた場合や詳細なタスク制御を行いたい場合、タスク同士の関連が分かりにくくなってしまいます。 これに対してgulpは、「手続き的」な方法で設定ファイルを記述します。一般的には、こちらの方が細かな制御がしやすく、シンプルな記述が可能になっています。 先ほどはgulpでコピーを実行するタスクを定義してみました。そのタスクと同じ処理をGruntで行う場合のGruntfile
ここのところのgulpの勢いに負けて、自分もついにGruntからgulpに移行しました。gulpはGruntと同様フロントエンド開発用のタスクランナーです。最初はGruntとそれほど変わらないだろうと思っていましたが、タスクを書いてみるとその違いがすぐにわかりました。シンプルに書けるだけでもgulpはかなり良いです。今回、自分の理解を深めるついでに基本的なタスクの書き方をまとめてみました。 gulpの特徴まずgulpの特徴を簡単に書いていきます。 ストリーム: gulpは、「the streaming build system」と言われているようにNode.jsのストリーム(ファイルのパスとファイルの中身の情報を持ったオブジェクト)を使って処理を行っていきます。そのため中間ファイルを生成することなくタスクが実行されていくため高速に処理がなされます。並列処理: さらにgulpは、処理が一つ一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く