タグ

2014年12月10日のブックマーク (11件)

  • ko.computedとko.pureComputed - 418 | I'm a teapot

    これはKnockoutJSアドベントカレンダー5日目の記事です。 KnockoutJS Advent Calendar 2014 - Qiita 依存性の追跡(トラッキング)は ko.observable / ko.observableArray と ko.computed の組み合わせで行います。 例えば、生まれた年(西暦)から現在の年齢を算出するのをKnockoutを使って書くと次のようになります。 <p>Enter your birth year: <input data-bind='value: birthYear' maxlength="4"/></p> <p>You're <strong data-bind='text: age'></strong> years old.</p> <script> function ViewModel() { var self = this;

    ko.computedとko.pureComputed - 418 | I'm a teapot
    JHashimoto
    JHashimoto 2014/12/10
    “上記のサンプルにあるようにko.computedの中で呼ばれるko.observable/ko.observableArray の値が変わるとko.computedが呼ばれます。逆にいうと値が変わらないと通知されないのですが、これを常に通知するように簡単に拡張できます。
  • ko.utils(その他)その2 - 418 | I'm a teapot

    これはKnockoutJSアドベントカレンダー10日目の記事です。 KnockoutJS Advent Calendar 2014 - Qiita 今日もまた Knockout の便利機能が入った ko.utils について適当に紹介します。 まだまだあるよ! 今日紹介するのは以下のメソッド。 ko.utils.domData.clear ko.utils.domNodeDisposal.cleanNode / ko.utils.domNodeDisposal.removeNode ko.utils.domNodeDisposal.addDisposeCallback ko.utils.parseHtmlFragment ko.utils.setHtml ko.utils.compareArrays ko.utils.setDomNodeChildrenFromArrayMapping 内

    ko.utils(その他)その2 - 418 | I'm a teapot
    JHashimoto
    JHashimoto 2014/12/10
    “knockoutは"今日もまた Knockout の便利機能が入った ko.utils について適当に紹介します。まだまだあるよ!”
  • Rails x CoffeeScript x KnockoutJSでWebサービス作った - Stocks and Flows

    今年の10月からあるスタートアップの立ち上げに参加していて、先日ベータローンチした。 自分はプログラミング初心者というわけでは全くないが、大学の専攻は農学部だし、それまで一人でサービスを一から作ってリリースしたこともなかったので、完全に独力でサービスを作りあげリリースするというのはかなりタフで、学ぶところが多かった。 この記事はKnockoutJS Advent Calendarの中の一記事として作成しているが、KnockoutJS単体というよりもRails x KnockoutJSでWebアプリを作った過程の記録としたい。 何を作ったのか 今回立ち上げた会社は、投資銀行出身の外国人(アラン)が金融機関向けのツールを作りたいということから始まったBtoBである。 彼が、East Venturesの衛藤バタラさん(mixi作った人)に話を持ちかけたところから始まった。で、ちょうどいい所にいた

    Rails x CoffeeScript x KnockoutJSでWebサービス作った - Stocks and Flows
    JHashimoto
    JHashimoto 2014/12/10
    “KnockoutJSを選ぶことにした。自分が選んだ理由ははっきりしていて、 ① Internet Explorer 8などの古めのブラウザにも対応している ② 機能が少なくて学習コストが低い ③ Railsアプリとの相性がよい この3つに集約される。”
  • [Knockout.js] ko.editables で ViewModel をロールバック/コミットしてみる - Qiita

    これは KnockoutJS Advent Calendar 2014 の9日目(12/9)の投稿です。 以前に sukobuto さんのこの記事(KnockoutJS の便利なプラグイン)を拝見し、ko.editables オモシロそうやん! と思ったので、この機に試してみました。導入手順から記載しますので、もし興味がある方は参考にしていただければと思います。 ちなみに Knockout.js ですが、薄いし学習コストも低いしで、さくっとWEB画面に動きをつけるにはオススメです。同じ MVVM のフレームワーク(ていうかライブラリ?)として Vue.js がありますが、これはレガシーブラウザに対応していないので、業務で Vue.js はまだ導入できないかな、という感じです。(Knockout.js はレガシーブラウザに対応しているので安心。) また自分の場合は、Knockout.js と

    [Knockout.js] ko.editables で ViewModel をロールバック/コミットしてみる - Qiita
  • Microsoft R Server now available for Academics and Students via DreamSpark - big data statistics, predictive modeling and machine learning capabilities - Microsoft UK Faculty Connection - Site Home - MSDN Blogs

    In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

    Microsoft R Server now available for Academics and Students via DreamSpark - big data statistics, predictive modeling and machine learning capabilities - Microsoft UK Faculty Connection - Site Home - MSDN Blogs
    JHashimoto
    JHashimoto 2014/12/10
    “要点をまとめるとたったひとつです。「特定プラットフォームでしか動作しないモジュールを作る場合には、必ずx86,x64などのオプションをつけてコンパイルすること」 ”
  • テスト全体の良い書き方について。 #swtest_jp - うさぎ組

    概要 テストをつくるときにどうやって書いたらいいのか困るという話をよく聞きます。とても簡単な例ですが、これをするだけでもずいぶんと違うという意味で、自分がよく使う例を書いてみます。(実際にはリスクベースドテストとして成立させるために更に項目を追加したものを使っています。ですが、基はこの形であり、ここにある考え方が重要だと思っています。 つまり、ツールを使えばもっと綺麗に出来るけど、まずはMarkdownでもExcelでもなんでもいいからやれる感じで整理できる方法というところです。 僕がこの考え方を気に入っているのは、プロジェクトのリスク管理手法とあまり違わないので、別にテストではなくて、例えば「こういった人が必要」とか「こういったツールがいる」とかになるという点です。 まとめすぎると「BDD-Styleに対して、リスクという親要素を加える」というくらいです。 構成のテンプレ 基的に3段

    テスト全体の良い書き方について。 #swtest_jp - うさぎ組
    JHashimoto
    JHashimoto 2014/12/10
    “ほとんどのテストはリスクベースドテストなんだから、テストの書き方からして、リスクベースドにするのが早いです。明確にしておかないと、なんのためのテストかわからない(わからなくなる)し、”
  • ASP.NET MVCでCamel CaseなJSONを出力する - xin9le.net

    ASP.NET MVCでWebアプリを開発しているときに非同期でサーバーからJSONを取得するのはよくあることだと思います。このとき、サーバー側は標準機能のJsonResultを利用してJSONの生成を行うのが定石ですが、.NETのクラスインスタンスのプロパティから名前と値をリフレクションで取得して自動で生成するため、(命名規則に従っていれば) JSONに出力されるプロパティ名はPascal Caseになります。以下のような感じです。 public class JsonController : Controller { public ActionResult Sample() { return this.Json(new { FamilyName = "Anders", FirstName = "Hejlsberg", Age = 53 }, JsonRequestBehavior.All

    ASP.NET MVCでCamel CaseなJSONを出力する - xin9le.net
    JHashimoto
    JHashimoto 2014/12/10
    “JSONに出力されるプロパティ名はPascal Caseになります。" "JavaScriptになりますが、こちらはCamel Caseが一般的な命名規則になっています。そのためインピーダンスミスマッチが発生して少々扱い辛い”
  • DapperのQuery<dynamic>()の戻りをASP.NET MVCのJsonResultでいい感じで返す - きよくらの備忘録

    エントリはASP.NET Advent Calendar 2014 4日目対応エントリです。 小ネタというか完全誰得ネタですが、割と悩んだのでメモがてら。 やりたいこと まとまりきらないタイトルであれですが、やりたいことはそのまんまです。 例えば以下のような結果のレコードを返すクエリをDBに発行したとします。 name age Taro 20 Jiro 25 このクエリ結果をこんな感じのJSON投げ返してやる、というのが目標です。 [ { "name": "Taro", "age": 20 }, { "name": "Jiro", "age": 25 } ] DapperのQuery()の戻りをそのまま返してみる では、実際にやってみます。 まずはDapperを使ってデータを取得して、そのままIList<dynamic>で返すメソッドを作ります。 private IList<dynami

    DapperのQuery<dynamic>()の戻りをASP.NET MVCのJsonResultでいい感じで返す - きよくらの備忘録
  • Visual Studio 2015の新機能をRTM版で見てみよう

    iOS、Androidとのクロスプラットフォーム開発 VS 2015では、クロスプラットフォーム開発が強化された。その多くは以前のVisual Studio 2013(以降、VS 2013)でも可能なことだったのだが、標準としてサポートされる意義は大きい。 その主要な項目を列挙すると、次の通り。 Visual Studio Tools for Apache Cordovaを使用してHTMLCSSJavaScriptでモバイルアプリ開発(日語記事、MSDN日語) Xamarin for Visual Studioを使用してC#で開発(MSDN) Visual C++ for Cross-Platform Mobile Developmentを使用してC++で開発(MSDN日語) Visual Studio 2015 Tools for Unityを使用してC#で開発(MSDN日

    Visual Studio 2015の新機能をRTM版で見てみよう
  • Node.jsでBrowserStack Automateを使ってテスト - Qiita

    BrowserStack とは BrowserStack とは、クロスブラウザ(OS含む)による動作確認を手軽に行える環境を提供しているサービスです。 例えば、BrowserStack 側のサーバで起動している各種ブラウザ環境を、こちらのブラウザから利用したりすることができます。 その中に Automate という、コードからその環境を利用できる仕組みがあり、今回はそれを Node.js から使ってみたいと思います。 当記事のゴール Travis CI 上で、 express アプリケーションを起動し、 mocha で書いたテストコードを使い、 BrowserStack Automate 環境で、 テストが出来ること。 BrowserStack アカウントを作成する まずはアカウントの作成が必要になるので、トップページ から道なりに登録してください。 メールアドレスとパスワードだけで登録で

    Node.jsでBrowserStack Automateを使ってテスト - Qiita
    JHashimoto
    JHashimoto 2014/12/10
    “BrowserStackとは、クロスブラウザ(OS含む)による動作確認を手軽に行える環境を提供しているサービスです。 例えば、BrowserStack 側のサーバで起動している各種ブラウザ環境を、こちらのブラウザから利用したりすること...”
  • 綺麗な動きになった!Web制作前に見ておきたいjQueryプラグインまとめ

    作成:2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー 1.スライドを立体的に切り替え 2.クリックで滑らかにページ遷移させる 3.背景にスライド、フルスクリーンで固定させる 4.横に移動するフルスクリーンスライド 5.キューブ系のスライドを表示 6.下方向へドラッグするとページを再読み込みする 7.要素を上下にフワフワ動かす 8.外部要素をクリックで表示 9.タイピングエフェクト 動作 10.サーチボックスを画面全体にオーバーレイさせる 11.デイトピッカー 12.ドラッグ&ドロップ 画像をアップロードする

    綺麗な動きになった!Web制作前に見ておきたいjQueryプラグインまとめ
    JHashimoto
    JHashimoto 2014/12/10
    1.スライドを立体的に切り替え 2.クリックで滑らかにページ遷移させる 3.背景にスライド、フルスクリーンで固定させる 4.横に移動するフルスクリーンスライド 5.キューブ系のスライドを表示 など。