β版開発室に「ランダム文字列生成」を追加しました。

Blazor アプリの構築の勉強もかねてランダムな文字列を生成する Web アプリをβ版開発室に追加しました。

使い方はいたって簡単なので説明するほどのものではないと思います。記号については、見やすさを考慮して使いたくない記号もあるかと思いましたので個別に出力するかどうかを選択できるようにしました。

また入力内容は実行時に保存されるので次回開いたときはそのままの設定で再使用できるようになっています。

image

β版開発室に「マークダウンを HTML に変換」を追加しました

Web サービスなどではマークダウンで記述したテキストを Web サイト上で表示する機能をよく見かけると思いますが、そのまま HTML のテキストとして使いたい場面があったりしたのでちょっと作ってみました。

image

使い方は簡単でマークダウンファイル (.md) をグレーのエリアにドロップすると HTML コードに変換されて自動でダウンロードするような仕組みになっています。

ちなみに変換される HTML は body タグ内のコードのみなので、html タグなども含めて出力したい場合は下にある HTML フォーマットを適用することもできます。フォーマットはローカルストレージに保存しているので繰り返し使用することができます。

人によってはコピペでコードが欲しかったりするかもしれませんが、まあ今回はあくまでもβ版ということでとりあえずダウンロード限定の機能として作っています。

Blazor で作っているので初回表示は遅いです。こちらで新しいバージョンを公開したりブラウザのキャッシュをクリアしない限りは2回目以降はすぐに表示されるはずです。PWA を設定しているのでローカルにインストールすることもできます。

β版開発室に「文字数カウント」を追加しました

ひさびさに Blazor を触ってみたので簡単なアプリとして入力されたテキストの文字数をカウントするアプリを作ってみました。機能としてはそれだけです。

以下のページで公開しています。PWA を設定しているのでローカルにインストールすることも可能ですが、実際には対象の Web 画面がすぐに開けるぐらいのメリットだと思います。

image

β版開発室に「ウディタ用オートタイルを汎用マップチップに展開 (Blazor 版)」を追加しました

前回β版開発室に「ウディタ用オートタイルを汎用マップチップに展開」を追加しましたが、今回は同様の機能で Blazor 版 を公開しました。機能については変わりはないので簡単な説明は前回のブログを参照してください。

image

Blazor とは WebAssembly を作るフレームワークのことで、WebAssembly は基本的に Web ブラウザー内でプログラムが動作します。

前回公開したものは画像データをサーバーに送信してサーバーで展開したマップチップを画面に表示する、という動作をしていましたが、Blazor 版は全てクライアントで処理されるため、画像データをサーバーに送信せずにマップチップを展開して表示できます。

また WebAssembly には「PWA」という機能があり、Web ブラウザからインストールしてスタートメニューに登録できる仕組みもあります。

image

image

ちなみに現在β版という形で公開していますが、よっぽどのことがない限りは消さずにしばらく置いていると思います。正式版になるかどうかは今後の利用状況なども見て考えます。