コンサイズの1週間チャレンジ

WK-08サイト

空に浮かぶ街

コンサイズの1週間チャレンジ リニューアル

8本目は、このサイトそのもの。1週間で、建て直しました。

BEFORE墨流しの水面

AFTER空に浮かぶ街

リニューアル前の墨流しのサイトから、いまの空に浮かぶ街へ。

どんなサービス?

公開したサービス1本が、街の1軒。

このサイトのトップを、墨流しの水面から、空に浮かぶ小さな街に作り直しました。

毎週1本ずつ公開してきたサービスが、街に1軒ずつ建っています。人が思いつき、AIと組み上げる。その流れを、スクロールしながら街の上で追いかけられます。

8本目のこの回は、サービスの代わりに、サイトそのものを取り上げます。リニューアル前の墨流しのサイトは、アーカイブとして残してあります。

できること

街の歩き方

  • 人とAI人が電球を掲げると、ロボが受け取って分身し、街の建物を同時に建てる。最後は人が確かめる。
  • できること速さ・量・確かめる・中で働く。AIと組んでできるようになったことを、4枚の札で。
  • つくったもの一覧の札にふれると、街のその建物が見える。
  • あなたの番ひらめきを選ぶか書くと(16字まで)、人とロボが空き地にその場で建てる。
  • 日暮れ街に明かりがともったら、夜空を押すと花火。
  • 作り街は canvas に描いている。ライブラリもビルドの工程も使わず、HTML・CSS・素の JavaScript だけ。

街のどこかに、もうひとつの顔が隠れています。

画面

街の3つの場面

押すと大きく表示します。

  • 朝の街(トップの最初の画面)
  • 人とAI — ロボが分身して、同時に建てる
  • あなたの番 — 書いたひらめきが、その場で建つ

1週間の記録

1週間チャレンジの基本ペース

  1. 月企画・設計なにを作るか決め、画面と仕様を固める。
  2. 火実装コア機能が動くところまで一気に。
  3. 水実装・作り込み機能を出し切り、細部をつぶしにかかる。
  4. 木作り込み・検証例外を塞ぎ、実機で手ざわりを確かめる。
  5. 金検証・公開公開。そして次の週へ。

人が思いつき、AIと組み上げる。最後は人の目で確かめる。

見比べてみる

空に浮かぶ街は、いま見ているこのサイトそのものです。リニューアル前の墨流しのサイトは、アーカイブとして残しています(検索結果には出しません)。

リニューアル前のサイトを見る いまの街(トップ)へ