タグ

ブックマーク / bashalog.c-brains.jp (2)

  • 【JavaScript】デザインパターンを知ってみる。モジュール・パターン編 | バシャログ。

    JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。 なぜ使うの? モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。YUI などの大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります。 グローバル変数を極力減らして、機能をモジュールの形で提供できる。 コードの成長に合わせて構造を作れる コードを見通しやすくする 要件に応じて追加、置き換え、削除ができる シンプルな書き方 Sample というオブジェクトを作って、いろいろ便利な機能をつけていきたい、という場合、下記のような書き方ができます。 var Sample = { name: 'sampleくん', age: '30',

    【JavaScript】デザインパターンを知ってみる。モジュール・パターン編 | バシャログ。
    susanne
    susanne 2014/03/25
  • jQuery Countdown を使ってカウントダウンタイマーを表示する | バシャログ。

    ハッピーバースデートゥーミー!今日が誕生日のinoueです。 さて、診断テストのような入力フォームを表示する場合、時間制限を設けたい場合があります。 そういったページに「あと〇〇分」というカウントダウン表示を簡単に追加できるjQueryプラグイン 『jQuery Countdown』を今回紹介します。 概要 jQuery Countdown 使い方は上記のサイトのトップページを見ればすぐわかります、というくらい非常に簡単かつオプションも豊富。 多言語対応もすでにされています。 例えば、id:timeCount の要素に liftoffTime までの残り時間を 時分秒(=HMS)で表示したい場合は次のように記述します。 $('#timeCount').countdown({until: liftoffTime, format: 'HMS'}); サンプル:今から20分後までのカウントダウン

    jQuery Countdown を使ってカウントダウンタイマーを表示する | バシャログ。
    susanne
    susanne 2013/12/16
  • 1