2015-01-01から1年間の記事一覧
■ 基本知識 ControllerクラスのModelState * モデルのエラー情報を管理 【代表的なAPI】 * ModelState.AddModelError() : エラー情報の追加 * ModelState.IsValid() : 検証時にエラーが見つかった場合に false を返す * ModelState.Clear() : 受け取ったデー…
![はてなブックマーク - 【ASP.NET MVC】【Razor】【VB】 Razor ～ Validation / 基本編 [1] ～](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35593993)
はじめに 以下を扱う * ドロップダウンリスト(select/optionタグ) * ラジオボタン * リストボックス サンプル ■ モデル * PersonModel.vb Imports System.Web.Mvc Namespace Models Public Class PersonModel Private Property _Color As Color Private Prop…
![はてなブックマーク - 【ASP.NET MVC】【Razor】【VB】 Razor ～ ビュー・ヘルパー / サンプル編 [2] ～](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35591389)
はじめに 使用したビュー・ヘルパー * @Html.BeginForm * @Html.LabelFor * @Html.EditorFor * @Html.DisplayFor 注意 / 補足 @Html.LabelFor * 「.」(ピリオド)があるとその前の文字が表示されなくなる 【例】 @Html.Label("Hello.World!") => 「World!」と…
![はてなブックマーク - 【ASP.NET MVC】【Razor】【VB】 Razor ～ ビュー・ヘルパー / サンプル編 [1] ～](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35592671)
■ コードの出力 * 以下が参考になる http://www.atmarkit.co.jp/fdotnet/rapidmaster/rapidmaster_04/rapidmaster_04.html 単一行の出力「@」 * メソッドやプロパティ、フィールド変数などの値を、HTMLコードとして動的に出力したい場合には、 それらの先頭…
独自のデータ検証を行う * 以下の2パターンを考える [1] 1つのプロパティに対して、独自の検証を行う [2] 複数プロパティをまたがった検証を行う ※今回は、[1]を扱う ■ポイント => ValidationAttributeを継承することにより、カスタム属性の作成する ※ただ、…
![はてなブックマーク - 【ASP.NET MVC】【Razor】【VB】 Razor ～ Validation / 応用編 [2] ～](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35596847)
サンプル * トグル(Toggle) で開閉したタイミングで、サーバ（コントローラ）側とAjaxで接続するサンプル /Controllers/DemoAjaxController.vb Imports System.Web.Mvc Namespace Controllers Public Class DemoAjaxController Inherits Controller ' GET: D…
![はてなブックマーク - 【ASP.NET MVC】【VB】【Ajax】ASP.NET MVC において、 Ajax でやり取りする [1]](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35578725)
■ 同期処理をするには * 「async: false」にする => 戻り値も受け取れる 構文 $.ajax({ url: './index.html', // アクセス先のURL async: false, // ★非同期通信を行うか★ // ..,略... }); 参考文献 http://www.atmarkit.co.jp/ait/articles/1007/30/news110…
■ ソートが初めの一回しか効かない * ソートが初めの一回しか効かず、以降、そのままの状態になってしまった。 * 期待動作としては、クリックごとに 昇順⇔降順を繰り返してほしい トラブルがあったコード(一部抜粋) <script> $(document).ready(function () { $.tabl…
■ はじめに https://blogs.yahoo.co.jp/dk521123/25076367.html で扱ったテーブルのソート用の jQueryプラグイン「tablesorter」において、 他のサイトを見ると、テキストで扱ったものばかりで セレクトボックスを扱ったものがあまり多くなかったのでメモ。 …
サンプル y軸を出力 <html> <head> <meta charset="UTF-8"> <style> .axis text { font-family: sans-serif; font-size: 11px; } .axis path, .axis line { fill: none; stroke: black; } </style> </head> <body> <div id="chart"></div> <script src="">http://d3js.org/d3.v3.js"> <script> var svg = d3.select("#chart").appen…</body></html>
■ 検索 シート内の文字列検索 * Find() => Rangeオブジェクトが返却される サンプル：「XXX」を見つける worksheet.Columns("A").Find("XXX").Row 文字列検索 * InStr()を使用する => ある文字列の中から指定した文字列を検索し、 最初に見つかった文字位置…
■ サンプル <html> <head> <meta charset="UTF-8"> </head> <body> <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/dark-hive/jquery-ui.css" rel="stylesheet" /> <script src="">http://www.google.com/jsapi"> <style> a.ui-state-default { padding: .4em 1em …</link></body></html>
サンプル http://blogs.yahoo.co.jp/dk521123/35450674.html の続き。 例3：地図上に積み上げ棒グラフ * 負の値も対応 <html> <head> </head> <body> <script src="">http://d3js.org/d3.v3.js"> <script src="">http://d3js.org/topojson.v1.min.js"> <script src="datamaps.world.js"></script> </body></html>
![はてなブックマーク - 【JavaScript】D3.js / TopoJSON / DataMaps [3] ～ DataMaps Custom Plugin編 [2] ～](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35549099)
方法 [1] SVG を Canvas に変換し、その後、Canvas を画像として保存する => このブログで扱うのは[1]の方法。 [2] svgデータをbase64形式にして保存し、base64形式の画像データを保存する => 以下のサイトを参照のこと。 * javascriptでsvgデータをbase64形…
Three.jsとは？ * WebGLを利用して、ブラウザ上で3Dを描画することができる 補足:用語 * WebGLとは？ => ウェブブラウザで3Dを表示させるための標準仕様。 注意 * WebGLを対応したブラウザでないと使えない * 以下のサイトで確認した方がいい http://caniuse…
■ sum サンプル <html> <head> <style> </style> <meta charset="UTF-8"> <script src="http://d3js.org/d3.v3.js" charset="utf-8"></script> </head> <body> <div id="result"></div> <script> var dataset = [ { yValue: 5 }, { yValue: 2 }, { yValue: 3 }, { yValue: 5 }, { yValue: 2 }, { yValue: 3…</body></html>
はじめに D3.js ～ モーダルダイアログを表示する ～ http://blogs.yahoo.co.jp/dk521123/35501040.html の C3.js 版。 サンプル * ベースは以下の関連記事と変わらんけど http://blogs.yahoo.co.jp/dk521123/35501040.html <html> <head> <style> .modal-content { position:fi</head></html>…
はじめに * 基本、以下に書いてある http://c3js.org/reference.html ■x軸関連 a-1) x軸表示を斜め表示に : axis.x.tick.rotate axis: { x: { tick: { rotate: 45, } } } a-2) x軸表示の折り返し : axis.x.tick.multiline http://c3js.org/reference.html#ax…
■ Tooltipと共に表示されている線を消すには * 以下で消える <style> #chart .c3-xgrid-focus { display: none; } </style> http://ambracode.com/index/show/52830 ■ 独自のTooltipを実装するには * 以下のサンプルが役に立った。 http://www.zemoko.com/javascript/custom…
はじめに http://blogs.yahoo.co.jp/dk521123/35523904.html で述べた通り、SVGオブジェクト配下にテキストを表示をする場合、\n や <br> は、改行されない。 地図上でテキストの折り返しを行う。 方法などは、上記の関連記事を参照のこと。 サンプル http://blo…
![はてなブックマーク - 【JavaScript】D3.js / TopoJSON / DataMaps [5] ～ DataMaps 内で 改行入れのテキストを表示するには... ～](https://b.hatena.ne.jp/entry/image/https://dk521123.hatenablog.com/entry/35524106)
はじめに * SVGオブジェクト配下にテキストを表示をする場合、\n や <br> は、改行されない。 * 考える際に以下のサイトが役に立った。感謝。 http://qiita.com/hnakamur/items/cfb8b0005488a2f34fb0 以下も今後のために見ておきたい http://plnkr.co/edit/YBCAc…
はじめに http://blogs.yahoo.co.jp/dk521123/35514061.html で、いくつかのサンプルを作成してみたが、データ以外ほとんど同じ書き方と感じた。 また、もし、棒グラフを書く画面が複数あった場合、同じようなの書くのメンドくさくなりそうなので 共通化(ラ…
サンプル http://c3js.org/examples.html から基本的なグラフを書いてみる * 設定については、以下の関連記事を参照のこと。 http://blogs.yahoo.co.jp/dk521123/35509265.html ■ 例1 : 円グラフ <html> <head> <meta charset="UTF-8"> <link href="./c3/c3.css" rel="stylesheet" type="text/css"> </link></meta></head></html>
■ C3.js * C3 : D3-based reusable Chart library => D3 のラッパーライブラリ(D3については、以下の関連記事を参照のこと) http://blogs.yahoo.co.jp/dk521123/35423681.html ライセンス * MIT ■ 公式サイト http://c3js.org/ デモ * 使用可能なグラフが分…
■ はじめに * アイコンを探してたのだが、商用OKなフリーでなかなかいいのがなかった。 CSSベースででき、かつ、色も付けられるツール Font Awesome があったので試してみる。 ■ Font Awesomeとは？ * アイコンフォント * 商用利用可能（詳細は、以下の「ラ…
初めに * 例えば、ダイアログを表示した後に、グラフをappendで追加した形で描画するといった構成の場合 ダイアログを表示し、その後再度、ダイアログを表示させた場合 以前のグラフが表示されたまま、グラフが再度描画されてしまう（グラフが増え続けて描画…
はじめに http://blogs.yahoo.co.jp/dk521123/35480801.html で行ったonmouseイベントをとったが、 今回は、clickイベントからモーダルダイアログを表示する サンプル http://blogs.yahoo.co.jp/dk521123/35435961.html の円グラフをクリックしたらモーダル…
■ 方法 【1】CSS/JavaScriptを使用する => style="display: none" を使用して、切り替える 【2】jQueryを使用する [1] hide/show を使用する [2] toggle / fadeToggle / slideToggle を使用する ■ 注意 「style="display: none"」と「visibilityプロパティ」…
モーダルダイアログの実装方法 * 色々な方法があると思うが... [1] jQueryのプラグインで実装する 1-1) Remodal 1-2) Custombox 1-3) LeanModal など... http://ichimaruni-design.com/2015/03/jquery-modal/ http://blog.8bit.co.jp/?p=11326 [2] jQuery / …
初めに http://xica-inc.com/blog/member-blog/2014/0604/ をもとに作成 使用したAPI http://c3js.org/reference.html * transform() * groups() * load() * flow() * ygrids.add() / ygrids.remove() : Y軸の追加/削除 サンプル <html> <head> <meta charset="UTF-8"> </meta></head></html>
