この記事は、XAML Advent Calendar 2017の22日目の記事です。 以前↓に書いた、各種グリッドレイアウトを補助するGridExtraというライブラリを更新しました。 WPF/UWP向けに、グリッドレイアウト補助ライブラリを作ってみました~GridExtra~ - SourceChord …
本日は12/10ですが、この記事はXAML Advent Calendar 2017の7日目の記事です。 遅くなってしまいすみません。。。 当初はFluent Design関係の話題を書くつもりでしたが、結局あまり関係ないテーマになってしまいました。 Ctrl+CやCtrl+Vといった、コピペなど…
この記事は、XAML Advent Calendar 2017の1日目の記事です。 今年のbuildでは、Fluent Design Systemが発表され、Windowsの各種UIでも徐々にこういうデザインの部分が増えてきました。 このFluent Designですが、UWPからは簡単に実装することができるAPIが色…
今年も技術系アドベントカレンダーの時期が近づいてきましたね。 Qiitaでも色々なカレンダーが作られ始めていたので、今年もXAMLアドベントカレンダーを作っておきました。 去年は12月になってからカレンダー作ったせいもあってか、あまり人は集まりませんで…
おぉ~!! Edgeでも、-ms-のベンダープレフィックスが付いた昔の仕様ではなく、CSS Grid Layout Module Level1のグリッドレイアウトが使えるようになってます。 これで、現在の主要なブラウザは一通り対応した感じでしょうか。 https://caniuse.com/#feat=css…
今回はWindowsUpdateにすぐ降ってきたので、更新アシスタントは使わずそのままWindowsUpdateで更新しました。
Firefox56から、開発者ツールのインスペクターに、CSS Grid Layout用のデバッグツールが追加されました。 Gridの分割位置を画面上に表示してくれます。 これは便利!!
今回はImageSharpで編集した画像をWPFのUIで表示してみます。 ImageSharpでは、Imageというクラスで画像データを扱っています。(←WPFにも同名のImageコントロールというクラスがありますが別物です。) そのままではWPFのUIに表示できないので、WPFで扱えるよ…
.Netの様々な環境で動作する、ImageSharpという画像処理ライブラリのv1.0.0beta1がリリースされました github.com 以前.NET blogの↓の記事などでも紹介されてたライブラリです。 https://blogs.msdn.microsoft.com/dotnet/2017/01/19/net-core-image-process…
リリースされてから随分経ちましたが、VS2017 Update3に更新しました。 Update3からは、C#7.1の機能が使えるようになってます。 自分はまだあまりC#7の機能を使いこなせてないですが、 7.1で色々と便利な機能も追加されているので少し使ってみました。
WebアプリのUIを作っていると、表形式でデータ表示をしたいときとかがあるかと思います。 特に業務系アプリとかだったら、この手のDataGrid系のコントロールが必要になる場面って多いですよね。 JavaScriptやHTMLでUIを作る場合、DOM要素のtableタグでもテー…
electron v1.5以降のバージョンでは、WebComponentsが普通に使えるようになりました。 (v1.5系はpre-release版だけでstableのリリースがなかったため、実質的にはv1.6系以降のバージョンですね。) ということで、以前↓で書いた記事の内容をelectronで動かす…
Electron v1.7系では、内部で使用しているChromiumが58系に更新されたため、CSS Grid Layout Module Level1が使えます。 https://caniuse.com/#feat=css-grid ということで、以前↓で書いたサンプルを、最新のElectron v1.7.5環境用に書き換えました。 コード…
以前、monaco-editorなどをelectron環境とかで使ってサンプルコードを書きました。 sourcechord.hatenablog.com sourcechord.hatenablog.com だいぶ時間がたって、使っているライブラリ類のバージョンが古くなっていたので、このサンプルのライブラリ類を更…
最近あまりElectronいじってなかったのですが、 気が付いたらElectron 1.7系のstable版となるv1.7.5がリリースされてました。 てことで、以前書いたElectron+TypeScriptのサンプルコードを最新バージョンに対応させておきました。 Electron/TypeScriptそれぞ…
Web系の開発でアイコン表示などによく使われているFontAwesomeというものがあります。 サイト上でよく使われるような様々なアイコンを、Webフォントとして利用できるようにしたものです。 Font Awesome, the iconic font and CSS toolkit これをWPFやUWPなど…
Node.js 8.0がリリースされていたので、インストールしてみました。 https://nodejs.org/ja/ 最近、Node.js自体の更新はあまり追いかけてなかったのですが、今回の更新は結構魅力的ですね!! バンドルされるnpmがv5に更新されたり、utilモジュールにpromisify…
いつの間にか、TypeScriptの公式サイトに↓こんなページができていました。 Quick Start · TypeScript ReactやAngular、Vue.js、Knockout.jsといった定番フレームワークを用いたフロントエンド開発や、 Express, ASP.NET Coreなどのサーバーサイド開発でTypeS…
今度は、Pivotを用いたプロジェクトを作ってみます。 Pivotのプロジェクトは、前回使用したBlankプロジェクトと共通点も多く、割とシンプルな構成になっています。 チェックすべき箇所も少ないので、CodeBehind版/MVVM Basic版の両方をまとめて見ていきます。
今度は、MVVM Basicな構成のプロジェクトを見ていきます。 この雛形は、シンプルなMVVM構成でコードを書く時には、割と使い勝手がいいかなと思います。 準備 Code BehindとMVVM Basicのプロジェクトの違い MVVMな設計のためのヘルパークラス類 ViewsとViewMo…
これから何回かに分けて、WindowsTemplateStudioで生成したプロジェクトが、どのような構造になっているか見ていこうと思います。 今回は最初なので、UWPの基本的な仕組みも含めて色々と試してみます。 プロジェクトの作成 全体の構成 アプリのスタートアッ…
Build 2017の動画とか↓のブログ見て知ったのですが、こんなVS拡張機能が出てきました。 Windows Template Studio - Visual Studio Marketplace 今まで、UWPプロジェクトの雛形は、空っぽなウィンドウが表示されるだけの、非常に簡素なものしかありませんでし…
ここ最近、Build2017の動画を色々と見て回ってました。 その中で、面白かったものなどを、いくつかメモっておこうと思います。 Fluent Design System 今回のBuildで印象に残ったのは、やっぱコレ。 http://fluent.microsoft.com/ https://channel9.msdn.com/…
ここのところ、先週のBuild2017の動画を色々見て回ってたのですが、 ↓のXamarin.Formsの動画の34:00~あたり。 https://channel9.msdn.com/Events/Build/2017/B8099 今後Xamarin.Formsが、WPFとかGTK#上での実行に対応するようです。 ロードマップや公式ブロ…
近年のフロントエンド界隈では、Knockout.jsはあまり話題に上らなくなっちゃいましたね。。。 ですが、自分は以前Knockout.jsで書いてたプロジェクトを弄ったりと、今でも結構使ってます。 あと、なんだかんだ言って、双方向データバインディングだけあれば…
OpenGLでちょろっとウィンドウ表示をする時などには、GLUTをよく使っていたのですが、 近年(と言っても随分前から)ではGLFWというものもよく使われているようです。 http://www.glfw.org/documentation.html 先日↓に書いた、NupenGLというパッケージをインス…
WPFとUWPでは、同じXAMLという仕組みを用いていますが、細かい部分を見ると「アレがない」「コレがない」といった、細かい違いがあります。 そんな違いの一つとして、「UWPにはTypeConverterがない」という違いがありました。 ですが、Windows 10 Creators U…
今まで、ちゃんとしたUWPアプリ作ってなかったので、ファイル操作などはほとんど扱ってませんでした。。。 ですが、本格的なアプリを作ろうと思うと、この手のファイル操作はが必要になる場面は多いですよね。 ということで、ファイル・ストレージ操作でよく…
先月のMSからのアナウンスで、残念ながら初代MADOSMA Q501はCreators Update対象外となってしまいました。 ですが、insider previewであれば、非サポートですが自己責任でCreators Updateに更新できるとのことでした。 てことで、insider previewをスローリ…
OpenGLを使って、簡単にクロスプラットフォームなコードを書くための、GLUTというライブラリがあります。 ちょっと必要に迫られて、久しぶりにGLUTを使う機会があったので、VS2017でGLUTを使うまでの手順をざっとまとめておこうと思います。 GLUT使うのは、5…