目次

テトリス, タイマ, JavaScript, クラウドミュージックプレイヤー

+
もしかして...
その他

ゲーム
shtris | アプリケーション例

bashでもなく, zshでもなく, cshでもなく, 純粋なshで動く, テトリスの公式ガイドラインにそったテトリスを作りたい.

ブラウザゲーム一覧 | アプリケーション一覧

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

アプリ
shtris | アプリケーション例

bashでもなく, zshでもなく, cshでもなく, 純粋なshで動く, テトリスの公式ガイドラインにそったテトリスを作りたい.

ブラウザゲーム一覧 | アプリケーション一覧

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

Cloud Music Box - クラウドストレージからの音楽再生Webアプリ(PWA) | アプリケーション一覧
Cloud Music Box
Cloud Music Box

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

以下の特徴を持ちます。

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

OSがタスクの切り替えを行うためには, 定期的にOSが現在実行中のタスクの処理を中断してタスク切り替え処理を行う必要があります.

ここでは, このようなOSが定期的に割り込み処理を行う方法を説明します. また, 割り込み時の処理について説明します.

非同期処理, Tips
SyntaxHighlighter の非同期読み込み | Tips

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

ライブラリ
JavaScript | 各種ライブラリ

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

画面分割ライブラリ SplitView | JavaScript

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

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

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

サンプルページ

ダウンロード, 画面分割
画面分割ライブラリ SplitView | JavaScript

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

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

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

サンプルページ

Web, 音楽, PWA, 音楽再生
Cloud Music Box - クラウドストレージからの音楽再生Webアプリ(PWA) | アプリケーション一覧
Cloud Music Box
Cloud Music Box

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

以下の特徴を持ちます。

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