クラウドミュージックプレイヤー, JavaScript, 校正, デバッガ

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の非同期読み込み方法について説明します.

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

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

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

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

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

サンプルページ

PHPでWebアプリケーションを作るとき, 必ずデバックを行う必要があります. Debugの方法として, "echo"関数などを使用したプログラムの状態を画面に出力するなどがありますが, ファイルとしてそのようなデバック情報が保存されないのが難点です.

このDebugツールは以下の目的で作られました.

• 簡単にDebugできるように
• 外部ファイルとしてデバック情報を保存

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

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

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

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

サンプルページ

PHPでWebアプリケーションを作るとき, 必ずデバックを行う必要があります. Debugの方法として, "echo"関数などを使用したプログラムの状態を画面に出力するなどがありますが, ファイルとしてそのようなデバック情報が保存されないのが難点です.

このDebugツールは以下の目的で作られました.

• 簡単にDebugできるように
• 外部ファイルとしてデバック情報を保存

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

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

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

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

サンプルページ

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

本稿は, 筆者が今まで文を書いてきて, 先輩, 先生方から言われた文の校正内容をまとめたものです. 文の意味で校正をするのではなく, 文を文字列として扱いプロトコル的に校正します.

PHPでWebアプリケーションを作るとき, 必ずデバックを行う必要があります. Debugの方法として, "echo"関数などを使用したプログラムの状態を画面に出力するなどがありますが, ファイルとしてそのようなデバック情報が保存されないのが難点です.

このDebugツールは以下の目的で作られました.

• 簡単にDebugできるように
• 外部ファイルとしてデバック情報を保存