ASP.NET MVCでの非同期処理 - AsyncControllerを使った方法 - Qiita
ASP.NET MVCで非同期処理をする場合、通常のajax()を使ったやり方以外にAsyncControllerクラスを利用するやり方があります。 AsyncControllerクラスを使ったやり方の方が、既存の処理を簡単に非同期化できます。 こんなプログラムを作ってみました 非同期処理のサンプルプログラムとして、下図のようなプログラムを作ってみました。これを元に説明していきます。 準備 通常ASP.NET MVCのコントローラー側のコードは、"Controller"クラスを継承して作成します。 ですが、非同期処理対応のコントローラーのコードは、"AsyncContoller"クラスを継承するようにします。 public class AsyncTestController : AsyncController //← "Controller"クラスではなく、"AsyncController
Stringの長さを指定するMaxLength/StringLength属性はどう違うのか - Qiita
DBに入れたタイミングでチェックする(MaxLength)か、ユーザが画面から入力した際にチェックする(StringLength)か、の違い。 MaxLength is used for the Entity Framework to decide how large to make a string value field when it creates the database. From MSDN: Specifies the maximum length of array or string data allowed in a property. StringLength is a data annotation that will be used for validation of user input. From MSDN: Specifies the minimum and
毎回必ず忘れて調べてしまうAngularJS1.x系のHttpInterceptor（TypeScript）の定義方法を自分のためだけにここに記す。 - Qiita
毎回必ず忘れて調べてしまうAngularJS1.x系のHttpInterceptor（TypeScript）の定義方法を自分のためだけにここに記す。TypeScriptAngular export default class HttpInterceptor implements ng.IHttpInterceptor { static factory($q: ng.IQService, $log: ng.ILogService): HttpInterceptor { return new HttpInterceptor($q, $log) } constructor( private q: ng.IQService, private log: ng.ILogService) { } request = (config: ng.IRequestConfig): ng.IRequestConf
Azureの無料試用期間が終了したので、無料プランへ移行してみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに アクセス数が多くない場合は、AzureのWeb Appは「F1プラン」を利用することで、無料運用が可能な様子、という話。 Azureの無料試用期間が終了に伴い無料プランへ移行してみたので、その手順を示す。 以前に書いた「Node.jsで作成したWebサービスをAzureで公開する」を 「無料試用プラン」⇒「F1プラン（無料）」へ移行してみた。 作業方針とプラン移行作業前の状態 基本的には、下記の記事を参照して作業した。 Azureの無料試用期間終了後に無料オプションを使う Part-1 - Qiita Azureの無料試用期間
AngularJSモダンプラクティス - Qiita
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
Bootstrap使い方メモ１（基本＋CSS） - Qiita
公式サイトを一通り動かしてみたときのメモ。 まずは CSS。 Hello World Bootstrap を入手する ここ から zip ファイルをダウンロードする。 HTML を書く <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css" /> </head> <body> <h1>Hello Bootstrap!!</h1> </body> </html> HTML5 の DOCTYPE を記述する。 css ファイルを読み込むだけで使い始められる。 モバイル用に viewport を設定する meta タグを記述する。 user-scalable=n
Bootstrapテンプレートを使っている人向けなモックアップツール6選 (2016/05) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 動かないモックアップ及びワイヤフレームを描く際に今までは「紙とペン」もしくはBalsamiq Mockupsを使っていましたが、「どうせなら描いたモックがHTMLになればいいのに」と欲を出して、Bootstrapテンプレートをベースにモックアップを作れるツールを探してみました。 手軽な物からリッチな物順にまとめてみています。 Bootsnipp ざっくり言うと、Bootstrapで作っているサイトのパーツ・レイアウト作る用のサービスです Bootstrapのパーツをドラッグアンドドロップでレイアウトし、HTMLとして出力することが可能で
TypeScriptで書くAngularJSのMVC - Qiita
（150522追記）最新のチュートリアルをまとめたAngularJSモダンプラクティスを掲載しました。この記事は2014年2月に掲載したとてもふるい記事です。最新記事をどうぞご覧ください。 この記事は記録のため残します。 AngularJSはチュートリアルに沿ってただ書くだけにするとすぐFat Controllerになる、とは他でも指摘されていますが、複数のコントローラを実装し始めた辺りから問題となってくるのが処理の重複です。すぐにでも一つのファイルにまとめて参照したいところです。 この記事（お前のAngular.jsはもうMVCではない。と言われないためのTutorial）やこの記事（AngularJSをTypeScriptで書くときのあれこれ）にはずいぶんと助けられましたが、ここで自分なりのTypeScriptでの書き方についてまとめておきます。 Factoryの例 クラスやメソッドの
AngularJSで画像つきのオートコンプリートを組み込んだ話 - Qiita
課題 会社でAngularJSを使っていて、下のような「画像つきのオートコンプリート」をやりたいという話がでました。 テキストを表示するだけのオートコンプリートであればこれまでも運用していて、allmighty-autocompleteというライブラリを利用していたのですが、それぞれのセル（？）に画像を表示するなどのカスタマイズはできなさそうだったので、別のライブラリを探すことにしました。 解決 angucomplete-altというライブラリを採用したのですが、結論からいうと、自身のgithubのレポジトリにforkして修正加えたものを使うことになりました（PRはもちろんしたのですが、後述するように日本語IMEという稀なケースであること＋実装的にイケてなかったため、PRは通らなかった・・・）。 forkしたもの 厄介な日本語IME どこに修正を加えたかというと、angucomplete-
Typescriptにおける外部モジュール(external)、内部モジュール(internal)の書き方が分かりづらかったのでまとめたら - Qiita
Typescriptにおける外部モジュール(external)、内部モジュール(internal)の書き方が分かりづらかったのでまとめたらJavaScriptTypeScriptAngular Typescriptのモジュールの書き方で、何がどうだと外部で、どのように扱うのか、また内部だとどう扱うのか、 なかなかパッとコード比較できるページがないためここに記しておく ある別ファイルで定義されている関数を、 違うファイルから利用する為に 読み込まれる方（使われる関数を集めたファイル） と 読み込む方（使いたいファイル） で書き方が違う 書き方はこう ※「使われる関数を集めたファイル」はutil配下にしている
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外
Web APIのリクエストパラメータのValidationをフィルタ化 - Qiita
はじめに ASP.NET Web APIのData Annotationsでリクエストモデルの値チェックをする場合、(万能ではないけれど）アクションフィルタを作ってしまった方が一々同じコードを書かなくて楽かも、という話 メソッド内に記述する POSTメソッドのリクエストに対して、URLからIDを取り、ボディをデシリアライズしてモデルにバインドする場合を例にします。 Data Annotations以外にも、nullチェックを含めて、下記のような値チェックが必要になることが多いかと思います。 public class PackageController : ApiController { public async Task<HttpResponseMessage> Post([FromUri]string id, [FromBody]PackagingRequestModel request
ASP.NET MVCの集約例外処理 - Qiita
ASP.NET MVCでの集約例外処理の実装例です。 ログの出力処理とAjaxリクエスト処理時の振る舞いの変更をします。 HandleErrorAttribute.OnException Controller内で起きた例外を処理する集約例外ハンドラを実装します。 Ajaxリクエストの場合はデフォルトの例外処理は何もせず、 ステータスコードを500、応答本文を例外情報を含んだJSONにして、 $.ajax().fail()で例外処理をしやすくしておきます。 なおLogUtil.LogControllerError()というメソッドは別途定義されているものとします。 public class GlobalHandleErrorAttribute: HandleErrorAttribute { public override void OnException(ExceptionContext f
jQuery + BootstrapでRestful APIクライアント開発 - Qiita
やりたいこと jQuery + BootstapでインターネットのRestful Web Serviceクライアントを開発する。 参考文献 spring.io - Consuming a RESTful Web Service with jQuery Apress - Beginning jQuery Qiita - JSON関連オンラインツールまとめ 利用ウェブサービス Internet Chuck Norris Database - ジョークを返すサイト まずはChrome(JSON Formmater Extension)から確認。 http://api.icndb.com/jokes/random へ接続すると、以下のような値が返ってくるはず。 JSON Placeholder - 適当なサンプルデータを返すサイト 全体設計 jokes_simple.html + jokes_lo
コマンドラインツールのショートオプションをどの用途で使うべきか - Qiita
はじめに コマンドラインツールが多数作られるプロジェクトがあるとします。 複数人で開発していると、オプションの意味付けが人によってばらばらになってしまう――そんな事象は、おそらくよくあることだと思います。 ので、そのような環境では、なんらか規約を設けるのがよさそうです。 本記事では、その規約の作成、またはオプションの意味付けにおいて、参考となるであろう情報を提示します。 特に、ショートオプション（英字1字のみのオプション）にフォーカスします。 ロングオプション（英字複数字から成るオプション）については、意味は自明になることが多いでしょう。 ただし、「ショートオプションをどのロングオプションに対応付けるべきか」という問題は、本稿でも扱います。 また、コマンド文法やオプションのフォーマットはOSやプログラムによって異なりますが、ここでは以下を前提とします： ショートオプション ... -a,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular Material 実践 vol.1 - Qiita
元号改正に伴う西暦-和暦変換の動作をPowerShellで試す - Qiita
[正式版対応] 5分で導入できるBootstrap 4 超入門 〜タブの作り方〜 - Qiita![[正式版対応] 5分で導入できるBootstrap 4 超入門 〜タブの作り方〜 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf5e5f241608caf1b51b797fc7e9d50d3c0eb872/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU2JUFEJUEzJUU1JUJDJThGJUU3JTg5JTg4JUU1JUFGJUJFJUU1JUJGJTlDJTVEJTIwNSVFNSU4OCU4NiVFMyU4MSVBNyVFNSVCMCU4RSVFNSU4NSVBNSVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MiU4QkJvb3RzdHJhcCUyMDQlMjAlRTglQjYlODUlRTUlODUlQTUlRTklOTYlODAlMjAlRTMlODAlOUMlRTMlODIlQkYlRTMlODMlOTYlRTMlODElQUUlRTQlQkQlOUMlRTMlODIlOEElRTYlOTYlQjklRTMlODAlOUMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWE4MjgzMjg5MDExZWExOTJjNDM1NWU0ZGU0NmEzNGUy%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b25rb3RzdWJveV9jb20mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTRkMjk0YWVmMDYwMDg3MDg3YjY5ZDU5YWIyNDc0YjRm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db7613fe2b5448d69542a3e0bd6ac936e)
特別なツール不要！ TypeScript 2時代の型定義ファイルの取り扱い方 - Qiita
https://qiita.com/Yuta-K/items/0392dfcf5486be221f29