クラウドミュージックプレイヤー, ngrok, JavaScript, 図で理解

Cloud Music Boxは、クラウドストレージ(現在はOneDriveのみ)から音楽を再生するPWA音楽プレイヤーです。

以下の特徴を持ちます。

• PWAとして、多くのプラットフォーム(Windows, macOS, iOS, Android)上で同様のユーザ体験を実現します。
• 一元管理されたクラウドストレージからの再生で、プレイヤーごとに音楽を同期する必要がありません。
• オフラインでも、ダウンロード済みの音楽は再生可能です。
• アプリがバックグラウンドにある場合でも、音楽の連続再生が可能です(iOSのみ動作しないことがある)。
• 音楽に合わせて、動的にアプリのスタイルやアニメーションが変化します。

Cloud Music Boxは、クラウドストレージ(現在はOneDriveのみ)から音楽を再生するPWA音楽プレイヤーです。

以下の特徴を持ちます。

• PWAとして、多くのプラットフォーム(Windows, macOS, iOS, Android)上で同様のユーザ体験を実現します。
• 一元管理されたクラウドストレージからの再生で、プレイヤーごとに音楽を同期する必要がありません。
• オフラインでも、ダウンロード済みの音楽は再生可能です。
• アプリがバックグラウンドにある場合でも、音楽の連続再生が可能です(iOSのみ動作しないことがある)。
• 音楽に合わせて、動的にアプリのスタイルやアニメーションが変化します。

ここでは, 筆者が作成したブラウザゲームを紹介します.

本稿では, コードをハイライトするライブラリSyntaxHighlighterの非同期読み込み方法について説明します.

ここでは, 筆者が作成したブラウザゲームを紹介します.

このページは筆者が作成したJavaScriptのライブラリが公開されます.

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ

線形代数にある線形写像, 基底の変換行列, 表現行列などを理解するとき, 今どこの座標系にいるのか, 基底は変わったのか, ここはベクトル空間かという悩みに会います.

本稿では, 変換行列や表現行列を図で理解することを目的にします. 行列の掛け算が点の移動であることを意識すると, 理解しやすくなります.