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

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

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

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

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

"Mopidy"フロントエンド「Mopidy.Finder」が出来るまで、今回は小休止です。 近年のWeb系のみなさんには不評この上ないWindows+IDEですが、セットアップさえしてしまえば、強力な助っ人になってくれます。 WindowsでVisual Studioの開発環境を整えるまでの手…

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

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