Try .NET Core

.NET Coreを動かした、試した記録を書き残します。

Mopidy

音楽サーバ"Mopidy"のフロントエンドを作る:12 Bootstrapテーマ導入とCSS軽量化

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第12回です。 今回は、Bootstrapテーマ導入とCSS最適化の流れを追って行きます。 デザインセンスはひとにお任せ まず。 私のスキルセットは若干フロントエンド寄りとはいえ、デザイナでは…

音楽サーバ"Mopidy"のフロントエンドを作る:11 スワイプ操作を導入する

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第11回です。 今回は、スワイプ操作を検知して画面を移動する実装を追います。 使えることは使える、けども... 前回、デバイスごとに見栄えを調整しました。 そしてスマートフォン表示時…

音楽サーバ"Mopidy"のフロントエンドを作る:10 デバイス別の表示調整

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第10回です。 今回はBootstrap4をベースにした、デバイスごとに表示を最適化するフローを追います。 どんなふうにする? まず、PCブラウザサイズ。 私が最も使うはずのサイズです。 なる…

音楽サーバ"Mopidy"のフロントエンドを作る:09 TypeScript用の型定義をつくる、その2

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第9回です。 今回も引き続き、TypeScriptでライブラリを使う際の型定義について、です。 @typesにない、だと... Mopidy.FinderではUIの画面サイズの判定に、Bootstrapのためのユーティリ…

音楽サーバ"Mopidy"のフロントエンドを作る:08 TypeScript用の型定義をつくる

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第8回です。 今回は、TypeScriptでライブラリを使う際の、型定義について、です。 大正義@types 前回記事でちらっと触れましたが、最近はライブラリ配布時にTypeScript用の型定義も、同梱…

音楽サーバ"Mopidy"のフロントエンドを作る:07 無限ローディングを組み込む

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第7回です。 今回は、Vueのプラグインを使った無限ローディングの実装を追っていきます。 Vue-infinite-loadingなるもの まあ、誰か作ってるんちゃうの?的にぐぐったところ。 名前もその…

音楽サーバ"Mopidy"のフロントエンドを作る:06 Vue+AdminLTEの導入

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第6回です。 今回は、Vue.jsとAdminLTEを導入し、フロントエンドの土台を作ります。 今後しばらく、フロントエンドのお話が中心になる予定です。 Vue.jsの導入 Vue3.x系がまだリリースさ…

音楽サーバ"Mopidy"のフロントエンドを作る:05 AspCoreのDIの仕組み

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第5回です。 さて今回は、ASP.Net CoreのDI(Dependency Injection)の仕組みを追っていきます。 DI(Dependency Injection)ってなに? 日本語では「依存性の注入」などと表現されます。 ...…

音楽サーバ"Mopidy"のフロントエンドを作る:04 EF-Coreでリレーションとインデックスを作る

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第4回です。 今回は、Entity Framework Coreでのリレーション、インデックス作りです。 Entity Framework Coreのテーブル定義方法 EF-Coreには、テーブルを定義する方法が二つあります。 …

音楽サーバ"Mopidy"のフロントエンドを作る:03 EF-Coreのコードファーストでテーブルを作る

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第3回です。 今回は、Entity Framework Coreを使ったデータベース作りをなぞっていきます。 Entity Framework Coreとは? Entity Framework Coreは、Microsoft製のORラッパーです。 よくE…

音楽サーバ"Mopidy"のフロントエンドを作る:02 JSON-RPCのプロキシを作る

音楽サーバ"Mopidy"のフロントエンド「Mopidy.Finder」が出来るまで、第2回です。 今回は、Mopidyとの通信部分の作り込みをなぞっていきます。 MopidyのAPI Mopidyの公式ドキュメントを当たると、操作するにあたって幾つか方法があります。 HTTP server side…

音楽サーバ"Mopidy"のフロントエンドを作る:01 AspCore+TSの環境作り

ここを最後に更新してから、はや2年半が過ぎました。 .Net Coreはそろそろ3.0が出るかというこの頃。初期の粗削りさは影を潜め、環境もドキュメントもリッチになり、とても便利になりました。 個人的に少し時間とモチベーションが出来たので、現在の.Net Cor…