Apple LisaのUIをベースにした1ビットグラフィックのWeb OS
(alpha.lisagui.com)- LisaGUIはApple Lisaスタイルを取り入れたWeb OSプロジェクトで、現在 Alpha release として公開されている
- 中核となるアイデンティティは、1ビットグラフィックベースのLisaテーマのインターフェースにある
- 初期画面には
NO JSという文言とともに、REFRESH PAGE、MORE INFO、STARTUP FROM...の選択肢が表示される - 各選択肢は
1、2、3の番号で配置されており、起動またはメニュー選択画面のように見える - 公開されている情報だけでは、対応ブラウザ、使用方法、実装方式、ライセンスは確認できない
LisaGUI Alpha画面
- LisaGUIはLisaテーマのWeb OSプロジェクトとして紹介されている
- メタ説明によると、1ビットグラフィックを使用するAlpha releaseである
- 画面に表示されている項目:
NO JS1 REFRESH PAGE2 MORE INFO3 STARTUP FROM...
未確認の情報
- インストール方法、実行条件、機能一覧、技術スタック、ライセンス情報は公開本文にはない
NO JSという文言の正確な意味や動作方式は、本文だけでは確認しにくい
1件のコメント
Hacker News のコメント
Lisa は正方形ピクセルではないため、キャンバスを横方向より縦方向が1.5倍になるようにスケーリングしている
高解像度ディスプレイではレンダリング領域が実質的に2倍になるのでおおむね問題なく見えるが、低解像度ディスプレイではピクセルが 1px × 1.5px のように見えて歪むことがある
大きな低解像度ディスプレイでウィンドウを十分に大きくすると、自動の整数倍スケーリング設定が適用されてピクセルがより大きく表示され、Preferences アプリのディスプレイオプションから強制的に有効にすることもできる
設定を壊してしまった場合は、Shift キーを押したまま LisaGUI を再起動すると倍率設定がリセットされる
iOS の PWA ではキャンバス位置に関する小さなバグがいくつかあり、デバイスを別の向きに回してから戻すと直るが、少し面倒
ウィンドウを閉じるにはタイトルバーのアイコンをダブルクリックすればよく、これは「ウィンドウを再びアイコンに折りたたむ」動作
HTML ならたいてい無料で手に入る部分
こういう Show HN は本当にいい
素のバニラ JavaScript と、自分の時代よりずっと前の見慣れない「Lisa GUI」を学べる楽しさがある
デモや例にブロック崩しのようなゲームがあるとうれしいが、それは自分の中の子どもが言っているだけ
Xerox への敬意として Xerox Alto の Mazewar のようなものもいつか作ってみたいが、特にネットワーク機能まで入れるとなると大仕事になりそう
フォントについてはいくつもフィードバックを受けており、一部の文字幅が不揃いに見えるという指摘があった
文字は文字どおりビットマップフォントなので、スタイルが適用されない限り常に同じ方法で出力され、スタイル適用も一貫して処理される
Lisa のシステムフォントは、2:3 のピクセル縦横比を補正するために各文字の縦画が横画より少し太い独特のスタイル
不揃いに見えるなら、低解像度ディスプレイで1倍表示しているのかもしれず、デバッグにはスクリーンショットが必要
Windows では Windows + PrintScreen、Mac では Command + Shift + 3 でキャプチャして、https://yaros.ae/ 下部のメールリンクか Bluesky（https://bsky.app/profile/lisagui.com）に送ればよい
プロジェクトのアップデートも Bluesky アカウントに投稿しており、Bluesky アカウントを作りたくない昔ながらのユーザー向けに、Web サイトには RSS リンクもある
Preferences アプリのシャドウ付きテキストスタイルと FatBits エディタが本当に昔の記憶を呼び起こす
ウィンドウに閉じるボタンがない点を除けば、40年分の UX「革新」を取り除いても、なお生産的で直感的な結果になるのが驚き
一度クリックするとメニューが開いたままになる動作は、ずっと後に登場した歓迎すべき改善だったように思う
今では誰もが慣れているのであえて追加しており、一度クリックしてメニューを開いたままにすることも、マウスを押したままドラッグして開き、ボタンを離すと閉じるようにすることもできる
System 6 のような初期の Mac OS で固定メニューを使えるようにする Mac 拡張が少なくとも1つあり、その機能を少し過去にバックポートしたようなもの
ウィンドウを閉じるにはタイトルバーのアイコンをダブルクリックすればよい
おそらく File > Set Aside のショートカット動作のようなもの
90年代初めに Mac 修理技術者として働いていたころ、Lisa を長く使ったわけではないが何度か触る機会があり、Lisa を1、2台修理し、1台は Mac XL に改造したこともある
UI は本当によく再現されていて、あちこちクリックしてみるのが楽しかった
モバイルのマウスカーソルは、iOS 版 Microsoft Remote Desktop のように動作させるのがおすすめ
画面をタップした場所にカーソルが直接移動するのではなく、画面上のどこでも指で動かすと、指の下ではない別の位置にあるカーソルが比例して動く方式
説明は難しいが、モバイル端末で Microsoft の無料 Windows App を使って RDP を試せばすぐに分かる
Preferences のタッチスクリーンオプションパネルでトラックパッドモードをオンにすればよい
かなり見事で、モバイルでも思ったよりよく動く
ただしシャッフルパズルゲームには、解けないパズルを生成するバグがあるようだ
パリティ問題に引っかかり、空白が左上に来るように揃えたがゲームが反応しなかったので、意図された解ではなさそう
オンラインの解法ツールでも確認したが、解はないと表示された
後で追加するかもしれないが、当面はソリティアのように解けなければ混ぜ直す方式になりそう
偶然にも、次のゲームとしてソリティアを追加する予定
いろいろクリックしていたら背景要素のようなものが選択され、ページ全体が青くなり、その後いくらクリックしても選択解除できなかった
体験を台無しにするほどではなかったが少し気になり、Safari 18.5 (20621.2.5.11.8) と Google Chrome 138.0.7204.93 で見た
Preferences アプリを開いて Decorate Desktop にチェックを入れ、カラーパレット選択で Pale Blue Dot 以外の色を選べばよい
現在は設定の読み込みが始まってから適用される
混乱を招くなら、ページの読み込み直後にこの設定を適用できるよう、保存方式の変更を優先することもできる
おそらくスワイプのような動作でページ全体が青く選択されたようで、何もしなくても自動選択されるように見えて変
iPhone の Firefox で使ってみると、スマホが縦向きの回転ロック状態のときはインストールや体験のボタンが見えない
回転ロックを解除すると問題なく、ロックの有無によって解像度の読み取り方が変わるようだ
上部のメニューバーにも何も表示されず、できることがなかった
それでもものすごい仕事で、実際に使えるようになっているのは本当に印象的
いや、問題ないどころか本当に最高だった
使っている間、実際に笑みがこぼれたし、速度も非常に速い
ただしレイアウトをもっとレスポンシブに磨く必要があるのは明らか
スマホ画面が小さすぎるとテキストがあふれて一部が切れることがあるが、Lisa にはそうしたスクロール可能なパネルがなかったため、すべてのダイアログにスクロール領域を無理やり入れたいわけではない
歴史的正確さ、現代的な制約、自分で作った技術的負債の間でバランスを取っているところなので、妥協は避けられない
モバイルなので少しだけ試したが、レスポンスが良くて印象的