クラウドミュージックプレイヤー, ngrok, JavaScript, VSCode

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

以下の特徴を持ちます。

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

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

以下の特徴を持ちます。

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

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

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

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

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

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

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

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

サンプルページ

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

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

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

サンプルページ

OutlineTextのVSCode拡張機能は、OutlineTextの文書をVSCode上で編集するための拡張機能です。