Blazor

ブラウザ上でクリックした位置に図形を描画したい 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…

経緯 BlazorでURLからパラメーターを取得したい。 SupplyParameterFromQueryでいい感じに取得できるということなので、使ってみたい。のに使えなかった。 原因 Mainlayoutでページ遷移のため@Bodyを表記している。ある理由があって、ここに@Bodyの代わりに直接ページを埋め込み、parameterを渡してあげる。 そして、SupplyParameterFromQueryを使ってみる。動かない。。初期値が入っている。。。 @Bodyに変えてみる。動いた!!うーむ。 @Bodyにメリットあまりなくないかって思ってたがここにトラップがあった。

経緯 マーカーにhtmlを使いたいとずっと思っていた。ふと見るとgoogleがAdvancedMarkerViewというベータ版の機能を提供しているではないか。 以前だとこれを実現しようとするとRichMarkerと巷で言われているoverlayviewを派生させて無理やり？作っていた。しかし、今回、Googleが正式に提供してくれることで、本来のマーカーの利用しやすくなった。というかGoogleが提供してくれるようになった。 RichMarkerをたくさん描画すると圧倒的にマーカーより思いこともあり、AdvancedMakrerViewに期待できないかと思っている。 とりあえずJSでやってみ…

初めまして、アキちゃんです。 備忘録をかねてブログを書くことにしました。 今回はBlazor と 32KB以上の通信について書きます。 それでは早速・・・Blazor と 32KB以上の通信！ Lesson.1 事の発端 BlazorでRadzenのHtmlEditorを使用したWebアプリを運用していたとき、ある日から入力するためにコンポーネントをクリックすると以下メッセージ "Attempting to reconnect to the server: 1 of 8" と共に画面に再描画がかかるようになりました。 blazor.radzen.com Lesson.2 原因と理由 Signa…

初めまして、アキちゃんです。 備忘録をかねてブログを書くことにしました。 前回で作業共有画面-1（UI部分）が完了しました。 今回は作業共有画面-2（処理部分）を作成しようと思います。 それでは早速・・・Let's BlazorServer+Radzen ♪ Lesson.1 データService作成 ♪ Data\WorkShare.csに以下のコードを追加します。 public class WorkShare { public int Id { get; set; } = -1; public string Content { get; set; } = string.Empty; } D…

初めまして、アキちゃんです。 備忘録をかねてブログを書くことにしました。 前回で通知機能の実装が完了しました。 今回は作業共有画面を作成しようと思います。 それでは早速・・・Let's BlazorServer+Radzen ♪ Lesson.1 下準備 ♪ 作業共有画面を作るにあたって下準備をしたいと思います。 データの保存に関してですが実環境ではDatabaseを使用し保存するのが望ましいです。しかし今回はそこまで準備ができないためwwwrootの下にworksharesというフォルダを作成しそこにテキスト形式で保存しようと思います。 各作業員の入力データを取得するためのServiceが必…

初めまして、アキちゃんです。 備忘録をかねてブログを書くことにしました。 前回でLogin画面が完了しました。 今回は通知機能の実装を作成しようと思います。 それでは早速・・・Let's BlazorServer+Radzen ♪ Lesson.1 Notificationコンポーネント ♪ Radzenの通知機能の実装はNotificationコンポーネントを使用します。 blazor.radzen.com Lesson.2 通知機能の導入 ♪ Shared\MainLayout.razorの上部に以下コードを追記します。 @inject NotificationService Notifi…

私たちインフラジスティクスは、開発現場のプロセスやニーズが常に進化していることを理解しています。市場や顧客の期待に応えるためには、ユーザビリティを向上させると同時に、新しい機能や特徴を我々の製品ラインナップに追加していく必要があります。 そのため、私たちは常に開発ツールキット「Ignite UI」を強化し、新しいコンポーネントとより多くの機能を提供し続けます。私たちの開発するIgnite UI Dock Manager（ドックマネージャー）コンポーネントは、あらゆるフレームワークでマルチウィンドウ、マルチスクリーンのウェブアプリケーションを簡単に構築可能にします。

本日の気になった技術ブログ Tips リンク集です。 IReadOnlyListとIReadOnlyCollection<T＞とReadOnlyCollection 【Blazor】ReactivePropertyを使用してデータを反映させる Swiftのmodify {}, read {}について調べた 【自分用メモ】Xcodeの最新verをインストールする際の注意点 【翻訳】What is image rendering mode in iOS ? 【DJI MSDK V5】KeyStartAutoLanding送信後に降下が途中で止まってしまう問題について Android 曜日を取得する…

もくじ https://tera1707.com/entry/2022/02/06/144447#Azure やりたいこと こちらの動画で紹介されていた、Azure app Service を試してみた。 そのときにやったことをメモしたい。 www.youtube.com やったこと Azure App Serviceの登録・準備 azure app service で検索。 ヒットした下記ページの「Azureを無料で試す」を押す。 https://azure.microsoft.com/ja-jp/products/app-service 無料で始める を押す 自分のAzureアカウントを作…

2023/4/22～4/23 、秋葉原にて Keyboard Input Hackathon というイベントを開催しました。 タイピング・キーボード関連のイベントの運営側として参加しましたので、レポートを書き残しておこうと思います。 Keyboard Input Hackathon? キーボードに関連することならなんでもOKなハッカソンで、今年が初開催となるイベントです。 情報系の企業が主催するような一般的なハッカソンとは少し異なり、制約が緩く、各々が得意な分野で短期間で開発を行いながら交流を行うイベントとなっています。 運営に入ったきっかけ 2022年の年末あたりに、本イベントがあると知って…

以前、.NET Framework 時代の記事だけど「C# OS にインストールされているプリンターのアイコンを取得」を書いた。 デフォルトのプリンター名も取得したくなったので、改めて .NET 用に書き直したのでメモ。 できること デフォルトのプリンターの名前を取得 プリンターの名前の一覧を取得 プリンターの名前に対応するアイコンを取得 以前は、名前とアイコンを一緒に取得していたのですがバラバラにしました。同じようなコードを2回書いてるので微妙なんですが、１００回も２００回も動かすコードじゃないし、アイコンが毎回必要なわけでもないならコードは別々のほうが使い勝手よさそう。（ValueTupl…

以前、Azure OpenAIのtext-davinci003を利用し、FAQチャットボットのようなシステムを作れないか試したことがあります。 現在はAzure OpenAIからChatGPT APIが公開されたので、再検証してみた結果をお伝えします。 構築方法 検証結果 ソースコードの作成手順 まとめ 構築方法 前回と同様、構築方法は下記のブログに記載されています。 blog.jbs.co.jp 下記条件を満たすソースコードを、GPT-4で作成します。 ユーザーが質問文を入力 Azure OpenAI APIで、質問文からキーフレーズ抽出 Azure OpenAI APIで、キーフレーズの同…

ウェブサイトの移行で問題があって巻き戻したんですが、一応今月書こうとしてたブログです！！ （エイプリルフールではありません！！！）（不具合修正は適用しています） ウェブサイトを.NET6にアップデートしました！ （フォーラムやUserVoiceは独立しているので更新なしです） （参考ページ） これから少しずつウェブサイトの役割も広げていければと思っていたのですが、それをするにあたって10年前の技術スタックの上に積み上げていくのは負債の側面が強くなってしまうので、それを避けたいと思いました。 （それから、いつかちゃんとエンジニアさんとチームを組めればと思っているのですが、その時に「QuestNo…

お世話になっております。インフラジスティックス・ジャパンでございます。今月も耳寄りな情報をお届けいたします。 今月のトピック 3月開催の無料ウェビナー [3/23開催]Blazor vs React vs Angular 徹底比較 ～フロントエンドプラットフォーム選択のポイント 開催概要 参考ブログ [3/28開催！]Webアプリケーション開発超入門ウェビナー Web開発の基礎を理解しよう！ 開催概要 新着ブログ記事ご紹介 .NET Framework 4.8 で作成した WPF アプリケーションを .NET 6 にアップグレードする 不況下でのアプリケーション開発コスト削減に ローコードツー…

Visual Studio のアップデート 17.5.1 がリリースされました。 前回から 2 週間。安定しているようですね、安心できます。しかし安心してばかりはいられません。セキュリティ関連があるので素早くアップデートしましょう。 ■ 更新内容 ■ 機能の追加 機能の追加は無いようです。 問題の解決 今回の問題も、ちょっと内容までは私の力では良くわからないものばかりです。 Razor (Blazor？) 関連で 2 件 検索で 1 件 対策があるようです。 Developer Community テストエクスプローラーの操作にかかわる問題？ Visual Studio がクラッシュする問題 …

2023/03/03（今日ですね） にある meetup app osaka@7 で話すやつです。 meetupapp.connpass.comdynamic で JavaScript を書けるのですが、それではインテリセンスも使えないし再利用するためにはラップするなりで型をつけてやった方がいいですね。それで interface を定義して定義するだけで使えるようにしました。内部的には DispatchProxy を使っています。こんな感じで書けます。 <script> class Rectangle { constructor(height, width) { this.height = h…

(原文 Friday, February 10, 2023 : Zdravko Kolev / 翻訳 : インフラジスティックス・ジャパン) 2月の更新版がリリースされたApp Builder™には、エキサイティングな新機能が含まれています。App Builder™をまだご存知でない方に、なぜそれが組織のアプリ開発プロセスに必要なツールなのかをご説明します。

2023/03/03 にある meetup app osaka@7 で話すやつです。 meetupapp.connpass.com年末のBlazorのアドベントカレンダーでHandsontableをBlazorで使う話が書かれてたのでやってみました。若干非効率ながら全部C#で書けました！コードはそれを参考にさせてもらいました。（てかそのJSをC#に書きなおさせてもらいました） qiita.com @page "/" @using Blazor.DynamicJS @inject IJSRuntime jsRuntime <div @ref="_grid"></div> @code { priv…