Blazor

はじめに この記事では.NETラボ 勉強会 2024年5月 newMVP祭りに登壇した際の話を書きます。 dotnetlab.connpass.com イベント概要 今回は.NETラボに登壇しました。 .NETラボとは.NET技術やマイクロソフト製品について勉強するコミュニティーであり、毎月第4土曜日に定期開催されています。 ※もちろん、筆者の私もスタッフとして活動しています。（最近加入しました。） コミュニティーではコミュニティ名にある「.NET」かもしくはAzureに関することまたはM365やMicrosoft製品に関することをテーマに登壇できます。 極端なことを言うとMicrosoftの…

昨今の.NETのUIフレームワークで一番熱いものはBlazorなんじゃないかと思っています。 Webはもちろん、デスクトップやモバイルでもMaui BlazorによってiOSやAndroid、macOS、WindowsなんかもBlazorでUI定義が出来ます。 ここ最近の.NETはUIフレームワークが多様化してMSやサードパーティにていろんなアプローチが提供されているため、自分の中で確実な1つを定めたいなという思いに至りました。 そこで課題になるのはデスクトップだったのですが、BlazorがWebView2を通してMauiやWPFにて再利用が可能というところもあり、今後はBlazorをキャッチ…

デジラマを作るほどの気持ちはないのだれど、プラモの写真を少し加工してカッコよくしたい程度の気持ちがある。 Blazorのカレンダー | Advent Calendar 2023 - Qiitaの14日目です。昨日は"ゲームなどでよく見る「長押しのボタン」のUIをWEBで表現してみた" を Blazor で実装してみた #Blazor - Qiitaでした。ぼちぼちHTML要素のネイティブなイベントでフォローされたい。 一応はてなエンジニア Advent Calendar 2023 - Hatena Developer Blogの14日目でもあります。こちらの昨日はid:Windymeltのシン…

ちょっと作りたいアプリがあり、フロントどうしようかと。 VueやReact、どれも一から学習で、どれ使おうか迷っていたのですが、なんとなくBlazorにしてみようと で、DevOpsに関することも学習していきたいので、単体テストも自動化したいと。 なので、書き方とか含めそもそもどうやって作っていくのかもが一緒に学習してみようと思っていまして とりあえず、Visual Studioで作成されるBlazorのサンプル？アプリを題材に簡単な単体テストを作ってみようと ChatGPTにおんぶにだっこで進める。 Blazor WebAssemblyの ASP.NET Core Hostedなし(バックエ…

2023/03/03 にある meetup app osaka@7 で話すやつです。 meetupapp.connpass.comBlazorでちょいちょいJavaScript書くときありますよね、でもちょっとしたやつやからJavaScript別に書くの面倒なんですよねー、でDynamic使ったらラップできるんじゃないかってことでやってみました。Nugetにも公開しててコードはこちら github.comこんな感じで書けます。 //JavaScriptを書くためのオブジェクト作成 using var js = await JS.CreateDymaicRuntimeAsync(); //ここか…

冬休みの自由研究アウトプット 作ったもの 調べたもの 構成 中身 ◆Blazor WebAssembly ◆Blazor Server ◆GO Blazor側のソース おしまい 冬休みの自由研究アウトプット 年末年始ひたすら調べて実験して最終的に作ったもの 作ったもの GitHubのユーザーのリポジトリごとのTrafficをブラウザで表示するページ。 GitHubからも見れるけど、リポジトリ単位でしか見れなくて面倒だったので。 数が少ないのは気にしない。。。始めたばかりだし。 調べたもの 基本的なこと Server - Client GO 基本構文 配列の書き方 ループの回し方 HTTPのハン…

ブラウザ上でクリックした位置に図形を描画したい WinFormsでできていたことをブラウザでどれだけ実現できるのかを試してみた。 BlazorもWebAssemblyもASP.NETもこれが初挑戦。 そっちを調べるほうが時間かかった。 Blazor×WebAssemblyで図形描画 できた。 環境 VS2022 .NET6 構成 Blazor WebAssembly アプリ HTTPS用の構成 ASP.NET Core Hosted 準備 Blazor.Extensions.Canvas(1.1.1)のnugetパッケージをインストール 書いてみる Canvasの準備 WinFormsのPic…

ちまたでは以下のような記事が話題になっていると聞いて読んでみたら誤解が多いかなと思ったのでいくつか紐解いていくことにする。 C#はやめとけと言われるのはなぜ？C#エンジニアが人気な理由とキャリアアップの方法を解説 | エンジニアスタイル 誤解されていると思われているところを列挙していきます。 他の言語に比べて独自の優位性が少ない まず、某記事では優位性、あるいは特筆すべき独自の強みが少ないという観点について説明されています。 この「優位性とは何か」ですが、某記事では機能の豊富さとフレームワークを中心に比較しています。（以下、該当箇所を抜粋） JavaScriptはフロントエンド開発においてよく…

リリースの時期がやってきました。今回のInfragistics Ultimate 24.1は、世界中でシンプルさと美しさを兼ね備えたアプリケーションを作成するために役立つ、待望の新機能を多数提供します。これまで以上に開発速度が最大8倍向上しました！ 継続的なリリーススケジュールの一環として、ここ数か月にわたり、私たちはApp Builderの強化されたコード生成機能や、主要なWebフレームワーク向けの高度なグリッドコンポーネントに焦点を当ててきました。 Infragistics Ultimate 24.1の主な特徴は以下の通りです その他のローコード機能：Reactコード生成とマスター・ディテ…

Microsoft Azureの強みが分からん、みたいな話をしばしば見かけるので、普段仕事ではAWSにロックインされているAzureにわかとしての認識をまとめておく。 まず、Azureはクラウドサービス単体で評価するものではない。自分はまあまあAzure推しだけれと、.NETと最適化されたIDEを採用しないならAzureではなく他のクラウドプロバイダを選択する。AzureはMicrosoftが抱える巨大なエコシステムの一部であり、単体では真価を発揮しない。 Azure ADでIDを管理し、Visual StudioでC#のアプリケーションを開発して、Azureで運用する。全てをMicrosof…

こんにちは！ソリューションコンサルタントの田上です。 2000年代初頭に登場した Windows Forms は、長年にわたり多くの企業においてデスクトップアプリケーション開発の主力として活躍してきました。Windows Forms は、その使いやすさと広範なコントロール群によって、当時の開発者にとって非常に魅力的な選択肢でした。特に、社内業務システムやデバイスと密接に連携するアプリケーションの構築において、その地位は不動のものだったと思います。 一方で、テクノロジーの進化とともに、Windows Forms は徐々にレガシーな技術となりつつあります。モダンなUIデザインや高度なユーザーエクス…

こんにちは！ソリューションコンサルタントの田上です。 Infragistics App Builder は、Web開発部門を持っているソフトウェア企業にとってゲームチェンジャーとなる強力なローコードツール（コード自動生成・AI搭載）です。 企業の成長に不可欠な要素の一つが、IT投資の最適化です。特に、ソフトウェア開発部門の生産性を向上させることは、競争の激しい市場での成功に直結します。しかし、多くの企業が開発プロセスの遅延やコストの膨張に悩まされているのが現状です。 そこで、Infragistics App Builder が登場します。App Builder は、開発プロセスを最大70%もス…

こんにちは！ソリューションコンサルタントの田上です。 Infragistics App Builder は、アトミックデザインの原則に基づいたUI構築を支援する強力なツールです。 ソフトウェア開発の現場では、デザインの一貫性を保ちながら効率的にUIを構築することが求められます。ここで登場するのが「アトミックデザイン」という設計手法です。 アトミックデザインはUIコンポーネントを「原子」「分子」「生体」「テンプレート」「ページ」という5つの階層に分解し、再利用可能なコンポーネントを組み合わせてデザインするアプローチです。 この記事では、App Builder がどのようにアトミックデザインの特性…

今月、App Builder の新たなマイルストーンを迎えました。6月のアップデートにより、ローコードプラットフォームが大幅に強化され、さらに迅速なアプリ開発が可能になります。これには、待望のReactコード生成機能をはじめとする新しいローコード機能の追加が大きく貢献しています。また、新しいゲストアクセスモードを利用すれば、初めてのユーザーでもアカウントにサインアップすることなくApp Builderを試用することができます。サインインすると、進行状況を保存でき、作業内容が保持されるため、安心して利用できます。 さらに、Reactコード生成に加え、Select、Text-area、Radio-…

5 月の App Builder リリースでは、多くの新機能と改善点が提供されました。ユーザーは、既存のデータソースを最新のOpenAPIスキーマに更新し、変更点を確認できるようになりました。また、Input、Checkbox、Switch、Date Picker、Calendar、Rating、Sliderといった各コンポーネントにおける双方向データバインディングのサポートも向上しました。 その他の新機能としては、ツリーグリッドコンポーネントで行の作成、更新、削除が可能となるデータアクションが追加され、行選択イベントに基づいて変数を更新できるようになりました。さらに、ツリーコンポーネントが強…

こんにちは。放浪軍師です。 C# + Azure Functions + Azure Cosmos DB + Azure Static Web Apps 自作テンプレート 今回は、私が考えた最強の C# + Azure Functions + Azure Cosmos DB + Azure Static Web Apps テンプレートをご紹介します。そこそこの時間をかけて、私の知識と経験をぶっこみましたので、一見の価値ありじゃないかと思います。・・・とは言え、まだまだ C# そのものが初心者ですし、実際にこのテンプレートで開発を進めてみた訳でもないので、色んなつっこみどころがあるかもしれません…

こんにちは！ソリューションコンサルタントの田上です。 Infragistics の App Builder は、Figma デザインを取り込んで、コード自動生成できる画期的なツールですが、使用する際の注意ポイントを理解しましょう。 注意するポイントは下記です。 Indigo.Design UI キットのデザインファイルが必要 Indigo.Design プラグイン（Figma プラグイン）が必要 基本コンポーネント（Base Components）の理解 コンポーネントの使用方法の理解 プロパティ管理の理解 メタデータ（親子関係情報）の理解 これらを理解することで、Figma から App B…

Figma から７つのコードを自動生成する Figma デザインの完全なインポート デモンストレーション（プレビュー専用URL） App Builder 操作手順／Figma プラグインのダウンロードはコチラ 動的Webアプリケーションに対応した本格派のローコードツール Webデザイナーとプログラマーに嬉しい豊富な機能 Webアプリケーションの業務プロセスは一体化する BtoB企業案件向けの最適な選択肢 Infragistics のUIコンポーネントについて データグリッド チャート Figma と App Builder の連携を始めましょう！ Figma から７つのコードを自動生成する こ…