アスカ文明 プログラミング教室
トップ お知らせ サイトを手描き風にしました・「...
📅 2026-09-21 サイト

サイトを手描き風にしました・「アスオタウンでできること」を作りました

サイトぜんたいの枠と線とボタンを、定規を使わずに引いたような手描き風にしました。あわせて、アスオタウンで実際に起きるできごとを画面つきで並べた「アスオタウンでできること」のページを作りました。

■ 手描き風の枠

まっすぐな線をやめて、少し歪んだ線にしました。パネル、カード、ボタン、ヘッダーの下線、来場者カウンター、お問い合わせの入力欄、イラストのサムネイルと本文、キャラクター詳細、アスオタウンのゲーム画面まで、ひととおり変えています。文字はぼけません。

色や配置はそのままです。線の引き方だけを変えました。

■ アスオタウンでできること

アスオタウンでできることを作りました。夜のキャンプ場でラジカセを鳴らすと怒鳴り込まれる、借金が返せないとマグロ漁船に乗せられる、王座に座ると勇者が記録しに来る——そういうできごとを、実際のゲーム画面と短い説明で並べてあります。いま153件です。

一枚ずつのページにもなっていて、X に貼れます。ページの下から前後のできごとへ移れます。

■ 直したところ

  • お知らせの一覧が長くなったので、20件ずつのページに分けました
  • シェアのページが10秒で勝手にアスオタウンへ移動していました。移動しません。行くかはボタンで選べます
  • アスオタウンの全画面ボタンが、枠の中に入ってしまっていたのを直しました
  • フッターから X(旧Twitter)のフォローへ行けるようにしました

▼ 他の記事