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
ngResource はどうやって値を埋めているのか ngResource は AngularJS で RESTful API を call する際につかえるクライアントライブラリだが、これがなかなかマジカルな動きをする。 具体的には、以下のようなコードがなぜか動く。HTTP リクエストが実行された後で $scope.entries にいい感じにレスポンスがうまっているのだ。 $scope.entries = $resource(‘/entry’).query(); 通常なら動かなそうなコードだ。なぜこれが動いてしまうのか。 なぜ動くのか $scope.entries = $resource(‘/entry').query(); のとき、ngResource の内部では以下のようなことが起きている。 $scope.foo = (function () { // 空の配列を作る var va
2013-11-05:A kind fellow named Ilya informed me that {}+foo is probably parsed by JavaScript as {};+foo. To mitigate the issue, all operations are now being wrapped in parentheses before evaluation (e.g. ({}+foo).)
Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは
Tero Piirainen • 2013-11-01 An incredibly fast, powerful yet tiny client side library for building large scale web applications. Riot.js is a client-side Model-View-Presenter (MVP) library that weighs less than 1kb. Despite the small size, all the building blocks are there: a template engine, router, event library and a strict MVP pattern to keep things organized. On a finished application the vie
Facebookをはじめチャット系のソフトウェアで良くあるのですが、現在のタブでチャットしていると特に何も通知は出ないのに別タブを開いていると音を出したりタイトルを変化させたりする機能があります。 あれはどうやっているのかなと思っていたのですが、Ifvisible.jsを簡単に実現できそうです。ついでに(?)操作せずに放置した場合の感知も可能です。 使い方は簡単で、ifvisible.jsを読み込むだけで良いようです。 <script src="ifvisible.js"></script> デモ。何も操作をしないとタイマーがどんどん進んでいきます。 後は指定時間(デフォルトでは60秒)放置したタイミングでidleがコールされます。 ifvisible.idle(function(){ // 何か処理 }); アイドルになりました。 アイドル状態になった後マウスを動かしたり、キー入力を行う
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim(or 相当の処理)。 JPEGはプログレッシブで画質60くらい(オレ目安) PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
選択しているのが2つかどうか Validettaは、以下の項目がチェックできます。 データが空かどうか。 電子メールのチェック。 数字のチェック。 クレジットカード番号のチェック。 フィールド内の文字数のチェック。 チェックボックスやセレクトボックスの選択数のチェック。 2つのフィールドが同じかどうか。 正規表現を使ったフィールドのチェック。 Validettaの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
About ContextJS is a lightweight solution for contextual menus. Currently, there are two versions. The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it's base styles. Features Linted: Valid JS Can be used with or without Twitters Bootstrap.css Event Based Links Anchor Links
JVFloat.jsはHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 HTML5で実装されているplaceholder要素はあらかじめどういったデータを入力すれば良いか分かるのでユーザビリティが高くなります。しかしより優れたユーザビリティを目指すならJVFloat.jsを使ってみても良さそうです。 デモ。最初にtestとplaceholderが入っています。 入力を開始するとplaceholderが上に移動しました。 メールアドレス入力でも同じようになります。 JVFloat.jsが行っているのはplaceholderに入っている文字列をそのままラベルにしてくれるという操作です。アニメーション付きなのでユーザの戸惑いも少ないでしょう。 注意点としてはplaceholderの文字そのままなので、入力例を表示する形では違
What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eag
この記事は abicky.net の Perl 初心者がとある JavaScript コードを読むための基礎知識 に移行しました
README.md 勤怠アプリ 日々の勤怠入力を行う事ができるWebアプリです。 メール本文にCSV形式でのデータを出力する事も可能です。 特徴 データはlocalStorage (WebStorage) に保存されます。 Application Cacheにより、オフラインでも利用できます。 iOSでホーム画面にブックマーク(ウェブクリップ)するとネイティブアプリのように利用できます。 Firefox系ブラウザで表示した場合、インストールが可能です。 デモ 勤怠アプリデモページ (IEでは現在正常に表示されません) 使用方法 設定ボタンで名前、通常の勤務時間等の入力が可能です。 日付のリストをタッチする事でタッチした日付の勤怠の登録・削除を行います。 (初期表示として設定画面の内容が表示されます。) 設定画面、登録・削除画面は、画面以外の場所をタッチする事で閉じる事ができます。 前
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く