technoshop

杉並区和泉のソフトウェアハウス、株式会社テラソフトの技術ブログです。主に.NET MVCとKnockoutJSの情報をまとめます。

Bootstrap

.Net MVC4 で KnockoutJS ~【応用編4】Knockoutの多層オブジェクトをWebAPIで一気にセーブ

こんにちは。ザクです。前回、けっこう手間をかけてセーブのためにモデルまわりの調整をしました。Knockoutで作成されたオブジェクトをMVC4のWebAPI経由でDBにセーブするための準備だったわけですが、ここまで準備できているとセーブの方はわりとさっくり出…

.Net MVC4 で KnockoutJS ~【応用編2】モーダルからビューモデルにデータを追加してみる

ザクです。ご無沙汰しております!仕事で更新がストップしてしまいました。前回はモーダル上で生徒が取っている科目と成績が見れるようにしました。演習では、EnumになっているGradeの値を成績らしくアルファベットに変換する問題を出したと思います。下がそ…

.Net MVC4 で KnockoutJS ~【応用編1】BootstrapモーダルをKnockoutから呼び出す(カスタムバインディング)

こんにちは。ザクです。今回から「応用編」に突入します。タイトル通り、Bootstrapをより便利に使うためにKnockout独特の利用方法を解説していきます。先に前回基礎編4で出した演習の答え合わせをしておきましょうか。 // Calculate GPA self.gpa = ko.comp…

.Net MVC4 で KnockoutJS ~【基礎編4】成績表を作ってみよう Part2

ザクです。前回はko.utils.arrayForEachとko.computedを組み合わせてエクセル関数的なself.totalcreditsという変数を作ってみました。全単位の合計は計算して表示することができましたが、肝心の成績表の部分がモックのままです。ここを仕上げてみたいと思い…

.Net MVC4 で KnockoutJS ~【基礎編3】成績表を作ってみよう(Bootstrapでデザインも!)Part1

ザクです。台風18号が来たため午前中は家で仕事してました。基礎編3回めです。Knockoutの練習に使えるエクセルっぽいものって何かなと考えていました。データが学校関連なので、成績表にしてみました。学生さんには、一肌脱いでもらうことになります。 Boot…

SimpleMembershipで認証と認可(BootstrapのNabvarにログインメニューも入れてみる)

ザクです。10月になりましたね。食べ物が美味しいです。.Net MVC4で認証(Authentication)と認可(Authorization)をやるために、SimpleMembershipをプロジェクトに組込しました。結構面倒くさかったですね。しかし、一度、これをやっておけば認証と認可はS…

BootswatchでBootstrapをオシャレに変身~♪

こんにちは。ザクです。緑で坊主のやつです。 前回の記事では、.Net MVC4アプリケーションにBootstrapをLessとして組み込んでみました。なんでLessにしたかは、この記事で説明することをしたかったからです。 Bootstrapには無料のテーマファイルが公開されて…

.Net MVC4にBootstrapをLessで組み込む

こんにちは。ザクです。Webデザイン苦手というプログラマーは多いと思います。私もその一人です。テラソフトのWeb開発では、Webデザインに「Bootstrap」を活用しています。レイアウトやボタンのデザインなんかは、Bootstrapにお任せできるので、ちょー便利で…