構文解析, JavaScript, アルゴリズム, 文法, クラウドミュージックプレイヤー

OutlineTextのパーサ(Parser)について

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

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

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

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

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

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

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

サンプルページ

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

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

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

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

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

サンプルページ

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

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

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

以下の特徴を持ちます。

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

広く使われているUnicode規格を理解し, エンコーディングの手法, UTF-8, UTF-16, UTF-32, を理解して, 多言語の文字コードを扱えるようになることを目指します. 具体的に, UTF-8, UTF-16, UTF-32間の変換方法をC++で実装し, 手法はできるだけ速い方法を用います.

ここでは, OutlineText の文法を示していきます. 基本的に Markdown と似せていますが, インデントに対する挙動が異なります. 見やすい文章を書くことを注意すれば, OutlineText は自然に解釈し構造化します.

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

以下の特徴を持ちます。

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