モバイルアプリなどの練習用WebAPIを作成しました - かずきのBlog@hatena
モバイルアプリやUWPの練習でたたける簡単なAPIがほしいかも？ということで作ってAzureに置いてみました。一応認証のかかったシンプルなAPIです。 OAuth2で、ユーザー名admin、パスワードp@ssw0rdでトークンが取得できます。 Web APIは以下のような感じです。 ルート：https://okazukisampleapi.azurewebsites.net/ GET api/People?page=数字 1ページ50件でデータを返す。pageを省略した場合は最初のページのデータを返す。 api/People/数字 数字で指定したIDのデータを１件取得する PUT api/People/数字 BODYに渡した内容でデータを更新する POST api/People BODYに渡した内容でデータを作成する DELETE api/People/数字 数字で指定したIDのデータを削
アニバーサリーアップデートでのコンパイル時データバインディングの強化点 Functions in binding paths - かずきのBlog@hatena
なんて訳すんでしょうね。バインディングパス内関数とか？ アニバーサリーアップデートと共に降ってきたBuild 14393のSDKですが、こいつをMin versionに設定したプロジェクトでのみコンパイル時データバインディングの新機能が有効になります。つまりアニバーサリーアップデート未満では使えない…！ さて、どんなものか見て行ってみましょう。 簡単に言うと、コンパイル時データバインディングのパスの中にキャストや関数呼び出しが書けるようになってます。キャストは今回説明するFunctions in binding pathsの機能ではないですがバインディングのパスが強化されたという点では同じです。 どんなもんか見て行ってみましょう。 例として以下のようなViewModel(PrismのBindableBase使用）があるとします。 public class MainPageViewModel
Visual Studio Codeで自由自在にUMLを描こう - かずきのBlog@hatena
追記 私の作ったプラグインよりも、かなり出来がよさそうなものがリリースされています。 そちらを使ったほうが幸せそうです。 marketplace.visualstudio.com 本文 先日PlantUMLというテキストでUMLを描くためのツールのVisual Studio Codeのプラグインを作りました。 テキストをぱちぱち書きながら、プレビューを確認できるツールです。 ということで、PlantUML + Visual Studio CodeでUMLを描く方法を書いていきたいと思います。 インストール PlantUML PlantUMLのサイトからplantuml.jarをダウンロードして任意の場所においてください。 plantuml.com Graphviz PlantUMLが内部で使ってるツールです。 Graphviz - Graph Visualization Software
FileSystemWatcherの連続して発生する同じ種類のイベントを無視る - かずきのBlog@hatena
id:trapemiyaさんのBlog記事のFileSystemWatcherですが、こいつを扱うのは厄介らしいです。 FileSystemWatcherのChangeイベントって複数回発生するのね ということでid:trapemiyaさんの対処方法はChangedイベント発生後10秒間は次のイベントを無視るというものでした。ちょっと対処方法は変わりますが、Rxを使うと10秒間イベントが発生しなかったら・・・といった方法での対応がさくっとできます。 using System; using System.IO; using System.Reactive.Linq; namespace FileWatchTest { class Program { static void Main(string[] args) { // 監視対象のディレクトリ var dir = @"C:\Users\Ka
ASP.NET MVCの個人的なメモ。テンプレートとか、共通的に使うViewとか - かずきのBlog@hatena
ASP.NET MVC弱者なのがつらい今日この頃。ASP.NET MVCの基本のテンプレートを見ながら少しだけ構造をメモっておこうと思います。主にViewまわり Views Shared _Layout.cshtml Error.cshtml _ViewStart.cshtml Web.config _Layout.cshtml ページのテンプレートになる人。中身はこんなかんじ。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr"
Windows ストア アプリでスナップ中のアプリに共有をすると、コレクション操作でInvalidCastExceptionがおきる #win8dev_jp - かずきのBlog@hatena
ちょっと悩んだのでメモです。共有ターゲットコントラクトを実装していて、共有されたものをコレクションにためて保存するということをやっていたのですが、アプリケーションがスナップ表示中の時に共有ターゲットにしてデータを追加するとInvalidCastExceptionが起きて困ってました。エラーメッセージは以下のような感じです。 型 'System.Collections.Specialized.NotifyCollectionChangedEventHandler' の COM オブジェクトを クラス型 'System.Collections.Specialized.NotifyCollectionChangedEventHandler' にキャストできません。 COM コンポーネントを表す型のインターフェイスを COM コンポーネントを表さない型にキャストすることはできません。 ただし、基に
UWPのApplicationData.Currentのデータをバージョン管理する - かずきのBlog@hatena
アプリの設定とかはApplicationData.Currentの下のLocalSettingsとかRoamingSettingsとかを使うのが一般的ですよね。ここの設定がアプリのバージョンアップによって非互換が発生してしまった！？というときに使える小技を紹介します。 ApplicationData.Current.SetVersionAsyncというメソッドを使います。 このメソッドには、アプリケーションのバージョン番号と、バージョン番号変える時の操作を指定できます。 こんな感じで使います。 await ApplicationData.Current.SetVersionAsync(0, r => { var d = r.GetDeferral(); Debug.WriteLine($"CurrentVersion: {r.CurrentVersion}, DesiredVersion:
UWPのItemsStackPanelで画面外に生成される項目の要素数を制御する - かずきのBlog@hatena
UWPのListViewって仮想化されますよね？ そのとき画面から見えてない領域にどれくらいの要素を生成されるのかという話しですが、これはCacheLengthプロパティで制御できます。 デフォルトは4で、このとき上に表示領域の4個ぶん、下に表示領域の4個ぶん、表示領域も含めて合計9個ぶんの項目が生成されることになります。 ItemsStackPanel.CacheLength property - Windows app development これを小さくすることで、起動時間とかを短縮できるらしいです。大きくすると、スクロールのパフォーマンスが向上するらしいです。色々試して微調整が必要そうですね。因みに設定の仕方は以下のような感じです。 <ListView ...> ... <ListView.ItemsPanel> <ItemsPanelTemplate> <ItemsStackPa
Universal Windows Platform appのAutoSuggestBox - かずきのBlog@hatena
Windows 10 Insider Preview 10074 + VS2015 RC時点の情報です UWP appになって検索ボックスが汎用化されてAutoSuggestBoxという名前のコントロールに置き換えられています。Windows 8.1になって、検索ボックスこそ至高という感じで登場したのに、いきなりお役御免です！ひどい。(あ、SearchBox自体はあるよ！） 愚痴っててもしょうがないので使っていきます。 デフォルトの見た目と挙動 まんまTextBoxです。 検索アイコンの出し方 検索ボックスとして使いたいときは、TextBoxの右側に虫眼鏡アイコンが出てほしいところです。これはQueryIconプロパティにIconElement（FontIconやSymbolIconなど）をセットすればOKです。RCの段階ではプロパティウィンドウが何もやってくれないので手書きXAMLで作り
UWPでキーボードのキーが押されているかどうか判定する - かずきのBlog@hatena
AltキーやCtrlキーやShiftキーなんかが押されてるかというときに使うと思います。 CoreWindow.GetKeyStateメソッドを使います。 var state = Window.Current.CoreWindow.GetKeyState(VirtualKey.Shift); if ((state & CoreVirtualKeyStates.Down) == CoreVirtualKeyStates.Down) { // 押されてるっぽい }
UWPのListViewのItemTemplate内のボタンをクリックしたときにPageのDataContextにセットしたViewModelのメソッドを呼んでかつ押された行のデータが知りたいコマンド編 - かずきのBlog@hatena
blog.okazuki.jp 初音さんがコマンドの場合のを教えてくれました。InvokeCommandActionを使えばこういう感じでいけます。 VMをコマンドに変更して using Prism.Commands; using Prism.Mvvm; using System; using System.Collections.Generic; using System.Collections.ObjectModel; using System.Diagnostics; using System.IO; using System.Linq; using System.Runtime.InteropServices.WindowsRuntime; using Windows.Foundation; using Windows.Foundation.Collections; using W
UWPで共有コントラクト 受信側 - かずきのBlog@hatena
送信側は簡単にできました。 blog.okazuki.jp ということで、今度は受信側です。 受信側はPackage.appxmanifestでアプリが何を受信できるのか定義する必要があります。宣言タブで共有ターゲットを追加して、簡単な共有の説明と受け付けるデータ形式を入力します。この例ではファイルを受け取るようにしました。 これで、配置をすると共有の選択肢に出てくるようになります。 共有されたときの処理は、AppクラスのOnShareTargetActivatedメソッドをオーバーライドすることで記述できます。ここで、Window.Current.ContentにPageを突っ込むと、任意のページを表示することができます。 例えば、ShareTargetPageというページを作成して以下のようなXAMLを書きます。 <Page x:Class="App60.ShareTargetPage
UWP版Prismで、ルートがFrameじゃない構成のアプリを作りたい - かずきのBlog@hatena
UWPアプリとかストアアプリって普通はWindow.Current.ContentはFrameになるのが一般的です。 ただ、SplitViewを使ったアプリとかは、SplitViewの右側にFrameを置いて、Window.Current.ContentにはMainPageを置くということをやったりします。自分で作ってるアプリだとApp.xaml.csで色々出来るのですが、Prismを使った場合はPrismApplicationクラスが起動シーケンスを制御するので、好きにはできません。 一応PrismApplicationにはCreateShellというWindow.Current.Contentに設定するものを作るためのメソッドが用意されてるので、それを使えば出来ます。 <Page x:Class="App15.Views.MainPage" xmlns="http://schemas.
UWPでキーボードショートカット その2 - かずきのBlog@hatena
その1では、CoreWindowのKeyDownを使ってました。 DispatcherのAccelaratorKeyActivatedイベントも使える奴みたいですね。 こっちでやるとTextBoxがフォーカス持っててもEnterとかのイベントが拾えたのでこっちのほうがいいかも。 こんな感じのBehaviorになりました。 using Microsoft.Xaml.Interactivity; using Windows.System; using Windows.UI.Core; using Windows.UI.Xaml; namespace App65 { public class KeyEventTriggerBehavior : DependencyObject, IBehavior { public DependencyObject AssociatedObject { get;
Universal Windows Platform appのListViewで追加されたアイテムに自動でスクロールさせたい - かずきのBlog@hatena
ということをしたいというケースがありました。 やり方としては、ItemsSourceがINotifyCollectionChangedだったら追加されたCollectionChangedを購読して追加された要素に対してScrollIntoViewしてやるだけです。 とりあえず、こういうBehaviorを作ってListViewにぽとっと落として実現しました。 public class ScrollBottomBehavior : DependencyObject, IBehavior { public DependencyObject AssociatedObject { get; set; } private INotifyCollectionChanged currentItemsSource; public void Attach(DependencyObject associated
UWPでキーボードショートカット - かずきのBlog@hatena
こんな感じのビヘイビアを定義しておきます。 using Microsoft.Xaml.Interactivity; using Windows.System; using Windows.UI.Core; using Windows.UI.Xaml; namespace App65 { public class KeyEventTriggerBehavior : DependencyObject, IBehavior { public DependencyObject AssociatedObject { get; private set; } public ActionCollection Actions { get { if (GetValue(ActionsProperty) == null) { this.Actions = new ActionCollection(); } re
UWPで要素をソフトウェアキーボードに追従させる - かずきのBlog@hatena
雪猫さんのところでこんな感じのことをやってました。 [UWP] 要素をソフトウェアキーボードに追従させる | 雪猫ノート こういう感じでUIに閉じた操作ならBehaviorのほうがいいかな？と思ったのでどんな感じなのかというのを。 using Microsoft.Xaml.Interactivity; using Windows.UI.ViewManagement; using Windows.UI.Xaml; namespace App2 { public class InputPaneBehavior : DependencyObject, IBehavior { public DependencyObject AssociatedObject { get; private set; } private FrameworkElement AssociatedElement => thi
ネットワークの接続状態を確認する - かずきのBlog@hatena
UWPでインターネットの接続状態を確認するには、NetworkInformationクラスを使います。 NetworkInformationクラスのGetInternetConnectionProfileでインターネット接続へのConnectionprofileクラスが取得できます。これに対して、GetNetworkConnectivityLevelを呼び出すとネットワークの接続状態が取れます。NetworkInformationクラスの状態が変わったときに発生するイベントのNetworkStatusChangedイベントを組み合わせると、ネットワークの状態をリアルタイムに表示することが出来ます。 画面にTextBlockをTextBlockという名前でおいて以下のコードをコードビハインドに書くとネットワークの状況に応じて接続状況が画面に表示されるようになります。 using System
Notification Hubを使ってお手軽にUWPでプッシュ通知をする - かずきのBlog@hatena
トースト出したりするだけなら簡単に実装できるんですね。 Notification Hubの作成 AzureでNotification Hubを作成します。 私はokazukinsという名前空間でokazukinhというNotification Hubを作りました。 作ったら、WNSの情報を入れます。Windows Developer Centerで適当にアプリ名を登録して「アプリの概要」の「サービス」の中にある「プッシュ通知」の「はじめに」をクリックします。その先のページで「Liveサービスサイト」というリンクが文章中に埋もれてあるので、それをクリックします。そうすると「パッケージSID」と「クライアントシークレット」が入手できます。 これをNotification HubのWNSの設定場所に記入しておきます。 コードの作成 UWPアプリを作り、先ほど適当に作ったアプリに紐づけます。紐づけ
UWPで画像に文字を描いたりする - かずきのBlog@hatena
画像を表示するだけなら簡単なんですが、これに文字を描いたりとかするとなるとちょっとめんどうになります。 Win2D使うとお手軽にできるらしいので挑戦。 NuGetでWin2Dで検索してWin2D.uwpをインストールします。 XAMLに以下のようにCanvasControlを追加します。 <Page x:Class="App38.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:App38" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http:/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
