音楽を視覚化について、発見したものと、それをみて実際に自分で作ってみたものをまとめました。 Music Animation Machine 〜共感覚と音楽の構造の視覚化〜 Music:Eyes 〜アニメーションで音楽を学ぶeラーニングプラットフォーム〜 Keita Onishi 氏 フロクロ氏 YouTubeのピアノ演奏動画でよくみるもの Unityで作ってみたもの 一つ目：Music Animation Machine と演奏の合体 二つ目：3DCGのみ 三つ目：ピアノロールを斜めのアングルで Music Animation Machine 〜共感覚と音楽の構造の視覚化〜 音楽の視覚化においては自分の中で第一人者である、Stephen Malinowski ステファン・マリノフスキー氏。 主な作品は、YouTubeにある動画と、視覚化についてのノートがあるWebサイトです。 https:

Jupyter Notebook で、楽譜を表示したり、その楽譜を再生してみたり、曲を分析したりしてみました。そのことについて書きます。分析といっても簡単なものです。 目次 Code, .ipynb 環境 VS Code で Jupyter Notebook music21 とは 曲の作成と表示 バッハの平均律を分析 分析 後半 参考 追記 Code, .ipynb Jupyter Notebook: https://mybinder.org/v2/gh/hhyyg/miso.py.music21bach/master ここにある2つの .ipynb ファイルから確認できます ただし、画像・音声生成部分などは再実行ができません GitHub: https://github.com/hhyyg/miso.py.music21bach 環境 Mac Visual Studio Code Pyt

育児アプリを Swift/iOS で個人で開発していましたが、未完のままお蔵入りすることにしました。リリースできなかった…無念。成仏させるためにその話を書きます。 作ったところまでのスクショ： 作ったところまでの動画： youtu.be ※アプリ内でこちらの画像を使用しています：エンジニアを褒めるネコのLINEスタンプを作った話。｜こばかな｜note コードはこちら： https://github.com/hhyyg/CareButtons/tree/master/CareButtons/CareButtons 構成 Swift / iOS Firebase Firestore Cloud Functions Dynamic Links なぜ作ろうとしたか Swift / iOS を学びたかった モチベ維持のため、テーマとしては自分の生活に役に立つものを作りたかった 既存の育児アプリに納得

cshtml を1つだけホストしたいけど、そのために ASP.NET と PaaS は重いなと思い、Azure Functions でレンダリングするようにしました。 下記のような条件を満たす Azure Functions を作成します。 Azure Functions で、1ページだけ HTML を出力したい 1ページだけだけど、クエリ文字列やフォーム送信のデータは、取得して C# で処理したい Razor(cshtml)で書きたい 今回作成したページの図です： 用途としては、アクセスが少ない適当なサンプルページを公開したいものとします。 別件ですが、cshtml ではなく静的な html をホストしたい場合は、こちら Serving an HTML Page from Azure Functions を参考にします。 サンプルコード github.com 概要 Azure Funct

Gistan - Apple Store 機能 自分の Gist を見る ファイル.app で 自分の Gist を見る GitHub でフォローしている人の Gist を見る ユーザーを検索して、その人の Gist を見る 自分の Gist を一覧ですぐ見たかったのと、Twitter のように Gist を見たいと思ってこんな機能にしました。 GitHub GitHub: github.com ファイル.app のアプリ拡張は、mzp さん GitHub - mzp/OctoEye: Github viewer for Files.app を参考にしました。ありがとうございます。 mzp.hatenablog.com 審査 土曜に審査提出し、月曜の早朝にリジェクトが来ました。そのリジェクトの内容は以下の通りです。 その後、Webブラウザ上ではできない機能を3つ、Web Applicati

T4 以外でのコード生成を調べていた時に、「Scripty」という Roslyn で動くコード生成のライブラリがあったので、メモ。 基本的な使い方は、以下のドキュメントから分かります。 daveaglick/Scripty: Tools to let you use Roslyn-powered C# scripts for code generation Dave Glick - Announcing Scripty 記述されているように、特定の NuGet パッケージを取得し、Visual Studio Extension をインストールします。 Roslyn Syntax API でプロジェクトファイルにアクセスできるようになっています。 Sample 今回お試しとして、ASP.NET MVC 5 のプロジェクト内にある「**Controller.cs」クラス名と、そのコンストラクタ

Azure Search にシノニム機能が Public Preview として追加されたので、日本語で試しました。 ※追記：2018/7/3 Public Previewが外れGAしました。 Azure Search で synonyms が GA！ https://t.co/04MESGlJhi API Versionが、2016-09-01-Preview から、2017-11-11 になった。 SDK version 5.0.0 でサポート。 ドキュメントの更新を漁ったが、この程度の変更らしいhttps://t.co/kiScsjscD2#azurejp— Takekazu Omi (@takekazuomi) July 3, 2018 参照： Azure Search releases support for synonyms (public preview) | Blog |

（7/10 WebJobs SDK で書く方法を修正しました。） Azure Web Apps としてホストしている Web アプリのとあるファイルを、定期的に Azure Storage にバックアップしたく、WebJobs を使って実装しました。 WebJobs SDK で楽にしたかったがちょっと無理だった 実装は難しくなく、コンソールアプリケーションを作成して、とあるファイルを Azure Storage SDK を使って Storage の Blob にアップロードすればいい話なのですが、 Azure Storage SDK でその処理を書くのが面倒だなと思いつつ、以前見た WebJobs SDK の記事を思い出して↓ blog.shibayan.jp ここにあるように [BlobOutput("backup/{name}")] という風に属性で楽に書けたらいいなと WebJobs

「Web Extension Pack」という名前は、再び「Web Essentials」という元からある名前・ブランディングに戻りました。 Visual Studio 2017 では「Web Essentials 2017」という拡張機能が用意されています。 Long live Web Essentials 1393 The End of Web Essentials with Mads Kristensen .NET Rocks! vNext 作成者である Mads Kristensen氏は、2016年12月に、”2017 では Web Essentials は引き継がない”と言っていましたが、 2017年3月に、それは bad idea とし、「Web Essentials」のブランドを続けていくと決めたみたいです。 上の2つの記事を参照し、流れをみたいと思います。 目次： Web

Implementing a Markdown Engine for .NET | xoofx GitHub - lunet-io/markdig: A fast, powerful, CommonMark compliant, extensible Markdown processor for .NET .NET 用の Markdown パーサー「Markdig」が良さげな感じです。 背景 今まで、.NET での Markdown パーサーとして MarkdownSharp や MarkdownDeep を使っていました。 ほぼ標準の Markdown の仕様( こことか)しか実装されておらず、 また保守も最近されておらず、GitHub や Codeplex 等のようなテーブルやコード等の表現は、 .NET では難しいものがありました。 Markdig Markdig は、CommonM

C# 6 の機能である null 条件演算子を式ツリーに入れようとしたら、図のようにコンパイルエラーが発生しました。メッセージは、「式ツリーのラムダに null 伝搬演算子を含めることはできません。」です。 「ラムダ式から式ツリーの変換って何か制約あったけ？」 「どうして三項演算子での書き方（図の後者の記述）だとOKなのにこれはだめなんだろう？」 といろいろ分からなかったので整理しました。 調べた結果、このコンパイルエラーの原因は次のことが原因でした。 null 条件演算子は式ツリーデータに変換できない null 条件演算子と例の三項演算子は、同じことではない ラムダ式のすべてが式ツリーデータに変換できるわけではない また、null 条件演算子を式ツリーデータに変換するように対応すれば幸せ、という話でもない 言葉について ここまで画像と文章にいろいろな言葉がでてきますが、参考リンクを置いて

Mads Kristensen 氏が、Web 開発のための Visual Studio 拡張機能をまとめた Web Extension Pack を公開しています。 どのような拡張機能が含まれているのか、調べてみました。 ～～～～ ※Web Extension Packは VS 起動の際、新しい拡張機能があれば自動でインストールされます。 そのため、含まれる拡張機能の内容が随時変わる可能性があります。下記のリストは古い可能性があるため、最新については上記ページを参照します。 この機能を入れてほしい、といったものがあれば、https://github.com/madskristensen/WebExtensionPack/issues に投げればいい模様。 ～～～～ ※2016/03/29 Mads Kristensesn 氏による Channel 9 の動画が公開されています。 Web E

昨日、Tag Helper について書いたのですが ASP.NET MVC 6 Tag Helper について - miso_soup3 Blog。 Web フロント側の技術である Web Components と、サーバー側の ASP.NET MVC 6 の機能である Tag Helper で、同じ HTML を解釈してみました。 とくにオチはありません。 まず、Web Components の template を使い、カスタム要素で HTML を記述します。 次に、その HTML をそのまま ASP.NET MVC 6 のビューにコピペし、サーバー側の値で HTML を出力してみます。 バージョン Polymer 1.0 ASP.NET 5 rc1 Web Components Polymer ライブラリを使い、以下の用に 2 つの HTML を書きます。 ここでは、employee

by ASP.NET Advent Calendar 2015 Tag Helper がどんなものかみてみました。 Tag Helper は、ASP.NET 5/ASP.NET MVC 6 に新しく登場する機能の１つです。ASP.NET MVC 6 のビューの記述は、これまでと同じように行う（Razor 記法で .cshtml ファイルを書く）とはいえ、MVC 6 で開発するならば知っておきたい機能かなと思います。Tag Helper の登場はビューの開発に少なからず影響するはずです。 Helper とはいえ、ビューの記述言語が変わったような（Razor はそのままなのですが）インパクトで、シンタックスハイライトとインテリセンスが面白いなーというのが感想です。 目次 1. Tag Helper とは 2. Tag Helper の機能 3. 独自の Tag Helper を作る 参考サイト

2015-09-26(土)Comm Tech Festival にて、@takepara さんと登壇しました。 セッションのタイトルは「ASP.NETサイトの運用～既存のASP.NETサイトをお手軽に速くする 編～」です。 ここでは簡単にその内容をおさらいしてみます。 ASP.NETサイトの運用～既存のASP.NETサイトをお手軽に速くする 編～—Hiroka YagoDocs.com 大まかな内容 対策前後の計測 対策前 対策後 対策 ― CDN の準備と Web.config Web.config Web.config 詳説 最後に 大まかな内容 セッションのテーマはタイトル通り、ASP.NETで構成された既存のサイトをお手軽に速くしよう、というものでした。 アプローチは 既存サイトは Web.config 以外一切触らない CDN を使う の2つです。 本来 Web アプリケーション

2年前の古いネタになりますが、Razor 3（ASP.NET MVC 4）の破壊的変更により、 URL Rewrite と <a href="~/Content/pa.jpg"/> 等といったチルダを併用すると、想定したパスが出力されない可能性があります。 URL Rewrite にて、Request URL と 書き換え後の URL の階層が同じ場合は、問題は起きません。 参考 Release Notes for ASP.NET and Web Tools 2013.1 for Visual Studio 2012 Razor 3 の破壊的変更の説明があります。 URL rewrite issues with ASP.NET Razor 3 Tilde (~) notation maps to the original URLs by using IIS URL rewrite in A

Web Essentials 2013（+ Visual Studio 2013）で可能だった、JavaSciprt/CSSのMinifyやLESS等のコンパイルの機能は、Web Essentials 2015（+Visual Studio 2015）には含まれておらず、それぞれ別の拡張機能として独立したようです。 （参照：Bundling, minification and client-side compilation/June 8. 2015） JavaSciprt/CSS/HTML の Bundle & Minify →Bundler & Minifier へ LESS/SASS/CoffeScript のコンパイル → Web Compiler へ 理由は参照記事にも載っていますが、Web Essentials の肥大化を辞めたい、小さくしてコミュニティによるコントリビュートを多

拡張機能、Visual Studio Minecraft Mod Developer Pack を触ったので作業を記録します。 現段階では、Visual Studio で Minecraft Mod 開発するにはバグ＆躓く点が多く、私ではデバッグ実行からの Minecraft 起動（ただし作成した Mod は読み込めない）までしか行うことができませんでした（バグなのかやり方がまずいのかわからない）。不完全ですが手順を後述します。 I LOVE Visual Studio and Minecraft. 従来の方法、Eclipse における開発にて まず、Visual Studio で行う前に Eclipse でやってみました、とても簡単にHello, World を行うことができましたし、Mod 開発を少し味わうことができました。参照したページは以下の通りです。特に躓くことなく30分ほどで最

OData のメタデータやデータを確認するのにLINQPad が便利だったので方法を記載します。 C# の Linq を書ける他、該当する URL のクエリオプションも確認でき、Expand や ページネーションに対応しているので、ブラウザで XML や JSON 形式で見る方法と合わせて適材適所で使用しています。 ここでは例として OData 本家サイトでホストされているサンプルデータ（http://services.odata.org/OData/OData.svc/）のメタデータ、データを確認します。 ※現在 LINQPad は OData Version 3.0 に対応しており、Version 4.0 には対応していません。 LINQPad について LINQPad については 今日からはじめる LINQPad を参照しました。 OData への接続 OData のサイト　http

by 深夜連絡 ASP.NET MVC な Web アプリ Advent Calendar 2013 6 日目 今回は、ASP.NET の機能「セッション状態」（セッション情報、Session とも呼ばれる）、値の取得・設定の操作を行ってみます。 ここでは、チュートリアルを通して以下のことを確認します。 セッション状態とは 準備 値を取得・設定・削除を試してみる Session.RemoveAll() と Session.Abandon() のちがい セッションはどうやって判別しているか 「セッション状態」は ASP.NET Web Fomrs でも使用できる ASP.NET のコア機能ですが、ここでは ASP.NET MVC での操作を例としています。 セッション状態とは 「セッション状態」とは、ページ間で値を共有するための仕組みの１つです。 （他の仕組みは、クッキーやキャッシュ等があり