投稿日:

あけましておめでとうございます（2020）

あけましておめでとうございます。今年も当サイトをよろしくお願いします。

2019年は過去に公開したWindowsアプリケーションのうち、以下のものをWebアプリケーション化しました。

※MSX VIEWerのBASICプログラムの表示機能は2016年にWeb化済み。

また、rpls Viewerのアップデートを行ったほか、Data URI Generatorを公開しました。

2020年も引き続き過去に公開したアプリケーションのウェブアプリケーション化を進めてまいります。

投稿日:

MSX Graphic Viewer（Web版）

1994年にDOS版、1996年にWindows95版を公開した「MSXCG」、2004年にWindows98版を公開した「MSX VIEWer」バージョン1.10に搭載されたBSAVE形式画像表示機能をWebアプリケーション化しました。

Windows版はこちら。

表示例１

別のウィンドウ（またはタブ）で開く

このBSAVE画像表示機能は、2016年に「MSX VIEWer」のBASICプログラム表示機能をWebアプリケーション・iOSアプリ・Androidアプリ化したときに取り残された形になっていましたが、このMSX Graphic ViewerによりWebアプリケーション化が完了しました。

このアプリは、MSX BASICで次のプログラムを実行した時の動作を再現します。

  • <backgroundcolor>は背景色のカラーコードで、0〜15です。
  • <screenmode>はBASICのスクリーンモード番号で、2〜12（9を除く）です。
  • <filename>はファイル名です。

Windows版バージョン1.10の画像表示機能との主な違い

  • 背景色（MSXの用語では周辺色）に対応
    • カラーコード0の部分を指定された背景色で描画します。
  • COPY命令で保存された画像ファイルの読み込みに対応

表示例２

URLパラメータの指定により、タイトルバーなどを非表示にし、画像のみを表示させることも可能です。

使い方

https://www.minagi.jp/apps/mgv/にアクセスします。

ファイルの読み込み

ローカルファイルシステム上のファイルを読み込む場合は「この端末のファイルを読み込む」（Load from this device）を押すとその環境のファイル選択画面が開くのでファイルを選択してください。

また、ドラッグ＆ドロップが行える環境では、読み込みたいファイルを本アプリにドロップすることでも読み込めます。

Web上のファイルを読み込む場合、またはData URIを指定して読み込む場合は「URLを指定して読み込む」（Load by specify URL）を押すとURL入力ダイアログボックスが表示されるので、画像ファイルのURL（またはData URI）を入力してOKボタンを押してください。

画像が読み込まれると画面に表示されます。

クリップボードへのコピー

読み込み後、「クリップボードにコピーする」（Copy to clipboard）を押すと、読み込まれた画像のPNG形式のData URIがクリップボードにコピーされます。別途ブラウザを起動し、クリップボードにコピーされたData URIをURL欄に貼り付けることで読み込み後の画像を表示できます。スマートフォンなど、本アプリに表示された画像を直接クリップボードにコピーできない環境では、この方法で読み込み後の画像をダウンロードすることができます。

読み込み動作の設定

画面モードや背景色、ファイル形式を指定することができます。読み込み後に変更することもできます。変更はただちに反映されます。

画面モード

画面モードを選択します。スクリーンモードの番号・名称はMSX BASICのものとVDP（TMS9918、V9938、V9958）のものを併記しています。

「自動判別」（Auto detect）を有効にすると、ファイル名の拡張子をもとに、下記の条件でスクリーンモードを自動で判定します。

拡張子 スクリーンモード
最後の１文字が「2」 SCREEN 2 / GRAPHIC 2
最後の１文字が「3」 SCREEN 3 / MULTI COLOR
最後の１文字が「4」 SCREEN 4 / GRAPHIC 3
最後の１文字が「5」 SCREEN 5 / GRAPHIC 4
最後の１文字が「6」 SCREEN 6 / GRAPHIC 5
最後の１文字が「7」 SCREEN 7 / GRAPHIC 6
最後の１文字が「8」 SCREEN 8 / GRAPHIC 7
最後の１文字が「A」
または最後の２文字が「10」		 SCREEN 10 / GRAPHIC 7
最後の１文字が「B」
または最後の２文字が「11」		 SCREEN 11 / GRAPHIC 7
最後の１文字が「C」かつ最後の３文字が「PIC」でない
または最後の２文字が「12」

SCREEN 12 / GRAPHIC 7

 

上記のいずれにも当てはまらない場合は、指定された画面モードで処理します。

背景色（周辺色）

背景色をカラーピッカーから選択します。これはMSX BASICのCOLOR命令の第３パラメータ（周辺色）に当たるもので、読み込んだ画像のうち、カラーコード0のドットはここで選択した色で表示されます。

画面モードがSCREEN 2〜7、10、11の場合、パレット情報を持つファイルを読み込んだ後はカラーピッカーにもそのパレット情報が反映されます。画面モードがSCREEN 8の場合はカラーコード0〜15の固定の色にが設定されます。

ファイル形式

ファイル形式を選択します。本アプリではBSAVE形式にくわえ、COPY命令で保存された画像ファイルの読み込みにも対応しています。「BSAVE形式」はMSX BASICのBSAVE命令で、「COPY形式」はCOPY命令で保存されたファイルとして読み込みます。

情報

画面右上の「i」のアイコンを押すと、読み込んだファイルの詳細な情報と、本アプリのバージョン情報などが表示されます。また、「設定を消去」（Erase settings）を押すと、画面モード、背景色、ファイル形式の設定情報が消去されます。

URLパラメータによる設定

MSX Graphic ViewerはURLでパラメータを受け取ることができます。

URLパラメータが指定された場合、保存されている設定よりもURLパラメータが優先されます。

項目説明
platform=ルック・アンド・フィールを指定します。「ios」（iOS風）、「android」（Android風）を指定できます。指定しない場合は自動で判別します。
language=表示言語を指定します。「ja」（日本語）、「en」（英語）を指定できます。指定しない場合は自動で判別します。
graphic_url=開きたい画像のファイルをURLで指定します。
graphic_screenmode=【画面モード】を指定します。2〜8、10〜12を指定できます。
graphic_screenmode_autodetect=【自動判別】を指定します。「yes」（自動判別する）、「no」（自動判別しない）を指定できます。
graphic_fileformat=【ファイル形式】を指定します。「bsave」（BSAVE形式）、「copy」（COPY形式）を指定できます。
backgroundcolor=【背景色】を指定します。MSX標準パレット（カラーコード0～15）から選択できます。
titlebar=タイトルバーを表示するかを指定します。「yes」（表示）、「no」（非表示）を指定できます。
「no」を指定した場合、ユーザーによる操作ができなくなるため、「graphic_url=」パラメータと併用する必要があります。
debug=デバッグモードを指定します。「on」（デバッグモード有効）、「off」（デバッグモード無効）を指定できます。
デバッグモードを有効にした場合、ブラウザのコンソールにデバッグ情報が出力されます。

呼び出しURL作成ツール

上記のパラメータを指定し、呼び出し用URLを生成するツールです。

設定項目設定値
実行
呼び出しURL

結果表示

リリース履歴

バージョン iOS Android Web 備考
1.0.0 ビルド – 201912291240 201912291240 Web版、Android版初回リリース
UI – 1.0.0 1.0.0
Core – 1.0.0 1.0.0
リリース日 – 2020年1月1日 2019年12月30日
1.0.3 ビルド 1.0.3.202001051715 – 1.0.3.202001051715 iOS版初回リリース。iOS用Safariにおいてローカルファイルを開く際、カメラやフォトライブラリを表示させず直接ファイルブラウザを表示するように修正。
UI 1.0.1 – 1.0.1
Core 1.0.0 – 1.0.0
リリース日

2020年1月6日

 – 2020年1月5日
1.0.4 ビルド 1.0.4.202001170100 1.0.4.202001170100 1.0.4.202001170100 起動時に画面モードの説明テキストが正しく表示されないことがある不具合を修正。
UI 1.0.2 1.0.2 1.0.2
Core 1.0.0 1.0.0 1.0.0
リリース日

2020年1月20日

 2020年1月17日 2020年1月17日
投稿日:

RT58iとRT107eを組み合わせてL2TP/IPsecとPPTP両対応リモートアクセスVPN環境を構築する

ヤマハのルーター「RT58i」は、VPNのプロトコルとしてPPTPしかサポートしていない。

一方で、iOS 10以降など最近のOSではPPTPをサポートしておらず、モバイル通信サービスでもPPTPを規制していることがしばしばある。

そのため、私はこちらの記事にあるようにQNAPのNAS（TS-212P）をL2TP/IPsecサーバーとして稼働させ、外出先から自宅へのリモートアクセスに利用していた。しかし、当初は問題なく利用できていたものの、徐々に接続できないことが多くなり、TS-212P側のログを見ても、そもそも接続要求が到達していないようで、かといってRT58iのログにもエラーが見られず困っていた。

“RT58iとRT107eを組み合わせてL2TP/IPsecとPPTP両対応リモートアクセスVPN環境を構築する” の続きを読む
投稿日:

RT58iとQNAPのNASの組み合わせでL2TP/IPsecを使用する

ヤマハのルーター「RT58i」は、VPNのプロトコルとしてPPTPしかサポートしていない。

一方で、iOS 10以降など最近のOSではPPTPをサポートしておらず、モバイル通信サービスでもPPTPを規制していることがしばしばある。

ヤマハのルーターもNVR500以降の製品であれば、L2TP/IPsecに対応しているのだが、QNAPのNASもL2TP/IPsecサーバー機能を持っているので、RT58iとQNAPのTS-212Pを組み合わせてL2TP/IPsecによるリモートアクセスを実現する手順を記述する。

“RT58iとQNAPのNASの組み合わせでL2TP/IPsecを使用する” の続きを読む
投稿日:

rpls Viewer for Webをアップデートしました（1.1.1）

rpls Viewer for Web（説明）をバージョン1.1.1にアップデートしました。変更点は、以下の通りです。

  • 「特殊記号のエスケープ：する」の場合もARIB追加漢字はそのまま表示するように変更
  • 「特殊記号のエスケープ：する」の場合の代替文字列への置き換え対象に「!!」（93区78点）、「!?」（93区79点）を追加（エンコードがJISの場合のみ）
  • 「特殊記号のエスケープ：する」の場合でも、U+2160〜U+216B,U+2460〜U+2473の各文字は代替文字列に置き換えず、そのまま使用するように変更（エンコードがUTF-8の場合のみ）
  • HTMLの構文不備を修正