かずきのBlog@hatena

日本マイクロソフトに勤めています。XAML + C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。掲載内容は個人の見解であり、所属する企業を代表するものではありません。

Xamarin.FormsでPrism.Formsを使ってPCLに非対応なライブラリを使う方法

例えばMicrosoft.AzureのStorageのライブラリなんかがXamarin.AndroidとXamarin.iOSには対応してるけどPCLには対応してないといった感じです。 被害者がここに。 @chomado ウワアアあああああああああああああああああXamarin .Forms PCL の私 爆死\(^o^)/…

Xamarin.Formsで画面レイアウトを作るためのレイアウトコントロールの必要最低限

Xamarin.Formsで思い通りのレイアウトを組みたい。 そんな時には、レイアウト系のコントロールを押さえておくといいです。 公式ドキュメント Layouts - Xamarin Layoutコントロール Xamarin.Formsでは、複数のコントロールを配置するときには、あらかじめ定…

Xamarin.FormsのListViewで行単位で高さを変えるには

何もしないと同じになるっぽい。 違う高さにするには、以下のようにHasUnevenRowsプロパティをTrueに設定すればいい。 <ListView ... HasUnevenRows="True"> ... </ListView> おしまし。

Xamarin.Formsでタブページを使う

TabbedPageを使うといいということみたいです。 TabbedPage内にはタブとして表示したいページを置いて行って、タブのタイトルにはPageのTitleが表示されるという動きをしています。 意外と簡単だった。 Prismを使ってNavigationPage内にTabbedPageをネストし…

Xamarin.FormsでLabelに下線を引きたい

デフォルトで引けないんですね。知らなかった。 Effectを使おう ということでカスタムレンダラー案件かなと思ったらEffectでいけるっぽいです。 Android Androidに以下のようなクラスを追加します。 using Android.Widget; using Xamarin.Forms; using Xamar…

Visual Studio Moble Center触ってみた

Visual Studio Mobile Centerの申し込みをしたら、先日招待メールもらったので触ってみました。 初期画面 ログインするとこんな感じの画面になります。 アプリの作成 Add a new appというボタンがあるので押すと、アプリの作成画面になります。 OSの選択が排…

ReactiveProperty 3.4.0をXamarinで使う場合

Reactive Extensions 3.1.xがPCLにうまく入らないので、.NET Standardにプロジェクトを変換してから入れてください。 何かRx安定しないな…。

Xamarin.Formsでボタンの2度押しをReactivePropertyを使って抑止してみよう

お題の通りです。 こんな感じでReactiveCommandを普通に使うと連打すると2重で画面遷移したりします。 using Prism.Mvvm; using Prism.Navigation; using Reactive.Bindings; using System; namespace PrismUnityApp12.ViewModels { public class MainPageVi…

ReactiveProperty 3.4.0をリリースしました

www.nuget.org Reactive Extensionsを3.1.0から3.1.1に更新しています。 DependencyObject(UWP & WPF)に以下の拡張メソッドを追加しました ObserveDependencyProperty: DependencyPropertyの変更を監視するIObservable<Unit>を返します。 ToReadOnlyReactiveProper</unit>…

Xamarinで処理中を表すインジケーターを出したい

先日Cognitive Serviceを使った笑顔判定機を作りました。 こいつですが、Web上のAPIを呼び出して回線状況に応じては、そこそこ時間がかかるにも関わらず、処理中を示すUIが表示されていませんでした。 Xamarin.Formsでは、ActivityIndicatorクラスを使うこと…

Xamarin.Formsで笑顔測定をしよう(AndroidとUWP)

最近笑顔してますか?こんな感じの笑顔測定アプリを作ってみようと思います。これならボッチでも笑顔の練習できるよ! 左がニュートラルな顔、右が笑顔の場合です!スコアが変わってますね。 ということで、Cognitive ServiceのFace APIを使って笑顔判定する…

Microsoft Azure Mobile AppsのQuickstartのTodoアプリがUWP版だと例外で落ちることがある

追記 Xamarin.Forms 2.3.3系が正式リリースになったので、記事の内容をアップデート 最近、Microsoft Azure Mobile AppsでQuickstartのTodoアプリのひな型にUWPが追加されました。 小躍りするくらいうれしいことなのですが、このTodoアプリですが追加した複…

クライアントサイドから見たConnect(); 2016はどうだったかという感想

UWPに関しては華麗にスルーされてました。(悲しい) ただ、Visual Studio 2017 RCでは、試してないけどUWP開発のための機能強化も結構含まれてるのでさみしくなんかありません。 デモアプリもUWP多かったですしね! ということで本題です。 クライアントサ…

ReactiveProperty v3.3.1をリリースしました

ReactiveProperty v3.3.1をリリースしました。 www.nuget.org 新機能はありませんが、依存しているライブラリを最新版にあげました。 System.Reactive: v3.0.0 → v3.1.0 UWPのビヘイビア: 1.?.? → 2.0.0 今後ともよろしくお願いします。

.NET Coreと.NET Standardメモ

復習の時間だ。 .NET Core 日本語だとこのページがわかりやすいと思いました。 .NET Core とオープン ソース 要約するとこんな感じ。 .NET Frameworkのサブセット マルチプラットフォーム対応 Mac Linux Windows OSS!! ASP.NET Core .NET Frameworkと.NET Co…

当然っちゃ当然だけどXamarin.FormsでHoloLens対応アプリ作れます

HoloLensではUWPが動く。 Xamarin.FormsではUWPの開発が可能。 ということで当然ですが動きます。HoloLensでXamarin.Formsで作ったアプリが!! iOS, Android対応アプリをXamarin.Formsで作ってる人は、やってみてもいいのではと思いました。 実験 Prism.For…

UWPアプリでSurface Dialのデフォルトメニューを消す

UWP

Surface Dial対応のアプリを作ろうと思ったときにデフォルトのメニューが邪魔なときがあります。 これは簡単に消すことができます。 // デフォルトメニューを消す var config = RadialControllerConfiguration.GetForCurrentView(); config.SetDefaultMenuIt…

Surface DialをUWPアプリから使う

UWP

Surface Studioと同時に発表されて何かと話題のSurface Dialですが、こいつのAPIはWindows 10 AUでこっそりと入っていたみたいです。 ということで簡単にですが使い方を書いてみようと思います。 何もしないという選択肢 まず、Surface Dialですが何もしなく…

Azure Mobile Appsのローカル同期機能で作成されるDBの中身を見てみよう(Android版)

さて、ローカル同期したAndroidのデータをひっこぬいてBrowser for SQLIteで中身を見てみたいと思います。 今回は、エミュレータで実行してる前提でコマンドを書いています。 まずadbのshellでつなぎます。 adb -e shell アプリパッケージ名を調べます。 ア…

JXUG #18 「Azure Mobile Apps入門」資料公開

JXUG #18で発表してきました。 デモが想定の半分くらいしかできなかったのが心残り(XAMLインテリセンスないと書けない体になってる…)ですが、資料を公開しておきます。 Azure Mobile Apps入門—大田 一希

Visual Studio Team ServicesからXamarin Test Cloudを使ってみよう(Android編)

iOS編はあるのかって?Mac持ってないのでできないのでMac持ってる人だれかお願いします。 Xamarinプロジェクトの作成 ということで、テスト対象のプロジェクトを作りましょう。 今回は、Prismのテンプレートパックを入れたら作られるプロジェクトテンプレー…

UWPのコンパイル時データバインディングでString.Formatを使う

UWP

使えます。 こんなコードビハインドを書いて… using System; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; namespace App5 { public sealed partial class MainPage : Page { public DateTime Now => DateTime.Now; public MainPage() { this.In…

Azure Mobile AppsでテーブルのクエリにIN句を使いたい

ODataはin句をサポートしてないらしい?ので出来ません。(完) こんな定義らしい。 filter = '$filter' EQ boolCommonExpr boolCommonExpr = ( isofExpr / boolMethodCallExpr / notExpr / commonExpr [ eqExpr / neExpr / ltExpr / leExpr / gtExpr / geEx…

LUISで自然言語処理を試してみよう

Bot Frameworkは自然言語解析エンジンは提供してくれていません。 ただし、LUISとの連携機能は提供しています。 ということでBot Frameworkで自然言語解析をしたければLUISを使うのが一番自然な流れになります。 LUIS LUISはLanguage Understanding Intellig…

流行のボットをMicrosoft Bot Framework(.NET SDK)で作ってみよう

MicrosoftのBot作成用FrameworkのBot Framework入門してみましょう。公式サイトは以下になります。 Bot Framework 導入 導入は至って簡単です。公式の導入手順は以下です。 Getting started with the Connector | Bot Builder SDK C# Reference Library | Bo…

Bot Frameworkでenumの選択肢を日本語にしたい

デフォルト英語フレンドりーなのでEnumの選択肢はEnumの値がそのまま出てきます。 Formを定義するときに以下のようにFieldReflectorを使うと、日本語で表示させることができます。 return new FormBuilder<Order>() .Message("注文をお伺いします") .Field(new Fiel</order>…

モバイルアプリなどの練習用WebAPIを作成しました

モバイルアプリやUWPの練習でたたける簡単なAPIがほしいかも?ということで作ってAzureに置いてみました。一応認証のかかったシンプルなAPIです。 OAuth2で、ユーザー名admin、パスワードp@ssw0rdでトークンが取得できます。 Web APIは以下のような感じです…

Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「プッシュ通知(Androidだけ)」

過去記事 Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms) - かずきのBlog@hatena Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「DBの変更」 - かずきのBlog@hatena Azure MobileApps…

Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「オフラインデータ同期」

過去記事 Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms) - かずきのBlog@hatena Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「DBの変更」 - かずきのBlog@hatena Azure MobileApps…

Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「ローカルデバッグ」

過去記事 Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms) - かずきのBlog@hatena Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「DBの変更」 - かずきのBlog@hatena ローカルデバッグ…

Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)「DBの変更」

過去記事 Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms) - かずきのBlog@hatena DBの変更 JavaScriptがバックエンドのときはいい感じにDBの変更をしてくれる(それはそれで怖いっちゃ怖いけど)んですが、.NETバックエン…

Azure MobileApps + Xamarin.Forms開発の始め方(.NETバックエンド + Prism.Forms)

というテーマで書きます! サーバーサイド(Azure) Microsoft Azureには、モバイルバックエンドの開発をお手軽にするための、Mobile Appsというものがあります。 これは、サーバーサイドをnodejsのexpressベースのフレームワークで開発するか、ASP.NET WebA…

gitで複数リポジトリに同時にプッシュしたい

そんなときもありますよね?ということで先人がいました。 stackoverflow.com >mkdir sample >git init >git remote add all https://github.com/runceel/test1.git でリモートを追加 >git remote -v all https://github.com/runceel/test1.git (fetch) all …

Azureで個人的によく使うと思うサービス

Azureのサービスって鬼のようにありますよね。 こちらのサイトにあるように、ちょっとこれだけの機能を網羅的に使いこなすのはしんどいです…。 いまさら聞けない!Microsoft Azure 概要 – 第三回 – : Microsoft Azure 情報メディア「AZURE WAVE」 というこ…

Azureで使われてる用語を今更見てみよう5選

Microsoft Azureを長年使ってる人にとっては常識だとしても初見殺しっぽいような単語をピックアップしてみようと思います。 では順番に行ってみたいと思います。 リソースグループ 個人的第1位はリソースグループです。 リソースグループとは、Microsoft Azu…

Azure上でDBアクセスするWebアプリを作るためのとっかかり

表題のようなWebアプリケーションを作りたいとしてとっかかりどうするの?というのが気になる方もいると思います。 ということで手順をメモっておきます。 Azureのアカウントは持ってる前提で進めます。 Azureで器の作成 Web AppとSQL Databaseを作成してお…

今さら入門するMVVMに必要な技術要素(Xamarin.Forms & UWP)

Model View ViewModelパターン(以下MVVMパターン)が登場して約10年になります。 ここらへんで一度MVVMを実装するうえで必要になる技術要素を振り返ってみたいと思います。 その前にMVVM MVVMは以下のWikipediaあたりでも見てください。 Model View ViewMod…

okazuki PlantUML v0.1.5をリリースしました

エクスポート時にエクスポート先を入力できるようになりました。 プルリクエストで頂きました。ありがたや。 marketplace.visualstudio.com

Azure Mobile Appsでポータルから作ってないjsから作ったテーブルでもEasy Tableを使おう

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「同期編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみ…

Azure Mobile Appsのジェネレーター

手組しても大したことはないのですが、めんどくさいですよね。 ということでyoで作成してみたいと思います。公式のがあるので、それをつかいましょう。 github.com yoはインストールしてあるものとして、以下のコマンドをうちます。 npm install -g generato…

Azure Mobile AppsでUWPを作ってみよう「カスタムAPI編」

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「同期編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみ…

Azure Mobile AppsをXamarin.Formsからも使ってみよう「認証編」

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「同期編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみ…

Azure Mobile AppsをXamarin.Formsからも使ってみよう

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「同期編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみ…

Azure Mobile AppsでUWPを作ってみよう「プッシュ通知編」

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「同期編」 - かずきのBlog@hatena あらすじ オフライン同期まで出来た…

Azure Mobile AppsでUWPを作ってみよう「同期編」

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena あらすじ すべて手組で最初からやってみた。今度はオフライン同期というものをやってみようと思う。 オフライ…

Azure Mobile AppsでUWPを作ってみよう「手組編」

過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena あらすじ 前回は、Mobile Apps Quickstartを使ってTodoListのひな型をダウンロードして、そいつに認証機能をつけてみました。 前回は全部自動で作られてたので、今回は手組してみよう…

Azure Mobile AppsでUWPを作ってみよう

食わず嫌いしてるMobile Appsですがここらへんで触ってみようと思います。バックエンドが簡単に作れるならそれにこしたことはないよね。ということで行ってみよう。 Mobile Apps Quickstartの作成 まず手始めにとっかかりをつかむには、Mobile Apps Quicksta…

Visual Studio CodeのPlantUML拡張のokazuki PlantUMLを更新しました

本当最近これしかしてないですが以下の更新を行いました。 全体的にリファクタリング TEMPファイルを出力しないように変更 ExportのフォーマットをPlantUMLで対応しているものに対応 marketplace.visualstudio.com 何故アップデートしたか。 フォークプロジ…

okazuki PlantUML v0.0.12 をリリースしました

初期化処理がバグっててプレビューが出来ない状態だったのを修正しました(死 致命的でした。v0.0.10とv0.0.11を使ってる人はバージョンアップをお願いします。 細かい所の改善として、今までフォーカスチェンジでもリアルタイムプレビューの処理が走ってい…

VSCodeのPlantUMLプラグインを更新しました

最近こればっかやってますが…。 今まで保存されたファイルにしか色々できなかったのを、未保存のファイルに対してもプレビューが表示されるようにしました。 marketplace.visualstudio.com 200 Download超えてきてうれしきことかな。