今度は Ant Design Blazor というものを試してみようと思います。 プロジェクト作成と初期セットアップ Getting Started に従って導入してみようと思います。 プロジェクトを作ったら AntDesign というパッケージを NuGet から追加して、Program.cs に builder.Services.AddAntDesign(); という行を追加します。そして _Layout.cshtml に以下のコードを追加して js/css を追加します。 <link href="_content/AntDesign/css/ant-design-blazor.css" rel="stylesheet" /> <script src="_content/AntDesign/js/ant-design-blazor.js"></script>
Ubuntu Weekly Recipe 第729回Ubuntuリポジトリに取り込まれたパッケージ版.NETで、UbuntuでもC#プログラミングを始めよう！ Ubuntu Weekly Topicsの2022年8月19日号でも紹介されているように、Microsoftが提供するクロスプラットフォームな開発フレームワークである「.NET」のUbuntu向けパッケージが公式リポジトリからも提供されることになりました。今回はこれを用いてC#でWindows向けのプログラムを作ってみましょう。 実は前から存在した.NETパッケージ 「.NET」はMicrosoftが提供する開発プラットフォームではありますが、MITライセンスで公開されたオープンソースプログラムでもあります[1]。.NETを使えば、Windowsだけでなく、macOSやLinuxなどの各プラットフォームに対応し、サーバーアプリケーシ
ASP.NET Core Blazor のバリデーションでは DataAnnotation を使ったバリデーションのほかに EditContext や ValidationMessageStore を使って画面内でバリデーションのロジックを実行する方法もあります。 以下のドキュメントの基本検証あたりがそれになります。 そのほかに検証コンポーネントというセクションでは独自のコンポーネントを検証をサポートするコンポーネントの作り方が解説されています。これを少し応用すると特定のフィールドを検証するコンポーネントの作成が可能です。 愚直に実装するなら基本検証にある通り EditContext のイベントをハンドリングしてロジックを実装していく形になりますが、その場合は検証ロジックが画面に埋め込まれることになるので出来れば部品化したいですよね。そんな時は、検証コンポーネントにあるようなコードを少しカ
GitHub - SteveSandersonMS/WebWindow: .NET Core library to open native OS windows containing web UI on Windows, Mac, and Linux. Experimental.
I'm not directly maintaining or developing WebWindow currently or for the forseeable future. The primary reason is that it's mostly fulfilled its purpose, which is to inspire and kickstart serious efforts to make cross-platform hybrid desktop+web apps with .NET Core a reality. Read more at #86. People who want to build real cross-platform hybrid desktop+web apps with .NET Core should consider the
GAになったBlazor WebAssemblyでReactで書かれたTodoMVCのアプリを移植してみた - Qiita
はじめに 普段 C# を書いてるわけではないのですが、近年の Microsoft のオープンソースへの取り組みや、発表するプロダクトに面白さを感じていて、そろそろ食わず嫌いは辞めて、Microsoft な技術スタックも積極的に触っていこうと思っている今日この頃です。 そんな中、キワモノ感があるけど面白そうだなと思っていた Blazor WebAssembly が GA になったというニュースを見かけたので、遅ればせながらどんな感じでアプリを書けるのか触ったみることにしました。 作ってみたもの 特に作りたいものがあるわけではなかったので、題材は http://todomvc.com/ の ToDo アプリにしました。 今回はクライアントサイドのみで完結するようにしたので、パブリッシュしたコンテンツを GitHub Pages に SPA としてホスティングしています。 リポジトリ https
Blazor のプロジェクトを新規作成したときにサンプル画面が実装されていますよね。 このときの UI フレームワークとしては、Bootstrap が読み込まれています。 このままでもいいのですが、使うとどうしても「Bootstrap 感」が出てしまい、あまりおしゃれに仕上がりません。 Blazor では、Bootstrap 以外でもおしゃれな UI フレームワークがたくさんあるので、Bootstrap を採用する必要はありません。 調べるとたくさんあるのですが、「これは使わないな」というものを含めてたくさん列挙しても仕方ないので、実際に使えるものだけを５つ抜粋して本記事で紹介しました。 その中でもおすすめを紹介するので、どれを採用するのかも決めやすいと思います。 それでは、さっそく見ていきましょう。 Blazor 対応の「使える」UI フレームワーク５選 MatBlazor MatBla
みなさんこんにちは。システムエグゼの相田です。 前回の記事は技術的ヨコモジだらけだったので、今回は日本語比率を上げてみようと思ったのですが、技術の領域で少々早めに触れておいた方が良い話題が出てきました。なので、急遽予定を変更して今回もヨコモジだらけの回です。 第六回目は Microsoft のソフトウェア開発プラットフォーム「.NET」のお話です。 「.NET」と言われて、恐らく多くの方が Windows OS 向けの「.NET Framework」を思い浮かべるでしょう。しかし 2019年現在、実は「.NET Framework」は「.NET」のごく一部でしかなく、また「.NET」の中心的存在でも無いのです。そして今年、Microsoft から .NET 世界を大きく揺るがす大ニュースが発表されました。 それが今回の主役「.NET 5」です。 目次 三種類の「.NET」 2019年現在、
ASP.NET Core WebAPI を ECS・Fargate にデプロイしてみた | DevelopersIO
CX事業本部の佐藤です。 ふと思い立って、ASP.NET Coreを触ってみました。.NET Core になってからはほとんど触れていなかったのですが、 dotnet CLIを使うことで、雛形のアプリケーションを簡単に作ることができ、非常に便利でした。そこで、簡単なTodo WebAPIを ASP.NET Core で作成して、ECS・Fargate にデプロイしてみたので、手順を残します。 ASP.NET Coreとは？ Microsoftがオープンソースで開発している、クロスプラットフォームなWebフレームワークの一種です。元々、ASP.NET 4.xのときはWindowsでしか開発ができませんでした。ASP.NET Coreは ASP.NET 4.xを再設計し、macOS, Linux環境でも開発できるようにしたフレームワークです。基本的にはC#を使ってWebアプリケーションを構築し
この記事は .NET Aspire に関する一連の記事の一部です。 .NET Aspire って何？ - 概要 .NET Aspire を使ってみる .NET Aspire を デプロイする .NET Aspire で Prometheus, Jaeger, Grafana を使う Next.js + ASP.NET Core を .NET Aspire で構成する（with YARP） (2024/2リリースの Preview 3に対応しました) .NET Aspire とは .NET Conf 2023で発表された .NET Aspire (https://learn.microsoft.com/en-us/dotnet/aspire/) は、一言で言えば分散アプリケーションの開発を便利にするためのツールとして開発されました。でも、中身を知ると決して分散アプリケーションにしか使用できな
はじめに 皆様こんにちは！ Elastic PMM/Eva の鈴木章太郎です。 この記事は、求ム！Cloud Nativeアプリケーション開発のTips！【PR】日本マイクロソフト Advent Calendar 2020の18日目の記事です。 ※ MS マーケの ◯◯ さん(元同僚でこのアドベントカレンダーのオーナー）、Python に続いて投稿が遅くなり申し訳ないです！w Blazor に対する市場の期待 Build 2020 で、Microsoft は Blazor WebAssembly の公式の最初のリリースを発表しました。僕と同じく長年の.NET デベロッパーであれば、皆がこれを使いたいと思っていると思います。そして、Blazor がアップデートし、.NET 5のリリース済の現在、採用しない理由もないでしょう。 Blazor の可能性に興味があり、これを使用することを検討されて
Azure Static Web Apps とは
Azure Static Web Apps は、コード リポジトリから Azure にフル スタックの Web アプリを自動的にビルドしてデプロイするサービスです。 Azure Static Web Apps のワークフローは、開発者の日常のワークフローに合わせて調整されています。 アプリは、コードの変更に基づいてビルドおよびデプロイされます。 Azure Static Web Apps リソースを作成すると、Azure は GitHub または Azure DevOps と直接やり取りして、選択したブランチを監視します。 コミットをプッシュするたび、または監視対象のブランチへの pull request を受け入れるたびに、ビルドが自動的に実行されて、自分のアプリと API が Azure にデプロイされます。 通常、静的 Web アプリは、Angular、React、Svelte、Vu
I’m thrilled to announce that Blazor WebAssembly is now officially released. This is a fully-featured and supported release of Blazor WebAssembly that is ready for production use. Full stack web development with .NET is now here! Get started Getting started with Blazor WebAssembly is easy: simply go to https://blazor.net and install the latest .NET Core SDK (3.1.300 or later), which includes every
入門者向け Blazor HybridとBlazor Web AppのUIをRCLで共通化する手順 2024年1月8日 nkjtky
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワールド 瀬戸美月 徹底攻略 情報セキュリティマネジメント予想問題集 令和6年度 五十嵐 聡 詳説 ユーザビリティのための産業共通様式 福住 伸一, 平沢 尚毅 DX時代の観光と社会
C/C++とWebAssembly 連載第2回ではAssemblyScriptによるTypeScript言語、連載第3回ではBlazor WebAssemblyによるC#言語、それぞれの開発事例を紹介しました。スクリプト言語であるTypeScriptでの取り回しの容易さ、フレームワークBlazorによる充実した機能の利用のしやすさをお伝えできたのではないかと思います。 今回は、スクリプト言語やフレームワークはいったん脇に置き、WebAssembly開発の本命の一翼とされるC/C++による開発を紹介します。これには、C/C++においては最も一般的とされる、Emscriptenというコンパイル環境を利用します。Emscriptenによる開発では、標準ライブラリを含めたC/C++の言語仕様を十分に生かしたWebAssemblyプログラムが作成可能です。 C/C++はネイティブコードをターゲットに
ちょっと目をはなしてる隙に、こんなドキュメントが出来てた！ ASP.NET Core Blazor WebAssembly をセキュリティで保護する Blazor WebAssembly でもログイン機能が公式でいけるんですね。 やってみよう ということでやってみようと思います。とりあえず、Twitter やら独自ログインやらなんでもござれの Azure AD B2C でやってみようかな。ドキュメントに手順もあるし。 Azure Active Directory B2C を使用して ASP.NET Core Blazor のスタンドアロンアプリをセキュリティで保護する Azure Active Directory B2C を使用して、ASP.NET Core Blazor Webashosted アプリをセキュリティで保護する このドキュメントを見ていて気付いたのですが、プロジェクトをつく
JSer.info #559 - Web Componentsを扱うライブラリであるLit 2がリリースされました。 Announcing Lit 2 stable release – Lit Lit 2.0 Release Livestream - YouTube Lit 2は今までLitElement 2.xとlit-html 1.xという別々のパッケージになったものを統合していて、litという新しいパッケージ担っています。 classベースのDirectives API、非同期Directives、Reactive Controllersの追加されています。 要素全体に対して影響を与えられるElement expressions、タグ名などに変数を使えるStatic expressionsなども追加されています。 また、実験的にSSRのサポートなども追加されています。 LitElem
ミクシィには、探究心溢れるエンジニアがたくさん在籍しています。 その探究心は業務で扱う技術にとどまらず、趣味で書いているプログラムだったり、個人的に研究している言語だったりと、自身の気になった技術への追求も留まることを知りません。 そこで、社内のエンジニアに“好きな技術”について、思う存分に語ってもらうシリーズを始めました。 ルールはこの通り。 業務で使っている技術でも、使われていない技術でもOK あくまでも個人的な見解で その技術のどこが面白いのか 愛を込めて語り尽くしてもらう 第4回目は、新規プロダクトを目下開発しているSREグループの神谷に、「WebAssembly」の魅力をたっぷり語ってもらいました。 神谷 元太 開発本部 CTO室 SREグループ 2018年4月、株式会社ミクシィに新卒入社。モンスターストライクにてサーバーサイド、インフラの開発を経験したのち、現在は新規事業にてサ
概要 .NET 5の正式版がリリースされ、Blazorも新機能が追加されました。 WebAssemblyがGAされてからしばらくBlazorから遠のいていましたが、リハビリを兼ねて新機能に関して簡単なサンプルを見ながら説明していこうと思います。 MSの公式ドキュメントに書いてある事をなぞっている点が多いとは思いますが、合わせて読むことで理解の助けになればと思います。 大した内容ではありませんが、下記にデモとソースを公開しています。 Demoはこちら GitHubのソースはこちら 今回、紹介する項目は下記になります。 CSSの分離 JavaScriptの分離とオブジェクト参照 InputRadioおよびInputRadioGroupコンポーネント InputFileコンポーネント コンポーネントの仮想化 UIフォーカスの設定 アセンブリの遅延読み込み ※基本的にWebAssemblyの視点で
次の場所でダウンロードできます: https://aka.ms/blazor-ebook エディション v6.0 - .NET 6 に更新 書籍の更新とコミュニティへの投稿については、変更ログに関するページを参照してください。 発行者 Microsoft 開発部門、.NET および Visual Studio 製品チーム A division of Microsoft Corporation One Microsoft Way Redmond, Washington 98052-6399 Copyright © 2022 by Microsoft Corporation All rights reserved. 本書のいかなる部分も、書面による発行者の許可なしに、いかなる形式または方法によっても、複製または伝送することを禁じます。 本書は "現状有姿" で提供され、著者の見解と意見を表して
CX事業本部@大阪の岩田です。 Auth0のブログで紹介されている、BlazorにAuth0の認証機能を組み込むチュートリアルを試してみたので内容をご紹介します。 What is Blazor? A Tutorial on Building Web Apps with Authentication 環境 今回利用した環境です。 OS:Mac OS X 10.14.6 .NET Core: 3.0.101 そもそもBlazorとは？ このチュートリアルではBlazorというフレームワークを利用します。Microsoftのドキュメントによると、Blazorは以下のように紹介されています。 Blazor は、.NET を使って対話型のクライアント側 Web UI を構築するためのフレームワークです。 ASP.NET Core Blazor の概要 そうです。なんとC#でSPAの開発ができる！！と
Webアプリケーション開発にかかわる、新たな世界を拓く「SPA」の最新動向を追う――「GrapeCity ECHO Tokyo 2019」開催！
コンポーネント、ライブラリ製品をはじめとするソフトウェア開発ツールの提供により、国内外の開発者を支援しているグレープシティ。同社では、去る2019年12月10日、東京・秋葉原のUDXカンファレンスにおいて「GrapeCity ECHO（エコー）Tokyo 2019」を開催した。今回、イベントのテーマとして取り上げられたのは、HTML5の登場やJavaScriptの進化を背景に普及が進む「SPA（Single Page Application）」。ここでは、従来型のWebアプリケーションに比べ、さらにリッチなUIや、より高度なパフォーマンスを実現するSPAをとりまく技術の最新動向を解説した、当日のセッションの模様をレポートしたい。 SPAを支えるJavaScript開発が抱える各種課題の解消に向けて 「GrapeCity ECHO」は、2015年以来開催されているアプリケーション開発技術や同
.NET 9 Preview 1が公開。AOTコンパイラ対応の拡大、Windows上でのLinuxをターゲットとしたクロスコンパイル環境の強化など
.NET 9 Preview 1が公開。AOTコンパイラ対応の拡大、Windows上でのLinuxをターゲットとしたクロスコンパイル環境の強化など マイクロソフトは同社の包括的なアプリケーションフレームワークの次期バージョンとなる「.NET 9」の最初のプレビュー版となる「.NET 9 Preview 1」のリリースを発表しました。 .NETは、デスクトップアプリケーションからモバイルアプリケーション、クラウドネイティブ、ゲーム、IoTなど、あらゆるアプリケーションを包括的にカバーするフレームワークです。 .NETの大きな枠組みの中に、プログラミング言語のC#やコンパイラ、ランタイム、そしてクロスプラットフォーム対応のUIフレームワーク.NET MAUIやWebアプリケーションフレームワークのBlazorなどが含まれています。 また、.NETは偶数バージョンがLTS（Long Term S
Azure OpenAIサービスを他のAzureサービス等と組み合わせてソリューションを実現するサンプル実装がAzure公式から提供されています。 以下ではそれぞれを取り上げて、何ができるサンプルなのかをまとめていきたいと思います。 azure-search-openai-demo 組織内のドキュメントやデータベース、SharepointなどをBing ChatのようにGPTに検索させてその結果を使って回答させる サンプルではストレージにPDFドキュメントが配置され、それを検索・読み取って回答してもらえる。ストレージに他のドキュメントを放り込むだけで自分の組織専用のコンシェルジュが出来上がる azure-open-ai-embeddings-qna Azure OpenAI Embeddingsを使ってナレッジベース（ストレージなど）のドキュメントをEmbedding（ベクトル化）して検索
GitHub - aljazceru/awesome-nostr: nostr.net - awesome-nostr is a collection of projects and resources built on nostr to help developers and users find new things
algia-web - A small resource consumption oriented Nostr web client Agora - Follow your favorite topics in the Nostr-verse (and even posts from Mastodon, Reddit, Bluesky, and Twitter) algia - A cli application for nostr. Amethyst - An Android client for nostr written in Kotlin ArcadeCity - Public group chats and P2P services (WIP) over nostr Astral - a branle fork with global feed and UI makeover A
こんにちは、Misoca開発チームの黒曜(@kokuyouwind)です。 そしてこの記事は弥生 Advent Calendar 2020の 11日目の記事です。 昨日の担当はkosappiさんのCodePipelineのステージ間で変数を受け渡しするでした。 プログラミング言語について Misoca開発チームでは主にサーバーサイド側言語としてRuby、クライアントサイド言語としてTypeScriptを利用しています。 一方で弥生製品開発チームは主にC#を利用しており、最近ではTypeScriptやGo言語も一部で利用しています。 そうなってくると、気になるのは「今後新しいプロダクトを作るとしたら、プログラミング言語は何にするべきなのか？」ということです。 今回はそれぞれの言語の特徴や向いている用途について、ざっくりまとめていきたいと思います。なお極力資料を探しながら正確に書こうと思います
ASP.NET Core Blazor WebAssembly と Web API と Entity Framework Core で SQL Server のデータを取得したり追加したり更新したり削除したりする - Qiita
[ { "bookId": 1, "title": "たったひとつの冴えたやりかた", "author": "ジェイムズ・ティプトリー・ジュニア" }, { "bookId": 2, "title": "アンドロイドは電気羊の夢を見るか?", "author": "フィリップ・K・ディック" }, { "bookId": 3, "title": "夏への扉", "author": "ロバート・A. ハインライン" }, { "bookId": 4, "title": "幼年期の終り", "author": "アーサー C クラーク" }, { "bookId": 5, "title": "われはロボット", "author": "アイザック・アシモフ" } ] こういう UI を構築する。 環境 Visual Studio 2019 16.6.1 .NET Core 3.1 ASP.NET
nostr.net - awesome-nostr is a collection of projects and resources built on nostr to help developers and users find new things “nostr” stands for “Notes and Other Stuff Transmitted by Relays” and is an open protocol for censorship-resistant global networks. Most popular Mobile clients Damus - The OG nostr client for iOS Plebstr - Android and iOS app Amethyst - Android only app Primal - iOS and An
Since .NET 5 was announced, many of you have asked what this means for .NET Standard and whether it will still be relevant. In this post, I’m going to explain how .NET 5 improves code sharing and replaces .NET Standard. I’ll also cover the cases where you still need .NET Standard. For the impatient: TL;DR .NET 5 will be a single product with a uniform set of capabilities and APIs that can be used
初めに この記事は、普段レガシーよりの開発環境で作業をされている方へ向けて（私もそうです。） 最近のフロントエンドに触れてみようという内容です。暇つぶしに読んでいただければ幸いです。 （結構長文です。） 目次 ・この記事のゴール ・最近のC#とはどんな言語か ・WebAssemblyって何？ ・Blazorって何？ ・SPAって何？ ・実際に作ってみよう 想定読者 ・FrontEnd開発にJavaScript以外の選択肢が欲しい方 ・jQuery以外を使ったことがない方 ・C#が好きな方 この記事のゴール この記事では、razor→C#を呼び出して、どんな感じに動作するかを解説します。 最近のC#とはどんな言語か（宣伝） かつてのC#といえば、Microsoft社が作ったJavaというイメージを持たれている方も多いかと思います。 最近のC#は、Webアプリケーション、ゲーム開発（ちょっと違
【2022年版】Blazor vs React 比較 - どちらを選ぶべきか？ - インフラジスティックス・ジャパン株式会社Blog
（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン） この記事では、現在のモダンウェブ開発において注目されている Blazor と React の2つのフレームワークを比較します。読者様にとって、どちらを採用するのがよりご自身の状況に対して適切かを判断する材料になれば幸いです。(2022年4月最新情報に更新しました。) Information 本記事の更新版【2023年版】が発行されています。下記リンクから参照いただけます。 【2023年版】Blazor vs React 比較 - どちらを選ぶべきか？ シングルページアプリケーションを開発する場合、様々なフレームワークの選択肢があります。最も一般的な選択肢は、Angular、Vue、Reactの3つです。ただし、これらのフレームワークでは、JavaScript または TypeScript を使用する必要があります。J
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
背景 bitflyerの12/22のアドベンドカレンダーは、「Blazor WebAssemblyを用いた新規の業務システムの開発（現在進行中）」の話をしたいと思います。Blazor WebAssemblyを検討している人や現在開発中の方の手助けになればと思います。 bitFlyerのバックエンドの言語は基本的にC#で、クラウドはAzureを使用しています。そのため、他のクラウドを使用している場合は、一部異なる可能性があります。 また、検討および開発を2022年4月下旬に開始したため、最新と多少異なる可能性があります。 bitFlyerでのバックエンドの開発環境は、 言語：C# フレームワーク：.Net Framework 4.7.2, .Net Core3.１, .Net 5, .Net 6 インフラ：Azure （参照：https://bitflyer.com/ja-jp/recrui
Blazor WebAssembly を使ってみた
2020年5月の「Microsoft Buld 2020」で、「Blazor WebAssembly」の正式リリースが発表されました。Blazor WebAssemblyは、C#を用いて、Webブラウザ上で実行可能なWebアプリケーションを開発できるフレームワークです。 Webフロントエンドシステムは、JavaScript系フレームワークが流行っていますが、JavaScriptを書かなくても、SPAアプリケーションが作成できます。 ということで、早速使ってみることにしました。 前回の記事 では、ASP.NET Coreを使った簡単なREST API（以下、従業者管理APIと呼びます）を作りましたので、Blazor WebAssemblyで作ったアプリから、そのAPIを呼び出してみます。 1. 環境 本記事では、以下の環境を使用しています。 OS：Windows 10 IDE：Visual
概要 Blazor WebAssembly 3.2.0 Preview 3がリリースされ、Visual Studio(とVisual Studio Code)のデバッグに対応したようなので、Visual Studioでのデバッグを試した際のメモです。 参照元 環境 Windows 10(64bit) 1909 Google Chorome 80.0.3987.149 (64bit) .NET Core SDK 3.1.300-preview-015048 Microsoft.AspNetCore.Blazor 3.2.0-preview3.20168.3 Visual Studio 2019 Version 16.6.0 Preview 2.0 セットアップ 最新の.NET Core SDK(3.1.201) のインストール 下記から最新バージョンのSDKをインストールします。 リンク テ
.NET Core 3.1 SDKをMacにインストールして「Blazor WebAssembly App (3.2.0)」を試してみる。 - Qiita
.NET Core 3.1 SDKをMacにインストールして「Blazor WebAssembly App (3.2.0)」を試してみる。.NETWebAssembly.NETCoreBlazor
Blazor WebAssembly を試してみようかなと思い立ったので以下のドキュメントを写経してみました。 ASP.NET Core Blazor の概要 プロジェクトテンプレートのインストール 今のところプレビューなので自前で入れます。.NET Core SDk 自体も 3.1.102 以降である必要があります。私は、現時点での最新版の 3.1.201 が入っていました。以下のコマンドでプロジェクトテンプレートをいれます。 dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Templates::3.2.0-preview2.20160.5 入れると、Visual Studio のプロジェクトテンプレートの Blazor アプリの中に Blazor WebAssembly App が生えます。 右下の ASP.NET C
[Microsoft] 番外. C#ソースコードとRazorの分離 - Angularチュートリアル Tour of Heroes を Blazor で再実装する - Qiita
@page "/dashboard" @using BlazorTourOfHeroes.Model @using BlazorTourOfHeroes.Service @inject IHeroService HeroService <h3>Top Heroes</h3> <div class="grid grid-pad"> @foreach (var hero in heroes) { <NavLink href="@("detail/" + hero.Id)" class="col-1-4"> <div class="module hero"> <h4>@hero.Name</h4> </div> </NavLink> } </div> @code { private IEnumerable<Hero> heroes; protected override async Task O
![[Microsoft] 番外. C#ソースコードとRazorの分離 - Angularチュートリアル Tour of Heroes を Blazor で再実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/697ebdb036861f58f4c4f4bcd4960624989469ba/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTWljcm9zb2Z0JTVEJTIwJUU3JTk1JUFBJUU1JUE0JTk2LiUyMEMlMjMlRTMlODIlQkQlRTMlODMlQkMlRTMlODIlQjklRTMlODIlQjMlRTMlODMlQkMlRTMlODMlODklRTMlODElQThSYXpvciVFMyU4MSVBRSVFNSU4OCU4NiVFOSU5QiVBMiUyMC0lMjBBbmd1bGFyJUUzJTgzJTgxJUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgzJUFCJTIwVG91ciUyMG9mJTIwSGVyb2VzJTIwJUUzJTgyJTkyJTIwQmxhem9yJTIwJUUzJTgxJUE3JUU1JTg2JThEJUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1iYjY4MWY5OGEyODJhN2M1YjgyMGY1YjJmMzQ3ZDY4Yw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzZW5nb2t1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYWNiYmI4Yzk1MmVkYjkwODY3MTMxMTVkMzMzNGY1Nw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D7f5932aec18e55c020ec95d76e42c9ae)
(日本時間だと)昨晩深夜、.NET Conf 2019がありましたね。 キーノートはなんかgRPC一色だった感じが… 要は、ASP.NET Core 3.0 の目玉の1つが gRPC 対応なんですけども。 それを、 proto ファイルから ASP.NET のサーバーを作るデモ 同じ proto ファイルからクライアントコードを生成するデモ WinForms とか WPF が .NET Core で使えるようになった → WinForms のデモでも生成した gRPC クライアントを利用 Xamarin にも、hot リロード、hot デプロイ機能が入る(プレビュー) → Xamarin のデモでも同じ gRPC クライアントを利用 Blazor のデモでも同じ gRPC 生成した gRPC クライアントは C# 8.0 対応 → await foreach のデモに利用 という感じ。 ち
.NET 8 の Blazor の静的 サーバー レンダリング (SSR) で JavaScript を使う方法
はじめに .NET 8 の Blazor で追加された静的 サーバー レンダリング (SSR) で JavaScript を使う方法を紹介します。 SSR では、普通に script タグをページに追加しても JavaScript が実行されません。この動作自体は今まであった Blazor Server や Blazor WebAssembly でも同じで基本的には OnAfterRenderAsync で JavaScript を読み込んで実行する必要があります。 SSR では OnAfterRender や OnAfterRenderAsync メソッドは呼び出されないので別の方法で JavaScript を読み込んで実行するようにする必要があります。そのため、Blazor のドキュメントの JavaScript 相互運用の所に静的サーバー レンダリングという項目が追加されています。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blazor で HTML と CSS で画面作りたくないよぉ… AntDesign 編
第729回 Ubuntuリポジトリに取り込まれたパッケージ版.NETで、UbuntuでもC#プログラミングを始めよう！ | gihyo.jp
Blazor でバリデーション ロジックを部品化したい
【無料】Blazor 対応の「使える」UI フレームワーク５選｜Blazorマスターへの道
第6回：Hello！ .NET 5 - システムエグゼ コーポレートサイト
.NET Aspire って何？ - 概要 - Qiita
Blazor 学習のためのサンプルアプリ紹介 - Qiita
Blazor WebAssembly 3.2.0 now available - .NET Blog
Blazorマスターへの道｜Blazorを学習したいあなたへ
C/C++でWebAssembly――「Emscripten」を体験する
ASP.NET Core Blazor WebAssembly でログインを作ってみる - Qiita
2021-09-28のJS: Lit 2、Gatsby 4 beta、Partytown(Third-Party Script into Worker)
出来ることは計算だけ？「WebAssembly」は一体なにが新しいのか～MIXIエンジニアが語る技術愛～
.NET 5で追加されたBlazorの新機能の説明(サンプル付き) - Qiita
ASP.NET Web Forms 開発者向け Blazor
C#でSPAが開発できるBlazorにAuth0で認証機能を付けてみる | DevelopersIO
Azure OpenAI ServiceのAzure公式サンプル実装まとめ
君のプログラミング言語は輝いているか - 弥生開発者ブログ
awesome-nostr
The future of .NET Standard - .NET Blog
C#でSPA(Blazor)をして、モダンフロントエンドに触れてみる(導入～開発①編) - Qiita
Blazor Server-Side アプリで作る 簡単チャットアプリ - Qiita
Blazor WebAssemblyで新規の業務システムを開発している話
Blazor WebAssemblyのアプリケーションをVisual Studioでデバッグする - Qiita
ASP.NET Core Blazor WebAssembly のハローワールド - Qiita
Visual Studio 16.3 & 16.4 Preview 1