リンク内に収まるウェブサイトの作り方

リンク内に収まるウェブサイトの作り方

  • Oligur
  • 0
  • vyzf
リンク内に収まるウェブサイトの作り方
  • ハウツー
Itty Bitty は紙のポスターを Web サーバーに変えることができます。
Itty Bittyは紙のポスターをウェブサーバーに変えることができる。
写真:Charlie Sorrel/Cult of Mac

ちょっと質問です。もし今すぐに1ページのウェブサイトを公開したいと思ったら、どうすればいいでしょうか?Tumblrのようなサービスにアップロードするか、ドメイン名を登録してホストを探して、あとはZzzzzzzzzとやっていくしかないでしょう。でも、もしそのウェブページを作成して、それを専用のリンクに圧縮できたらどうでしょう?誰かがそのリンクをクリックすると、自動的に解凍され、普通のウェブページと同じようにブラウザに表示されます。それがItty Bittyなのです。

これはかなりすごい話で、さらにすごいことがあります。ツイートなどどこにでもリンクを貼り付けられるだけでなく、そのリンクをQRコードに変換して印刷することもできるのです。そうすれば、その紙のQRコードにあなたのウェブサイトが実際に表示されます。誰かがそれをスキャンするたびに、インターネット接続なしで展開・レンダリングされます。

小さなウェブサイト

Itty Bittyは、Quicksilverの開発者であり、Dropboxの現デザイン担当副社長でもあるNicholas Jitkoff(別名Alcor)氏によって開発されました。Webベースのエディタで、好きなものを何でも入力できます。詩、履歴書、画像付きのコーディング済みのWebページなど、書き上げた内容に満足したら、SafariのURLバーからURLをコピーするだけです。そして、他のリンクと同じように、そのURLを共有できます。

違いは、あなたのウェブサイトがそのURL内に含まれていることです。これは、インターネット上のどこかにホストされているウェブサイトを指す通常のリンクではなく、完全に自己完結的です。

さて、これにはいくつかの制約があり、最大のものはサイズです。Itty Bittyエディタはテキストを可能な限り縮小しますが、共有できるリンクのサイズには制限があります。Twitterでは4000バイト強、つまり4Kに制限されています。QRコードは最大2610バイトまでしか保存できません。しかし、テキストだけを使う場合、これはかなり大きな容量になります。Jitkoff氏:

URLにより多くの情報を収めるため、コンテンツはレンペル・ジヴ・マルコフ連鎖アルゴリズムを用いて圧縮されます。これによりHTMLのサイズが大幅に削減され、ほぼ1ページ分のコンテンツが印刷可能になります。

小さなウェブページを作成する方法

Itty Bitty エディター。
Itty Bittyエディター。
写真:Cult of Mac

サイトを作成するには、エディタを開いて作業を開始してください。ページにタイトルを付け、HTMLを使って好きなように記述できます。HTMLは手動で作成することも、お気に入りのエディタを使って作成し、Itty Bittyエディタに貼り付けることもできます。上級者の方は、Codepen.ioに接続することもできます。この記事では、Ulyssesの優れたHTMLエクスポート機能を使って、この記事全体のItty Bittyバージョンを作成し、それをCodepen.ioに貼り付けます。

エディタの右上に表示されているカウンターには、ページのサイズ(バイト単位)が表示されます。互換性を最大限に高めるには、このサイズを2000バイト以下に抑えてください。参考までに、このページ(画像なし)はわずかXXXバイトです。

結果に満足したら、Safari(またはお使いのブラウザ)からURLをコピーして新しいタブに貼り付けます。または、リロードボタンを押すだけでサイトが自動的に読み込まれます(サイトはリンク自体に含まれています)。ただし、この方法では、ミスを修正して元に戻すのが難しくなります。

複雑なコード

このアプリは独自の URL 内に収まります。
このアプリは独自のURLに収まります。
写真:Cult of Mac

基本的なHTMLに限定されるわけではありません。Itty Bittyで構築されたこの電卓アプリをぜひお試しください。

インターネットがありません!

Itty Bittyのサイトは、読み込み時に完全に自己完結的です。URLが で始まっていてitty.bitty.siteも、Itty Bittyのサーバーから読み込まれているとは限りません。このページを含むQRコードをスキャンすることで、これをテストできます。iPhoneを機内モードにして、このQRコードをスキャンすると、問題なく読み込まれます。これを使えば、ウェブサイト全体をポスターや名刺など、どこにでも掲載できます。

私をスキャンしてください。
スキャンしてね。
写真:Cult of Mac

このアイデアは「データ URL」と呼ばれるものに存在しますが、Jitkoff 氏はツイートでいくつかの違いを指摘しています。

  • ほとんどのツールはデータ URL を有効なリンクとして扱わないため (Twitter を含む)、確実に共有することが非常に困難になります。
  • データ URL は圧縮をサポートしていないため、コンテンツのサイズがすぐに問題になりますか?

安全

この方法の明らかな欠点はセキュリティです。巧妙に作られたサイトを使えば、QRコードだけでマルウェアを拡散させることが可能になり、これは好ましくありません。Itty Bittyは最終的にはマルウェアの温床になるかもしれませんが、そうならないかもしれません。今のところは、誰にも邪魔されることなく、ちょっとした情報を共有できる素晴らしい方法です。