レトロ on akky@サイボウズラボ・ブログ

88x31 コレクション - 太古のウェブで多用されたサイズの懐かしバナーを収集

Wed, 16 Jun 2021 00:00:00 +0000

The 88x31 GIF Collection は、名前の通り、横88ピクセル x 縦31ピクセルのウェブバナーを収集して公開しているサイトです。

http://localhost:8099/wp-content/uploads/2021/06/The-88x31-GIF-Collection-_-Part-1-Google-Chrome-2021-06-16-14-47-37.mp4

88x31 サイズのバナーが広まったのは、1994年にスタートし当初のインターネット・ウェブ空間の一大勢力となった無料ホームページ公開サービスジオシティ(Geocities)。1996年のジオシティのトップページには、サイドバーに7つの 88x31 バナーが掲載されています。

ジオシティは各ユーザーに対し、ジオシティへのバナーリンクを設置することを推奨したということで、ジオシティで個人サイトを作ったユーザーらがまずジオシティの88x31バナーを置き、次いでお互いの個人サイトをリンクする時にも同じ88x31 バナーを作っては配布した、というのが普及の原動力ではないかということです。

ジオシティがなぜ88x31 サイズのボタンを採用したか、については、さらに遡って1995年のwebブラウザ Netscapt Navigator のバージョン2.0 のバナーをまねたのではないかということ。このバナーも88x31 ピクセルです。

Netscape Navigator のプロモーションの一環で、Netscape Now というキャンペーンがあり、Netscape がこの 88x31 サイズのバナーを配り、サイト制作者に設置することを求めていました。(via 88x31)

このボタンが、今のところ最も古い 88x31 バナーのようです。コレクションの3ページ目には、この最古のバナーを含めた Netscape 社の多数のバナーのバリエーションが保存されています。

なぜNetscape のデザイナーがこの 88x31 サイズのバナーを作ったかについては、文献が見つかりませんでした。日本のYahoo!知恵袋で一つ推論が披露されているのですが、ちょっと無理がある(黄金比をカットした「余白の」サイズが88x31に近いと言っている)ように思います。

このバナーがあまりに広く普及したため、88x31サイズは後追いでウェブ広告の業界団体Interactive Advertising Bureau(IAB)の標準バナーの一つに"micro banner"サイズとして指定されています。

via Hacker News

1978年のチェスアプリSargonを現代に蘇らせるプロジェクト

Fri, 21 Aug 2020 00:00:00 +0000

billforsternz/retro-sargon は、Intel 8080/Zailog Z80 で1978年に書かれた Sargon というチェスプログラムを、x86 に移植するという個人プロジェクトです。

参考までに、こちらは1983年に発売されたCommodore 64版 Sargon 2 の画像。

Z80のエミュレーターで動かすのではなく、Z80ベースのプログラムをx86(32bit)に変換しています。

x86 に移植された Sargon は、Chess GUI にこのエンジンをセットすることで対戦できるということです。作者おすすめのTarrasch Chess GUI を使って対戦してみました。

チェスでは人間が遊んだりコンピューター同士の対戦を表示するためのGUI部分が規格化(UCI)されているのですね。エンジンとGUIを別々にいろいろな人が開発していて、組み合わせて対戦させたり、人間が遊んだりできる。

オリジナルのSargon では探索の深さが最大で6に決められていたそうですが、移植後は最大で20階層に、状況に応じて読みの深さを自動で調整するようにしたとのこと。CPUの速さや使えるメモリ量が、昔のコードそのままでもずっと強いプログラムに変化させたわけです。

作者の @billforsternz 氏は、8080→x86のコンバーターと、8080→Z80→x86のコンバーターの二つを作り、変換結果が等しくなることを確認もしているということ。オリジナルの8080のコードに対する不満点から、Z80 に変換したものを起点としたいようなことも書かれています。当時のCPUの解説の中ではNECのV20などにも言及されています。

Readme に書かれた詳細がとにかく細かく、作者のこだわりが感じられます。Sargon はアセンブラ的にもメモリ利用の点でも変換しやすい作りだということ。他の色々な8080/Z80のプログラムが同様に移行できるわけではないかもしれませんが、愛着のある昔のプログラムがある人は、趣味としてこういう遊び方もあるんですね。

via Hacker News

Macintosh.js - Mac OS 8 エミュレーター in JavaScript on Electron

Thu, 30 Jul 2020 00:00:00 +0000

1991年発売の Macintosh Quadra 900 に載っていた Mac OS 8.1 のエミュレーターを、Electron アプリとしてパッケージし、Mac/Windows/Linux で動くようにしたプロジェクトが Macintosh.js です。

Mac OS 8 は Basilisk II というエミュレーターによるものということで、オリジナルの Mac OS 8 とは異なる実装なのでしょう。入っているゲーム類は 1997年の MacWorld で配布されたデモCD を取り込んだものだとか。デモCD なので配布することに問題ないということなのかな。デモCDを作った側も、20年以上経ってこんな形で使われるとは予想していなかったのでは。

[訂正 7/30]

Basilik II は68000系のエミュレーターで、Mac OS 8 の実装は無関係だという指摘をいただきました。その通りのようで、確認不足でした。

Basilisk IIはハードウェアエミュレータなのでROMとOS イメージは別途必要だった気が＞「オリジナルの Mac OS 8 とは異なる実装なのでしょう」 / https://t.co/kgSoldsJvJ
— Kazuho Oku (@kazuho) July 30, 2020

Demo CD のアプリを入れて配布、とあったのでいろいろ配慮されているのかと早合点しましたが、Macintosh Quadora を持っていてMac OS 8 のライセンスもある人、とかでないと動かすのは問題あるかもしれません。

[訂正終わり]

Basilisk II のC++コードを Emscripten で WebAssembly に変換し、JavaScript で動かす。バイナリファイル一つで起動できるようにそれを Electron でパッケージする。それで出来上がったのが1991年のマック環境の再現、というのが努力の無駄遣い感にあふれてていいですね。

Unim.press - redditのトップページを新聞紙面風にデザイン

Sat, 27 Jun 2020 00:00:00 +0000

unim.pressは、海外の巨大掲示板 reddit の最新人気記事を昔の新聞風デザインにして見せるというサイトです。

記事の本文は全部埋め草なので、タイトルで気になったら結局reddit にジャンプするんですけどね。できればコメントから記事本文みたいなものも生成してほしいところ。

記事にマウスを置くと、その記事の画像だけカラーになります。レトロ風味のモノクロと、気になった記事でちゃんと画像を見たいという気持ちを両立させた設計でしょうか。

新聞を何十年も読んできた人は特に、新聞の記事並びの形式に親和性があるでしょうし、ただ表のように順に並んでいるよりもこちらの方が楽という人はいるかもしれません。今起こっていることを俯瞰的にみられるという効果も… どうでしょうね。

それに、できた紙面を見ると懐古調というか、くだらないニュース(失礼)もなんだか意義のあるニュースに見えてくるということもあるかも。あるメディアを別のメディアの形式に置き換えるというアイデア、他にも何か作れるかもしれません。

via Hacker News

FLOPKEY - フロッピーディスクをキーボードに

Mon, 11 May 2020 00:00:00 +0000

@foone さんの工作は、最近めったに見なくなってきたPC周辺装置、フロッピーディスク+ドライブをキーボード代わりの入力デバイスにするというもの。

アルファベット一文字の書かれたフロッピーディスクを左側のフロッピードライブに差し込むと、5秒ぐらいたって右上に表示されているコンソールにその文字が追加されています。

Hello, World 全部をタイプするのに、4分以上かかっています。

アルファベットとスペース、シフトなどを含む29文字に対応するフロッピーディスク

現在の外付けUSBフロッピードライブを使えばもっと簡単にできたでしょうが、@foone さんはオリジナルのフロッピードライブにこだわったということ。

eBay で落札したドライブのチップを調べ、SCSIドライブからの信号をRaspberry Pi 上の Python で監視することで、フロッピーのデータを読み取っています。

といいつつもフロッピーのデータ自体は空で、ボリュームラベルに入れた文字を取得しているのだそう。

BBC Micro bot - ツイッターで走るBASICインタプリタ

Wed, 19 Feb 2020 00:00:00 +0000

@bbcmicrobot に対して、BBC BASIC のソースコードをつぶやくと、

pic.twitter.com/AKRxKKM43H
— BBC Micro Bot (@bbcmicrobot) February 19, 2020

エミュレーターで実行して結果をアニメーションGIFで表示してくれるという bot が登場してます。

BBC BASIC というのは、1980年代にイギリスで教育用に開発された BBC Micro というパーソナルコンピューターに搭載されていた BASIC 言語だということです。

pic.twitter.com/KIRZJSB1gC
— BBC Micro Bot (@bbcmicrobot) February 10, 2020

この @bbcmicrobot 、@dominicpajak さんの手によるもので、BBC とは何の関係もない非公式のアカウントだそうです。

pic.twitter.com/rsOfFiWbIv
— BBC Micro Bot (@bbcmicrobot) February 18, 2020

Twitter API からリプライを取得し、Node.js 上で BBC Micro のエミュレータである JSbeeb BBC Micro emulator を呼び出してコードを実行、20秒後に画面をアニメーションGIF化してTwitter API でリプライする、という仕組みだそうです。

pic.twitter.com/bQDdk5p3j0
— BBC Micro Bot (@bbcmicrobot) February 15, 2020

早速、いろいろなコードが投げつけられ、いろいろと懐かしい感じのアウトプットが並んでいます。

pic.twitter.com/OoZL5bMjYN
— BBC Micro Bot (@bbcmicrobot) February 16, 2020

書かれている BBC BASIC のコードを見た限り、N-BASIC とかそのあたりと大きく違う感じはなさそうです。オンラインの言語マニュアルもあるので、試してみたい方はどうぞ

ダイヤル式携帯電話

Fri, 14 Feb 2020 00:00:00 +0000

アメリカのブルックヘブン国立研究所で働くエンジニアのジャスティン・ホープトさん(Justine Haupt)の作による、ダイヤル式携帯電話。

一見するとネタに見えますが、作者によれば決して懐古趣味で作ったものではなく、既存のタッチスクリーン式の携帯電話を凌駕している箇所も複数あると言います。例えば、

アンテナを外したり、指向性の強いものに換装も可
「電話アプリ」を探したりすることなく、いきなり電話ができる
夫に掛けるための専用物理ボタンも搭載
LED表示の電波強度・電池残量表示は4段階ではなく10段階もある
背面に搭載したeペーパーはタッチスクリーンよりはるかに電池消費が少ない
電源はスライドスイッチ一発で、長押しした上で画面を確認するとかの必要がない

なるほど。実際に使われてるんですね。

回路も起こし、ガワも3Dプリンタで作成しと。作り方もオープンソースとして公開されています。クールな携帯電話だと思います。

via Laughing Squid

Rotary Dial - ダイヤル電話のダイヤルをウェブ上に再現するライブラリ

Fri, 18 Oct 2019 00:00:00 +0000

使いどころがわかりませんが、一定年齢以上の人だけ使い方がわかる、ダイヤル電話式の入力インタフェースをサイトに設置できるライブラリがvictorqribeiro/dialです。

デモサイト

このダイヤルUIの使い方ですが、「黒の丸いところをクリックし、右側の三角のところまでドラッグすると丸が赤色に変わります。そこで手を離すと、その数字がテキストフォームに入力されます。」ということ。こりゃわからんわ!

via Hacker News

StackOverflow が90年代風にデザイン変更も、Netscape Navigator 3.0で表示できず

Mon, 01 Apr 2019 00:00:00 +0000

StackOverflow をはじめ、StackExchange の各質問サイトが一斉にデザイン変更されています。

上部にはバナーが右から左へ流れ、マウスカーソルの後にはキラキラ星がついてきます。

同社のアナウンスによれば、この「タイムマシン機能」によって、もしStackExchangeが1998年に存在していたなら、を追体験できるということ。

ページのフッターには、ゲストブックも設置されています。

しかし、ゲストブックの後ろ、サイトの末尾に高らかに「Netscape 3.0で最も良く表示されます」アイコンをつけたせいで、バグレポートが出されています。

「Netscape Navigator 3.0 で表示したが何も出てこない」

試したんかい。

しかし、実際問題、NN3 でも表示できるようにするのって大変そう。NN3 で「だけ」表示ならともかく。

[動画] 現在の人気ネット企業が、もし1980年前後に存在したら

Tue, 25 Sep 2018 00:00:00 +0000

レディット, インスタグラム, グーグル, アマゾン, サウンドクラウド, ユーチューブ, ツイッター, フェイスブックらのネットの人気企業が1970-1990年代にもし存在していたとしたら、こんな企業ロゴを作っていたのでは、という動画です。

作者は、このようなレトロ風デザインを専門に請け負うデザイナーFuture Punk氏。

80年代から持ってきたような作品群ですが、現在作成されているものです。当時はいろんなところでこういうロゴを見たものですが、今の道具でこれを作ろうとすると、却って再現が難しいかもしれませんね。

動画はいい感じににじんだり、ノイズがのったりしています。音楽のほうも、当時のテレビ番組のオープニングにありそうな曲になっています。

via Geekologie

1ツイートに収まるブータブルなゲーム

Mon, 06 Aug 2018 00:00:00 +0000

Square社のセキュリティエンジニア、アロク・メングラハニさん(Alok Menghrajani, @alokmenghrajani)が公開したツイートは、ツイッターの一回のつぶやきに収まる280文字で、ブート可能なゲームを動かすというものです。

perl -E 'say"A"x46422,"BDRDAwMQFFTCBUT1JJVE8gU1BFQ0lGSUNBVElPTg","A"x54,"Ew","A"x2634,"/0NEMDAxAQ","A"x2721,"BAAAAYQ","A"x30,"SVVVqogAAAAAAAEAF","A"x2676,"LMBaACgB76gfbgTAM0Qv8D4uYAI86qqgcc+AXP45GA8SHIRPFB3DTeYSEhyBSwCa8CwicMB3rSGtkDNFSYwJHvc68MA","VapVqlWq"x330'|base64 -D>cd.iso
— alokmenghrajani (@alokmenghrajani) June 15, 2018

ゲームの内容は、長くなっていく線の方向を上下左右キーで操作して、画面の端や自分自身にぶつからないようにするというもの。Snake や Tron 系のレトロゲームですね。

このツイートをコマンドとして実行し、できた .iso ファイルを、VirtualBox にマウントして実行してみました。

メングラハニさんのブログでは、このイメージをCDに焼いて、実機で動かしている様子も公開されています。

via The Verge

1980年代のアマゾンがどんなサービスだったかを紹介する動画

Wed, 23 May 2018 00:00:00 +0000

「ワールドワイドウェブ(WWW)の不思議」という1980年代のテレビ番組で、当時の Amazon 社のサービスを紹介している動画が見つかったようです。

「パソコンで行けるデパート」であるアマゾンを使うのに必要なのは、モデムとインストールディスクだけ。

初回はお店のデータベースのダウンロードに、モデムをピーガーと言わせながら15分ほど掛かりますが、2度目からは1分以内に起動するそうです。

アマゾンのトップは、アドベンチャーゲーム風のエレベータ。買いたいもののカテゴリーを選ぶと、そのカテゴリーのページに移動できます。

各メニューのタイトルの一文字目がブリンクして、そのキーを押すと移動できる、というあたりのギミックも昔懐かしい感じ。商品の型番を手で入れないと見られないのは、マウスとリンクが当たり前の今の時代からみたらだいぶ不便そうです。

アマゾンといえばユーザーレビューは外せません。ちゃんとレビューを見ることもできます。ヤニー・ローレルさんはこのテレビが気に入らなかったようですね。

3:30 頃からは、アマゾンprime の紹介(あったんだ!)。送料無料やレンタルビデオ店で使えるクーポンの他に、音声応答サービス Alexa が紹介されています。

Alexa の番号に電話を掛けると、なんでも答えてくれるそうです。デモによると、掛け算の答えを訊いたり、今の大統領の名前を訊いたり(ロナルド・レーガン!)、モーニングコールを予約したり、テレビ番組がどのチャンネルでやってるかお訊いたり、音声でいろんな手伝いをしてくれるようです。

# Amazon の前身である Cadabra.com 社の創業は1994年、ウェブの登場は1991年です。念のため

あえてレトロな機械式掲示板 Vestaboard

Wed, 31 Jan 2018 00:00:00 +0000

空港にある、というか最近の空港はもうどこも電子掲示板になっているように思うので空港に「あった」と言うべきでしょうか、あの板がカタカタと回って表示が変わるサインボードを再現したガジェット Vestaboard が登場しました。

94 cm x 53 cm の黒板のようなボードに、23 x 7 個のデバイスが並べられています。となると一度に表示できるのは 161 文字でしょうか。

インターネットと連動していて、Android/iOSアプリから操作し、ツイッターのつぶやきやSMSのメッセージなどを表示させられるそうです。Google HomeやAlexa などと繋げて、今日の予定を表示させたりも。

こちらは表示板一個分のデバイスがCESで実際に展示されていたところ。動作がわかりやすいように、アルファベットではなく模様のついたカードを使っていますね。

View this post on Instagram

アルファベットを入れて動かしてる動画はこちら

iPhoneに昔風の電話のダイヤルを持たせるケース

Mon, 16 Jun 2014 00:00:00 +0000

3Dプリンターで作った、昔懐かしいダイヤル式電話のダイヤルを持つiPhoneケースだそうです。

スプリング内蔵でダイヤルしたら本物のようにジーっという音を出しながら戻りますが、残念ながらこれを回しても電話が掛かるというわけではありません。実際にダイヤルでiPhoneの電話が掛けられると、もっとすごいんですけど。

お値段は$19。色のバリエーションは6色あるようです。

周りの人をびっくりさせる面白ケースとして人気がでそうな気もします。

ファミコン風マツダロードスターとコイン投入で起動するエンジン

Wed, 16 Apr 2014 00:00:00 +0000

8bit Miataは、Mazda社のスポーツ・オープンカー「ミアータ」(日本名マツダ・ロードスター。旧ユーノス・ロードスター)をいろいろとレトロ方面へ改造しているブライアン・ヤングさんのプロジェクトです。

「8bit」は、日本で言う「ファミコン風」なデザインを指すようですが、このロードスター、車体のそこここがドット絵のようにカクカクとしています。

View this post on Instagram

フロントライトには目玉が。

アメリカの新興テレビメーカーSeikiのレトロテレビが一周してカッコイイ

Mon, 27 Jan 2014 00:00:00 +0000

Seiki Digital というテレビメーカーがアメリカはカリフォルニアにあるんですね。調べたら、安い4Kテレビなども作っているメーカーのようです。

Seikiという社名が日本語っぽいのは、日本風の名前がアメリカでもまだ消費者に効くということでしょうか。

そんな会社が売っているレトロテレビ Seiki Digital SE22FR01 の写真がこれ。

丸みを帯びて後ろが張り出してますが、ブラウン管じゃなくて液晶テレビです。サイズは 22インチで、解像度1080pのフルHDです。

アメリカのAmazonでも$199 で売っています。

チューナー内蔵ですがこのまま日本に持ち込んでも日本のテレビは映らないでしょう。HDMI入力などがあるのでモニタとしては使えそうです。

デザインのことなので個人の好き好きだとは思いますが、僕はこのレトロデザイン、面白いなと思います。日本の電気店で同じような価格で棚に並んでいたら、これにしてしまうかも。一見したら「こんな古いテレビ使ってるの? 映るの?」と思いかねないデザインですね。

RCAやゼニスといったアメリカのテレビメーカーは、何十年も前に日本など海外のメーカーとの競争に負けてしまったわけですが、今や設計だけして中国などに発注すれば誰でもテレビを作ることはできるわけで、アメリカでアメリカ人向けにテレビを作るのも簡単なのかもしれません。製造は任せてデザインで差別化して売るのは、iPhoneで成功したアップル社とも通じるものがあるかもしれません。

via Yes, This Is an HDTV

Audman - iPhoneをウォークマン風にするケース

Mon, 19 Dec 2011 00:00:00 +0000

Kickstarterでサポーターを募集している Audmanは、iPhoneケースなのですがデザインがカセットテープ時代の携帯音楽の主役、再生専用カセットプレイヤーの形をしています。

また、中に入れるiPhoneの表示画面をカセットテープのようにしているイメージ図があり、これを使うと中身まで含めて本当にカセットテープを聴いているかのように見えます。

スピーカー・バッテリーつきのAudmanが$139(11000円)、ケースのみの Audman LTが$99(7800円)。ただしKickstarterで十分な参加者が現れるまで生産は始まりません。

古さがかえってユニークでかっこ良くなる場合もありますね。友達の意表をつけることは確かです。

https://www.kickstarter.com/projects/ekkaia/audman-the-battery-charging-boombox-for-your-ipod

[追記 2019-06-16] 残念ながら、十分な金額が集まらなかったようですね。

via Audmad is smallest speaker dock in the world | Ubergizmo

コマンドラインで閲覧するブログテーマ for WordPress

Sun, 29 Apr 2007 00:00:00 +0000

[更新 2016-09-08]

リンク先も、紹介していた Boing Boing ブログの記事も消滅していることを確認しました。

Commodore64風デザインのWordPressテーマというのは見つかりましたが、これは元のテーマのようなコマンドを打って使うようなおかしな(=ほめてる)テーマではなく、単にレトロパソコンの画面風にブログを表示するだけのものです。

2007年の日本はまだMovable Type全盛で、WordPressがどういうものかを一から説明しないといけなかったというのが見て取れますね。

-—

WordPressというブログ、英語圏ではMovebable Typeに劣らないほど人気があるとも聞くけれど、ユーザベースも多いようでテーマ(切り替え用のUIデザイン)も多数存在する。

凝ったものも多いけれど、今回のはすごい。Unixや往年のホビーパソコンコモドール64のスクリーンを模した、コマンドライン版ブログテーマだ。

コモドール風

CLI

(比較用) 普通っぽいテーマで同じブログを表示

使い方はhelpコマンドで出てくる。コマンドのヘルプは help コマンド名。

lsやcdといったシェルコマンドで、カテゴリツリーを移動し(スペースが入ってるときはダブルクォートでくくるといいようだ)、エントリのIDを使って cat [ID] などとやると個別のエントリがmore風に読める。

ブログといえば、のrssやタグクラウド(cloudコマンド)、blogrollなども取得・表示させることができた。

また、hostsで一覧した他のサイトに、telnet ホスト名で移動することもできて、これらのテーマを使った他のブログを読みにいくこともできた。

Unixやネットワークのコマンドを、うまくブログの世界にマッチさせている。よくできてる。

via boingboing

レトロ on akky@サイボウズラボ・ブログ

88x31 コレクション - 太古のウェブで多用されたサイズの懐かしバナーを収集

1978年のチェスアプリSargonを現代に蘇らせるプロジェクト

Macintosh.js - Mac OS 8 エミュレーター in JavaScript on Electron

Unim.press - redditのトップページを新聞紙面風にデザイン

FLOPKEY - フロッピーディスクをキーボードに

BBC Micro bot - ツイッターで走るBASICインタプリタ

ダイヤル式携帯電話

Rotary Dial - ダイヤル電話のダイヤルをウェブ上に再現するライブラリ

StackOverflow が90年代風にデザイン変更も、Netscape Navigator 3.0で表示できず

[動画] 現在の人気ネット企業が、もし1980年前後に存在したら

1ツイートに収まるブータブルなゲーム

1980年代のアマゾンがどんなサービスだったかを紹介する動画

あえてレトロな機械式掲示板 Vestaboard

iPhoneに昔風の電話のダイヤルを持たせるケース

関連

ファミコン風マツダロードスターとコイン投入で起動するエンジン

アメリカの新興テレビメーカーSeikiのレトロテレビが一周してカッコイイ

Audman - iPhoneをウォークマン風にするケース

コマンドラインで閲覧するブログテーマ for WordPress