数式, JavaScript, 軽量マークアップ言語, PWA

ここでは, OutlineTextの特徴を示します.

OutlineTextの特徴は以下のとおりです.

• プレーンテキストでの見た目がそのままウェブページに反映
• 文章のアウトラインを見えやすく
• 見た目が分かりやすい文章は，読みやすく書きやすい

OutlineTextは, プレーンテキストの段階で文章のアウトラインを分かりやすくするために開発された軽量マークアップ言語です. 他の軽量マークアップ言語(Markdown, AsciiDoc, ReStructuredText, …)と異なり, インデントは文章の階層構造を表します. このことで, 文章の階層構造が視覚的にわかりやすくなります.

OutlineTextの実行例をご覧になりたい時はこのウェブページを参照してください. このウェブページはすべてOutlineTextで書かれています. OutlineTextのプレーンテキストは, ウェブページ右下にあるこのページのソースコードを表示をクリックすることで, 確認できます.

すぐに試してみたい方は, 以下のページから
すぐに試す

OPアンプ(オペアンプ)を使ったCR型矩形波(方形波)発振回路です. 抵抗の値で発振周波数が変化します. グランドと電源電圧間で発振し, マイコンなどのデジタルICに最適です.

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

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

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

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

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

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

サンプルページ

C#には, 処理時間計測をするのにStopwatchクラスがあります^[1]. PHPでもC#のような処理時間計測を実現するためのライブラリを実装しました.

作りは単純で, ソースもそれほど難しくはありません. 厳密な計測を想定していませんが, 簡単に計測を行いたい方などに最適です.

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

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

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

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

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

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

サンプルページ

C#には, 処理時間計測をするのにStopwatchクラスがあります^[1]. PHPでもC#のような処理時間計測を実現するためのライブラリを実装しました.

作りは単純で, ソースもそれほど難しくはありません. 厳密な計測を想定していませんが, 簡単に計測を行いたい方などに最適です.

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

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

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

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

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

サンプルページ

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

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

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

以下の特徴を持ちます。

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

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.

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

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

以下の特徴を持ちます。

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

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

以下の特徴を持ちます。

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

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.

C#には, 処理時間計測をするのにStopwatchクラスがあります^[1]. PHPでもC#のような処理時間計測を実現するためのライブラリを実装しました.

作りは単純で, ソースもそれほど難しくはありません. 厳密な計測を想定していませんが, 簡単に計測を行いたい方などに最適です.