クラウドミュージックプレイヤー, JavaScript, WSL, ローカリゼーション
その他
Cloud Music Boxは、クラウドストレージ(OneDrive, Google Drive)から音楽を再生、より音楽を感じ楽しむように設計されたPWA音楽プレイヤーです。
以下の特徴を持ちます。
- PWAとして、多くのプラットフォーム(
Windows,macOS,iOS,Android)上で同様のユーザ体験を実現 - 一元管理されたクラウドストレージからの再生で、プレイヤーごとに音楽を同期する必要なし
- オフラインでも、ダウンロード済みの音楽は再生可能
- アプリがバックグラウンドにある場合でも、音楽の連続再生が可能(iOSのみ動作しないことがある)
- 独自の非線形ビジュアライザを備え、プレイヤー全体が音楽に合わせてダイナミックに変化
Cloud Music Boxは、クラウドストレージ(OneDrive, Google Drive)から音楽を再生、より音楽を感じ楽しむように設計されたPWA音楽プレイヤーです。
以下の特徴を持ちます。
- PWAとして、多くのプラットフォーム(
Windows,macOS,iOS,Android)上で同様のユーザ体験を実現 - 一元管理されたクラウドストレージからの再生で、プレイヤーごとに音楽を同期する必要なし
- オフラインでも、ダウンロード済みの音楽は再生可能
- アプリがバックグラウンドにある場合でも、音楽の連続再生が可能(iOSのみ動作しないことがある)
- 独自の非線形ビジュアライザを備え、プレイヤー全体が音楽に合わせてダイナミックに変化
ここでは, 筆者が作成したブラウザゲームを紹介します.
本稿では, コードをハイライトするライブラリSyntaxHighlighterの非同期読み込み方法について説明します.
本稿では, コードをハイライトするライブラリSyntaxHighlighterの非同期読み込み方法について説明します.
2021年12月現在, この記事で紹介している方法は古い可能性があります.
最新の方法について, microsoft 公式の以下のページか, 他の最新情報サイトをご覧ください.
WSL2上でUSBデバイスを認識させるために, VirtualHereを用いた方法を, Linux側でUSB/IPの機能を有効にする方法も含めて, 説明します.
ここでは, 筆者が作成したブラウザゲームを紹介します.
このページは筆者が作成したJavaScriptのライブラリが公開されます.
ウェブブラウザ上で動作する, 画面分割ライブラリ.
スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.
- ページロード時のレイアウト変化なし
- 他スクリプトによるビューへの自由な変更
- カスタム可能
PHPアプリケーションでローカリゼーション(多言語化)に対応できるライブラリ
ウェブブラウザ上で動作する, 画面分割ライブラリ.
スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.
- ページロード時のレイアウト変化なし
- 他スクリプトによるビューへの自由な変更
- カスタム可能
PHPアプリケーションでローカリゼーション(多言語化)に対応できるライブラリ
ウェブブラウザ上で動作する, 画面分割ライブラリ.
スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.
- ページロード時のレイアウト変化なし
- 他スクリプトによるビューへの自由な変更
- カスタム可能
このセクションでは, Windows Subsystem for Linux について書かれます.
2021年12月現在, この記事で紹介している方法は古い可能性があります.
最新の方法について, microsoft 公式の以下のページか, 他の最新情報サイトをご覧ください.
WSL2上でUSBデバイスを認識させるために, VirtualHereを用いた方法を, Linux側でUSB/IPの機能を有効にする方法も含めて, 説明します.
shell環境における開発をするためには,まずその開発環境を整える必要があります. 本稿では,開発環境を整えるスクリプトを公開します.
本稿で上げるスクリプトは,WSL(Windows Subsystem For Linux)上でのセットアップにも対応させています.
PHPアプリケーションでローカリゼーション(多言語化)に対応できるライブラリ