Clik here to view.
Flutter の開発環境を作ってみたメモ on macOS
Windows に作ったけど、iOS アプリの動作も確認したかったら mac っしょ。ということで macOS にも作ってみました。Java 1.8 は入っていたので、Android Studio をインストールしました。developer.android.comAndroid Studio を起動したら SDK を入れたりします。現時点の最新だと Windows...
View ArticleClik here to view.
Blazor で Hello world してみた
Blazor 気になってます。最初出てきた時に、これはいいものなのでは？と思ったけど実験的プロジェクトだったので触らなかったのですが、.NET Core 3.0 で入るので触ろうと思います。実験的な段階の初期からあったブラウザーの WebAssembly で動くモード以外にもサーバーサイド Blazor というのがあって、こっちがどうも今のところ推奨っぽいです。サーバーサイド Blazor...
View ArticleClik here to view.
サーバーサイド Blazor で Azure SignalR サービスを使う
サーバーサイド Blazor ってサーバーとブラウザーの間は SignalR 使って接続するんですってね。 SignalR 側がスケールするために Azure SignalR Service を使うこともできる機能が Azure SignalR SDK v1.1.0 (preview)...
View ArticleClik here to view.
クライアントサイド Blazor してみよう
プロジェクト作って眺めてみようと思います。.NET Core 3.0 Preview 6 + Visual Studio 2019 Preview + Blazor 拡張機能で試しています。.NET Core 3.0 Preview 6 で、@functionsから...
View ArticleClik here to view.
ASP.NET Core プロジェクトに Vue.js を入れ込んでみよう
最近は SPA が盛んですがサーバー側と一緒にいい感じに開発してさくっとデプロイしたい！私の場合はサーバーサイドは C# で書くんですが、ASP.NET Core の Web アプリケーションのテンプレートには Angular と React しか対応してないので、Vue.js を使いたい自分にとっては悲しい感じです。Vue.js でやってみよう特に仕組み的には React や Angular...
View ArticleClik here to view.
ReactiveProperty で二度押し防止 2019 年 6 月版
ということで書いていきましょう。といっても二度押し防止系は AsyncReactiveCommand使うと楽。以上です。 例えば非同期処理が終わるまで押せないボタンを実現したい場合は以下のような ViewModel になります。using Reactive.Bindings; using System.ComponentModel; using System.Threading.Tasks;...
View ArticleReactiveProperty v5.6.0 をリリースしました
AsyncReactiveCommand の機能改善です。 具体的には以下のブログ記事の「もっと複雑なケース」への対応になります。blog.okazuki.jpインストールはいつも通り NuGet から！www.nuget.org
View ArticleClik here to view.
Azure を始めるアプリ開発者の人がスムーズに使い始められますように
ということで、これを知っておくと捗ると思うものを独断と偏見で書いていきたいと思います。リソースとリソースグループAzure にサーバーを立てたり何かを作ったりするときに、必ずリソースグループやリソースという単語を見ることになります。...
View ArticleClik here to view.
Bot Framework SDK 4.4.3 時点でのボット作成の最小手順からダイアログまで
Bot Framework SDK (Bot Builder SDK?) v4 で v3 から大きく実装方法が変わったわけですが、結構 v4.1, 4.2, 4.3, 4.4... と進んでいくうちに、意外と v4 当初の作り方が非推奨になったりしてしょんぼりすることがあったので v4.4.3 時点での Bot Framework SDK...
View ArticleClik here to view.
C# で完全サーバーレスで SPA とバックエンドを作れるようになりますね
Azure API Management の従量課金プランが GA しました。azure.microsoft.comつまり…Azure Storage Account の静的 Web サイトホスト機能で SPA をホストAzure Functions の HttpTrigger で処理を作成Azure API Management で Azure Functions を SPA 向けに公開Azure...
View ArticleClik here to view.
Windows デスクトップアプリ開発と消えた Prism for Windows (Prism は消えてないよ)
これの続きです。blog.okazuki.jpPrism for Windows(UWP) って書いてるけど MVVM アプリって何で作ったらいいんだっていう感じのコメントがついてるので事実だけを淡々とPrism は以下のプラットフォーム向けに提供されていたWPFXamarin.FormsUWPこれがこうなったWPFXamarin.Forms以上UWP...?UI...
View ArticleClik here to view.
Vue.js で Router 使ってみよう
Router 使うと簡単に画面遷移するアプリ作れるってことで試してみましょう。 まぁ、Vue.js は公式ドキュメントがとてもよくて、さらには日本語もあって読みやすい！！なので、公式みたらわかるようになってるのですが、とりあえず試してみたログということで。ちなみに Vue Router のドキュメントはこちらrouter.vuejs.orgRouter のないプロジェクトを Vue CLI...
View ArticleClik here to view.
TypeScript で Jest 使ってみた
TypeScript(というか JavaScript) のユニットテストって何がいいのかなぁというのがわからなかったので、とりあえず自分の観測範囲でよくみる感じの Jest 試してみました。とりあえずシンプルに以下のコマンドをうってコンソールで始めてみようと思います。npm init -y tsc --init npm i -D jest npm i -D @types/jest npm i -D...
View ArticleAzure の機能を使った野良ハンズオン資料の紹介
id:himanagoさんの Qiita (Qiita のアカウントは @himarin269) の記事にいくつか Azure を使ったハンズオン資料があります。全てサーバーレスサービスで Web アプリ作成DB に Cosmos DB、API に Azure Functions、Web アプリのホストに Storage Account を使ったサーバーレス構成での Web...
View ArticleClik here to view.
REST API のテストに Postman 使ってたけど Visual Studio Code の REST Client に乗り換えた
くっ、名前だけ知ってたけどこんなの便利だとは…！！marketplace.visualstudio.comAzure API Management の Visual Studio Code 拡張機能で API のテスト呼び出しに REST Client が使われてるので使い始めてみたのですが「あっ、ハイ。便利っすね…」という感想しか出てこないくらい便利でした。普通に HTTP...
View ArticleClik here to view.
全てサーバーレス + 全て C# で SPA
DB に Cosmos DB を使って Azure Functions を使って少ないコードで読み書きする API を作って API Management で CORS の設定と Open API の定義を作って Blazor で AutoRest で生成したクライアントを使って API を呼ぶ SPA を作ってストレージアカウントの静的 Web...
View ArticleClik here to view.
続：Postman 使ってたけど VSCode の REST Client に乗り換えた
超適当に書いた記事に限ってブクマが伸びる件について。400超えって…。REST Client って自分の用途的には、非常にシンプルな REST API を Visual Studio Code...
View ArticleClik here to view.
Azure API Management を使って Azure Functions に認証つけてみた
とりあえず API Management + Azure AD B2C による認証をトライしてみようと思います。あ、注意点としては、この手順を実施しても Azure Functions 自体は認証キーによる認証で保護してるだけなので、認証キーばれたら叩かれる感じではあります。Azure AD B2C 作ろうAzure ポータルから Azure Active Directory B2C...
View ArticleClik here to view.
縦横スクロールつきのテーブルを Web で使いたい
むか～～しむかし、Flash や Silverlight みたいなブラウザープラグイン系のリッチクライアントアプリケーションのプラットフォームと HTML 5 が覇権を争ってた時代がありました。私はブラウザープラグイン寄りの人で「DataGrid...
View Article