目次

WSL2, スニペット, FTP, JavaScript, クラウドミュージックプレイヤー

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

WSL, USB
WSL2でUSBデバイスを認識させる | Tips
この方法は古い可能性があります

2021年12月現在, この記事で紹介している方法は古い可能性があります.

最新の方法について, microsoft 公式の以下のページか, 他の最新情報サイトをご覧ください.

WSL2上でUSBデバイスを認識させるために, VirtualHereを用いた方法を, Linux側でUSB/IPの機能を有効にする方法も含めて, 説明します.

WSL2上でArduino UNO が認識されている
WSL2上でArduino UNO が認識されている
Tips
WSL2でUSBデバイスを認識させる | Tips
この方法は古い可能性があります

2021年12月現在, この記事で紹介している方法は古い可能性があります.

最新の方法について, microsoft 公式の以下のページか, 他の最新情報サイトをご覧ください.

WSL2上でUSBデバイスを認識させるために, VirtualHereを用いた方法を, Linux側でUSB/IPの機能を有効にする方法も含めて, 説明します.

WSL2上でArduino UNO が認識されている
WSL2上でArduino UNO が認識されている
SyntaxHighlighter の非同期読み込み | Tips

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

ShellScript
スニペット | ShellScript

ShellScriptでよく使いそうな処理をまとめてみました.

備忘録を兼ねています.

主に, 文献[1][2]を参考にしました.

CI-CD, GitHub-Actions
rcloneを用いてFTPによるファイルのアップロードとダウンロードをGitHub Actions上で行う | CI-CD

本稿では、外部アクションに頼らずrcloneをもちいた外部サーバとのファイル転送方法を説明します。rcloneとは、FTPだけに限らず外部サーバに対してファイルのアップロードやダウンロード、削除や移動といったファイル操作を行えるCLIツールです。rcloneをGitHub Actionsで使うことにより、特殊な要求にも柔軟に対応できるようになります。

ダウンロード
rcloneを用いてFTPによるファイルのアップロードとダウンロードをGitHub Actions上で行う | CI-CD

本稿では、外部アクションに頼らずrcloneをもちいた外部サーバとのファイル転送方法を説明します。rcloneとは、FTPだけに限らず外部サーバに対してファイルのアップロードやダウンロード、削除や移動といったファイル操作を行えるCLIツールです。rcloneをGitHub Actionsで使うことにより、特殊な要求にも柔軟に対応できるようになります。

画面分割ライブラリ Splitter | JavaScript
このライブラリは, 古いです

よりモダンで, 完全に要素ベースの[JavaScript/画面分割ライブラリ SplitView]をご使用ください.

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

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

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

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

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

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

サンプルページ

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

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

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

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

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

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

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

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

以下の特徴を持ちます。

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

よりモダンで, 完全に要素ベースの[JavaScript/画面分割ライブラリ SplitView]をご使用ください.

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

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

JavaScript | 各種ライブラリ

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

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

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

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

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

サンプルページ

画面分割
画面分割ライブラリ Splitter | JavaScript
このライブラリは, 古いです

よりモダンで, 完全に要素ベースの[JavaScript/画面分割ライブラリ SplitView]をご使用ください.

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

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

画面分割ライブラリ 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/WSL2,スニペット,FTP,JavaScript,クラウドミュージックプレイヤー?layer=ja」から取得