はてなブックマーク

Blazor Server-SideアプリケーションでBlazorだけで、チャットアプリを作ります。 驚くほど簡単にできます 開発環境 Windows10 Visual Studio 2019 .Net Core 3.0 メッセージ管理クラスの作成 Sharedフォルダに、List<string>型のチャット情報を保持するだけのChatClassを作ります。 using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; namespace BlazorApp30.Shared { public class ChatClass { /// <summary> /// チャットメッセージを保持する /// </summary> private List<strin

Qiita Advent Calendar 2019　C# の記事です。C#でWEBアプリケーションが作成できるBlazorの良いところとか、ロードマップとか記載しようと思いましたが、ドラクエウォークでお土産近いところ調べたいなと思って、気づいたらコード書いてました！今は反省している。。。 Demo 何県人かばれてしまう。。 概要 現在地から、ドラクエウォークのお土産に近い順に表示します。 PCのブラウザはほとんど大丈夫だと思うのですが、ブラウザによっては、動かないかもです。 GeoLocation情報はブラウザから取得しており、JavaScriptを使用しています。デバイスによってはGPSの精度にばらつきがありますので、必ずしも正確な距離が出ない場合があります。 BlazorはJavaScriptレスをウリにしている感じですが、現状はJavaScriptとは切っても切れない関係ですね。

新人研修や、新しいフレームワークが登場したとき、Hello Worldと並び、電卓アプリを作る人も多いのではないでしょうか。 今回はBlazor Client-Sideアプリで、簡単な電卓アプリを作り、PWA化してみたいと思います。 Demo 開発環境 Windows10 .Net Core 3.1 Visual Studio2019 Preview 16.5.0 電卓画面の実装 電卓画面はシンプルに１つのページなので、Index.razor に実装します。電卓アプリの計算はチョンボしてSystem.Data.DataTableに任せ、画面は数式と結果を表示するようにします。 @page "/" <style> .calbtn { height: 45px; font-size: 30px; border: solid 1px; text-align: center; } .num { h