shuhelohelo’s blog

Xamarin.Forms多めです.

ASPNETCore

デバッグ時にデフォルトで開くURLを変更する

ソリューションエクスプローラーでASP.NET Coreアプリケーションのプロジェクトを右クリックしてプロパティを開く. 「デバッグ」タブを開くと真ん中あたりに「Launch browser」とあるので,ここに起動時にデフォルトで開きたいURLを指定すればよい.

ASP.NET Coreでチェックボックスリストの作り方。チェックされた項目の取得方法

youtu.be 画像中段のようなチェックボックスのリストを使う機会が多い. 選択状態を表示させ,ユーザーによる選択の状態をサーバー側に送ったりする. 例えば,以下のようなViewModelを使うとする. このViewModelはItemsというリストを持っていて,そのリストの要…

SignalRの自動再接続をもう少しくわしく.

環境 Windows 10 pro 1906 Visual Studio 2019 16.4 preview1 dotnet core 3.0.100 自動再接続を有効にする SignalRの自動再接続を有効にするには,HubConnectionBuilderのインスタンス生成でwithAutomaticReconnect()を追加するだけ. Javascriptの例: www.je…

SignalRでプロパティを持つオブジェクトを渡す. WPF ⇔ Server

環境 Windows 10 pro 1906 Visual Studio 2019 16.4 preview1 dotnet core 3.0.100 前回までは単純なstring型をサーバーとクライアント間でやりとりしていました. shuhelohelo.hatenablog.com 当然そのような基本型だけでなく,以下のようなプロパティを持つ…

SignalRの自動再接続

環境 Windows 10 pro 1906 Visual Studio 2019 16.4 preview1 dotnet core 3.0.100 前回はサーバーとSignalRで通信を行うクライアントをWPFで作成しました. shuhelohelo.hatenablog.com リアルタイム通信ですが途中で接続が切れてしまった場合に自動的に再接…

WPFからSignalRでサーバーとリアルタイム通信

前回はサーバとブラウザ間でSignalRを用いた通信を試してみました. shuhelohelo.hatenablog.com 今回は,デスクトップアプリケーションからSignalRを使ってサーバーと通信してみます. チュートリアルは以下の公式サイトが参考になるでしょう. docs.microsoft.…

.NET Conf 2019のSignalRのデモを動かす

www.youtube.com こちらの動画を見ながら,1つ目のデモと同じリアルタイムチャットアプリを作る. ソースコードは公開されていないが,画面を凝視すればコードが読めるし,説明は丁寧でわかりやすい. 環境 Windows 10 pro 1906 Visual Studio 2019 16.4 preview1…

Visual StudioでのASP.NET Coreアプリ開発におけるクライアントサイドライブラリの導入はLibManが便利

ウェブアプリケーションのクライアントサイドの開発には様々なライブラリを使用します. jQuery Bootstrap Chart.js などなど,必要に応じてCDNから取得したりするわけですが,CDNを使わない場合だってあって,その場合はローカルにこれらのライブラリをダウンロ…

ASP.NET CoreのJavaScript部分をVisual Studioでデバッグする方法

ASP.NET Coreアプリケーションの開発をVisual Studioで行う時に、JavaScript部分のデバッグもVisual Studioでやりたいですね。 しかし、デバッグ実行時にJavaScript部分にブレークポイントを設定するだけでは止まってくれません。 環境 Visual Studio 2019 1…

未ログイン時のデフォルトページを設定する

環境 ASP.NET Core 3.0 preview9 Visual Studio 2019 16.3 preview4 [Authorize]属性をコントローラやアクションメソッドにつけている場合、ログインしていない状態でそれらにアクセスするとデフォルトだとLoginページにリダイレクトされる。 これを任意のペ…

ASP.NET Coreでjsファイルをminifyする

ウェブサイトではBootstrapなどのCSSフレームワークや、jQueryなどのライブラリ、自作のcssファイルやjsファイルを各ページで適宜読み込んで使用します。 これらのファイルはHTMLファイルとともにクライアント(ブラウザ)側にダウンロードされるので、その…

ASP.NET Coreでファイルをアップロードする

ViewModelにIFormFile型のプロパティを用意する。 using Microsoft.AspNetCore.Http; namespace MyApp.ViewModels.UploadFile { public class UploadFileViewModel { public IFormFile SelectedFile { get; set; } } } View側でアップロードするファイルを選…

ASP.NET Coreのパスワード入力欄のマスクのオン・オフを切り替える

inputタグのtype属性にpasswordを指定するとマスクされ、textにすると表示される。 javascriptでtype属性を変更すればよい。 stackoverflow.com

ASP.NET Coreで静的ファイルのブラウザキャッシュを有効にする

静的ファイルのブラウザキャッシュには2種類ある。 UseStaticFilesミドルウェアでオプションで指定する。 静的ファイルを読み込むタグ(img、script)にasp-append-version=trueをつける UseStaticFilesミドルウェアで行う場合 以下のようにするとレスポンス…