はじめに .NET 8 が先日リリースされて .NET Conf 2023 のセッション動画も YouTube の dotnet チャンネルに投降されています。 .NET Conf 2023 のプレイリストで全て確認できるので興味があるやつだけでも見てみると楽しいのでお勧めです。 今回は、その動画の中の Full stack web UI with Blazor in .NET 8 | .NET Conf 2023 の内容を解説する形で記事を書いていこうと思います。後半の認証や CRUD のページを自動生成してくれる機能については別途余裕があれば書こうと思います。また、記事内の図の多くは、この動画内のものから引用しています。 細かい新機能は色々ありますが、大体の大枠はこのセッションに詰まっているのでとても勉強になります。 Blazor Blazor ですが、ASP.NET Core に完全
わずか8キロバイトのアニメーション映画を作る方法とは？
CGアニメーションを用いてデモシーンの制作を行うグループ「Ctrl-Alt-Test」が、わずか8キロバイトに収めるという制約の下で制作した3Dアニメーションを公開するとともに、その制作方法について解説しています。 How we made an animated movie in 8kB - Ctrl-Alt-Test https://www.ctrl-alt-test.fr/2024/how-we-made-an-animated-movie-in-8kb/ The Sheep and the Flower - Razor 1911 & Ctrl-Alt-Test (8kB demo) - YouTube Ctrl-Alt-Testは2022年11月に、8キロバイトに収めるという制約の下、短編アニメーションを制作するという課題を設定しました。Ctrl-Alt-Testによると、高品質なグ
What the New York Times Missed: 71 More of the Best Books of the 21st Century
Susanna Clarke, Jonathan Strange & Mr. Norrell (2004) I should not have been surprised that the NYT list skewed heavily away from genre fiction—but missing Susanna Clarke’s world-changing doorstopper of a debut is a particular head-scratcher. On paper, the book still seems daunting in an almost comical way: a Regency-era epic (with footnotes and extensive digressions on philosophy, magic, politics
Introducing Copilot+ PCs - The Official Microsoft Blog
An on-demand recording of our May 20 event is available. Today, at a special event on our new Microsoft campus, we introduced the world to a new category of Windows PCs designed for AI, Copilot+ PCs. Copilot+ PCs are the fastest, most intelligent Windows PCs ever built. With powerful new silicon capable of an incredible 40+ TOPS (trillion operations per second), all–day battery life and access to
「オッカムの剃刀」は、科学、哲学、論理学などの領域で使用される原則で、ある問題について複数の説明や仮説がある場合、最も単純で少数の仮説が正しい可能性が高いとする原則です。この原則は、複雑さや冗長性を避け、問題を解決するために最もシンプルで効率的な説明を採用することを奨励します。 原則の名称の由来 オッカムの剃刀は、14世紀のイギリスの神学者ウィリアム・オッカム（William of Ockham）にちなんで名付けられました。オッカムはこの原則を初めて提唱し、複雑な説明を避け、簡潔なものを好む立場を表明しました。 原則の要約 オッカムの剃刀の要約は次のようになります。「同じ説明が得られる場合、最も簡単な説明が最も良い説明である。」つまり、何かを説明するために余計な要素や仮定を追加する必要はなく、最も単純な説明を優先すべきだという原則です。 複雑性の原則 オッカムの剃刀は、複雑性の原則とも呼ば
はじめに Blazor が .NET Core 3.1 の頃に出てきて、Single Page Application を C# + HTML/CSS + ちょっとのJavaScript で作れる技術という立ち位置で .NET 5 頃までいました。 そこから Blazor Hybrid や .NET 8 で Blazor United という俗称で呼ばれる新しい Blazor の形が出てきました。 正直、のほほーんと外から Blazor を眺めているだけだと何が何だかわからない状態だと思うので、.NET 8 時点での Blazor の形を整理してみようと思います。今回は基本的に整理するだけで、実際にコードとしてどのように実装するのかといった所までは踏み込みません。個々の詳細についてはドキュメントなどを参照してください。 関連するドキュメントや私の記事などは、関係する説明の途中にリンクを貼っ
※Blazor Serverについて知らなかった人に興味を持ってもらいやすくする為、タイトルを「Blazor Serverの非同期処理がめちゃくちゃ直感的に書けて感激した件」から変更しました。 今更ですがBlazor Serverをちょっと試してみて、そのあまりのすごさに驚いたので記事にしてみます。C#があれば、ReactもVueもSvelteも要らんかったんや…（言い過ぎ）。 Blazor Serverは比較的新しいフレームワークで、「サーバ側もクライアント側も全てC#で記述しよう」という野心的なフレームワークです。2020年頃に正式リリースされ、.NET 3.1以降で使えるので、.NET6がLTSで既に.NET8がリリースされようとしている現在では、割と安定した技術と言えるでしょう。 同じBlazorブランドで展開している似た技術に「Blazor WebAssembly」というものもあ
AIでガールズメタルバンドを作成し、デビューアルバムを発売し、週刊プレイボーイにデビューさせた話｜坂口孝則（SAKAGUCHI Takanori）
当内容は2024年3月18日発売の「週刊プレイボーイ」（2024年14号）で書いた、私（坂口孝則）の連載記事とつながっております。ご興味のある方は本誌をお買い求めください（本記事下部の「インタビュー記事」は、週刊プレイボーイ本誌には出てきません）。 ヘビーメタルバンドをAIで作ってみる私は音楽のヘビーメタルに魅了されて30年が経ちます。15歳から、さまざまなヘビーメタルのバンドを愛聴してきました。いまだに週末になるとラウドミュージックを探して、メロディック・デスメタルやグラインド・コアを聴くためにライブハウスに入り浸っているほどです。 そこで、今回、OpenAIのAPI、ChatGPTを使ったり、Suno AIなどのAI（人工知能）を活用してガールズメタルバンドを作ることができないか試行錯誤してみました。 結果、ガールズメタルバンド「Brutal Girls' Metal」ができあがり、さ
GitHub Actions: Introducing the new M1 macOS runner available to open source!
GitHub Actions: Introducing the new M1 macOS runner available to open source! actions January 30, 2024 Today, GitHub is excited to announce the launch of a new M1 macOS runner! This runner is available for all plans, free in public repositories, and eligible to consume included free plan minutes in private repositories. The new runner executes Actions workflows with a 3 vCPU, 7 GB RAM, and 14 GB o
12月6日は秋葉山権現火防祭、菊芋ルネサンスの日、アクワイアの日、シンフォニー記念日、ラジオアイソトープの日、姉の日、音の日等の日&話題 - 風に吹かれて旅するブログ (話題・記念日＆ハッピートーク)
12月6日は何の日? その時、何してた? 2023年(令和5年) 12月6日は秋葉山権現火防祭、菊芋ルネサンスの日、アクワイアの日、シンフォニー記念日、ラジオアイソトープの日、姉の日、音の日等の日です。 ■秋葉山権現火防祭【神奈川県小田原市、量覚院】 www.youtube.com 秋葉山火防祭 （毎年12月6日） 板橋の秋葉山量覚院にて「秋葉山火防（ひぶせ）祭」が行われます。 「秋葉山火防祭」は、修験者装束の山伏が天下泰平の祈願や山伏問答をした後、オキの火の上を渡る「火渡り」の儀式が行われ、無病息災を願います。 開催日時 令和５年12月6日（水） 午後3時～8時 (午後7時から火渡り） 場所 秋葉山量覚院 （小田原市板橋544） 火の用心（火之要慎）札 秋葉権現に火防の祈願がされたお札 秋葉山 大宝院 Amazon ■5th Anniversary その着せ替え人形は恋をする展覧会 そ
.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 相互運用の所に静的サーバー レンダリングという項目が追加されています。
はじめに 同じようなタイトルで 1 年と半年前に以下の記事を書きました。 この時には Fluent UI Blazor イマイチだなぁと思っていたのですが、あれから 1 年半で Fluent UI Blazor が結構進化していました。そして .NET 8 で Blazor が大進化を遂げたのにも、しっかり対応していました。 まだ、細かいところをみると .NET 8 の Blazor の進化への対応は、ドタバタしてる感じはありますが、即対応版を出してくれているところは安心感があります。 ということで .NET 8 で Fluent UI Blazor を試してみて感想を書いていこうと思います。 Fluent UI Blazor とは Fluent UI Blazor は Microsoft のデザイン システムの Fluent UI に沿ったコンポーネントを提供する Blazor 向けの
感想OUTPUT：世界はシンプルなほど正しい 「オッカムの剃刀」はいかに今日の科学をつくったか を読んだ感想 - Be financial freedom. 経済的自由の探求
こんにちは、株もっちーです。 金曜日は、本などのINPUTした情報に対するOUTPUTをしていきたいと思います。 要するに読書感想文的な活動ですね。 読んだ本：世界はシンプルなほど正しい 「オッカムの剃刀」はいかに今日の科学をつくったか, ジョンジョー・マクファデン (著), 水谷 淳 (翻訳) Life is Simple: How Occam's Razor Set Science Free And Unlocked the Universe, JohnJoe McFadden (著) 気づいたこと 行動したこと まとめ ランキング・宣伝など 読んだ本：世界はシンプルなほど正しい 「オッカムの剃刀」はいかに今日の科学をつくったか, ジョンジョー・マクファデン (著), 水谷 淳 (翻訳) 世界はシンプルなほど正しい 「オッカムの剃刀」はいかに今日の科学をつくったか 作者:ジョンジョー・
『90年代「エヴァショック」で、こんな項目がヒット要因と勘違いされ山ほど作品が』～メカ描写、暗い主人公、善意の無さ、無表情な少女……
神野オキナ @OKina001 「エヴァショック」とでも言うべきものが確かに90年代後半にはあって、滅茶苦茶大雑把に言うと画像のような項目が「エヴァ大ヒットの要因」と勘違いした人たちがそういう作品を山ほど作ってしまった時期があった。 ここから最初に「知らんよ」と言って抜け出したのが「デュアル！」と「ガオガイガー」 pic.twitter.com/ppXS8lngQg 2024-02-01 23:59:04 神野オキナ @OKina001 小説屋デス Foreign followers, I like to make sure that I'm not an illustrator nor cartoonist. I'm just a novelist. 宣伝も流れます。HP okina.razor.jp okina.razor.jp 神野オキナ @OKina001 山ほどは言い過ぎかもしれ
About That Mysterious AI Breakthrough Known As Q* By OpenAI That Allegedly Attains True AI Or Is On The Path Toward Artificial General Intelligence (AGI)
Seems hard to believe that the number of people likely knowing this fantastical outcome would be utterly secretive and mum for any considerable length of time. The seemingly more plausible notion is that they arrived at a kind of AI that shows promise toward someday arriving at AGI. You could likely keep that a private secret for a while. The grand question though looming over this would be the cl
ビビッときました BlazorでSmart Componentとやらが発表されました。 動きを見てもらえるとわかりますが、文章をコピーしておくと、入力フォームをいい感じに埋めてくれたりします。 これを見て久方にうおおおぉっ、てなりまして、Blazor/Razorでこれを使えばいいだけではあるものの、自前実装(Svelte)で同じ動きを実現してみよう！というのが今回の記事の趣旨です。ちなみに、今回はSvelteで実現はしていますが、同じ方法でReactでもVueでもできるかなと。 できたもの クリップボードに文章をコピーしてから、AIPasteボタンを押すと、いい感じに入力フォームが補完されるものができました！これ↓ではユーザ登録フォームみたいなのでやってますけど、チケット登録とか、場合によってはこれにRAGいれたりとかすごい使いどころを感じさせますよね。 ちなみに裏側ではAzure Ope
はじめに 現在、Blazor Server を使用してアプリケーションを作成しています。.NET 7のサンプルアプリから徐々に改良して作成していきました。 2023/11/14に.NET 8がリリースされました。早速、Target frameworkを「.NET 8」に変更してみると、これが動かないんですよね。 既に社内ライブラリーは、.NET 8に上げてしまったので正直焦りました。 原因を調査するには時間が足りないため、しばらくは.NET 7のまま開発を進めていました。 そして、冬季休暇になった段階で、ようやく落ち着いて調べることが出来ました。 変更点 .NET 8のサンプルアプリから徐々に現在のアプリケーションに近づける方法で調査していきました。 フォルダ構成 .NET 7では、直下にPagesフォルダとSharedフォルダがありましたが、.NET 8では、直下にComponentsフ
はじめに 調べすぎて記事内がリンクだらけになっていますがご容赦ください。 また、間違い等ございましたらご指摘いただけると幸いです。 記事が長いなと思ったので、 解説、調査の前半 実際の作成過程の後半 の構成にしたいと思います 前半概要 実務でAsp.netを使用しているが、いまいち理解していないことが多いので自分で一から作ってみる。 Web系の仕事をするためにも必要な知識を高めたい プロジェクト作成 VisualStudioでテンプレートを作成します MVCで作成したいのでMVCテンプレートを選びます。 「Razorランタイムコンパイルを有効にする」にはチェックを入れています。 Razorランタイムコンパイルとはアプリの実行時にRazor拡張子(.cshtml)を編集するとリアルタイムで変更が反映されるものっぽいです。 Razor ファイルのビルド時および発行時のコンパイルは、既定で Ra
Why and How to Execute GraphQL Queries in .NET - .NET Blog
Most (if not all) projects are consuming APIs to get data, and there many ways to do it. One of the most popular ways is to use REST APIs. However, REST APIs have some limitations, such as over-fetching (forcing the client to load all properties even when only a few are needed for the UI). GraphQL is a great alternative to REST APIs because it allows you to request only the data you need, which ca
この記事は以下のツイートから始まる疑問に対する回答みたいな記事です。 満たしたい要件としては、ASP.NET Core Blazor WebAssembly をフロントにしつつ、サーバーサイドは ASP.NET Core で Web API も作れて、同じサイトにフロントエンドとバックエンドの両方を配置できるようなプロジェクトを作ることです。 箇条書きにすると以下のような感じですね。 フロントエンドは ASP.NET Core Blazor WebAssembly バックエンドは ASP.NET Core Web API (もしくは Minimal APIs) 発行すると1つに纏まってフロントエンドとバックエンドと同じサイトに配置できる 先に解説 ASP.NET Core は DI コンテナ内にどんなサービスを登録するかということと、どんなミドルウェア（リクエストを処理するパイプライン）を
Overfitting is a typical mistake that many machine learning engineers make, typically beginners. Unfortunately, this mistake can completely ruin your machine learning model, producing incorrect outputs and leading to making the wrong decision. What is Overfitting in Machine Learning? Overfitting in Data Science occurs when a statistical model fits precisely against its training data. It is a model
Microsoft Build 2024 で .NET Aspire のバージョン 1.0 がリリースされました。 ここでは、その .NET Aspire の説明をしたいと思います。 公式ドキュメントは以下になります。 ここでは公式ドキュメントとはちょっと違った切り口で解説していこうと思います。 .NET Aspire とは .NET Aspire は、複数のサービスで構成されるアプリケーション開発やデプロイを支援するツールやライブラリの集合体です。 ここでいうサービスは自分たちで開発するマイクロサービスのこともあれば、既存のサービスやミドルウェアを指すこともあります。つまり単一の Web アプリが Redis や SQL Server に依存するといったケースでも .NET Aspire の恩恵を受けることが出来ます。 また .NET Aspire はアプリケーション開発フレームワークで
January 30, 2024 The macOS 14 runner image is now available for GitHub hosted runners. Workflows executed on this image will run exclusively on the 3 vCPU M1 runner announced earlier today. To use the runner, simply update the runs-on: key in your YAML workflow file to macos-14, macos-14-xlarge, or macos-14-large. The macOS 12 runner image will remain latest until migration of the latest YAML work
VS Code で .NET MAUI の開発環境を構築する(macOS/iOS) | 豆蔵デベロッパーサイト
先日終了した夏のリレー連載2023において社内 Hackathon の紹介記事が投稿されましたが、その後年1回のオフラインイベントが開催されました。最近ネタ切れ気味の筆者も参加して .NET MAUI の開発環境を構築してみたので記事にさせていただきます。 .NET MAUI は .NET Xamarin 後継のクロスプラットフォームなネイティブアプリケーションフレームワークです。iOS / Android のアプリはもちろん、Windows / macOS のデスクトップアプリケーションも開発できます。Xamarin 同様、XAML による宣言的な UI 定義と C# の partial class でアプリを構築します[1]。 .NET MAUI とは - .NET MAUI Information.NET MAUI には、C# で Web アプリを開発できる Blazor というフレ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
.NET 8 の ASP.NET Core Blazor 新機能オーバービュー
「オッカムの剃刀」とは？
.NET 8 での Blazor を整理整頓して理解しよう
非同期なHTMLのレンダリングもサーバ側から全部やっちゃう「Blazor Server」が凄すぎる - Qiita
Blazor で HTML を書きたくないよぉ…(Fluent UI Blazor 編 on .NET 8)
生成AIに入力フォームを補完させるボタン - Qiita
Blazor Serverで.NET 7から.NET 8への移行方法 - Qiita
ASP.NET Coreを使ったToDoアプリの作成(前半) - Qiita
.NET 8 の Blazor で WASM + API のプロジェクトを作る
How to Avoid Overfitting in Machine Learning Model?
マイクロサービスを作らない人による .NET Aspire の概要説明（普通に便利）
GitHub Actions: macOS 14 (Sonoma) is now available