← 一覧に戻る

mother

GitHub ↗ HTML 最終push: 2026/4/26 21:20

WIP(現在進行中)

Work In Progress

このプロジェクトで現在進行中の作業と、過去のスナップショットを記録する。

現在の状況

https://mother.ikapps.com/ が本番稼働中。SSL 自動更新済み、HTTP→HTTPS リダイレクトあり。 iPhone ホーム画面アイコンも縁取り M +うっすらマリア像で配置済み。

ローカル → サーバー間は scp で同期。アイコンは tools/gen-icon.py を Python3 で実行すれば再生成できる(要 Pillow)。

次にやること

  1. README.mdCLAUDE.md(project 用)を埋める。デプロイ手順(scp 先 + Nginx config 場所)と icon 再生成方法を最低限残す
  2. ~/cdev/multi-purpose-lightsail-server1/README.md の「ホスト中のサービス」表に mother.ikapps.com を追記
  3. 必要に応じてリンク追加(監視ダッシュボード、他の管理画面)

詰まり / 未決

  • 特になし

過去のWIPアーカイブ

(新しい「現在の状況」を書く前に、古いものをここに追記でアーカイブする。新しいものが上)

2026-04-26 19:37 時点のスナップショット

(ここは毎回上書きされる。「今どこまで進んだか」「次に何をするか」「詰まっていること」を簡潔に)

ROADMAP(計画)

ロードマップ

今週

  • README.md を埋める(プロジェクト概要、デプロイ手順、icon 再生成方法)
  • CLAUDE.md(project 用)を埋める(Claude Code セッション向けの要点)
  • ~/cdev/multi-purpose-lightsail-server1/README.md のサービス一覧に mother を追記

今月

  • 必要に応じて管理画面・監視ダッシュボードのリンクを追加(運用しながら判断)

今四半期

(今四半期の目標)

いつか

  • サーバー稼働状況・各サービスの簡易ステータスをこのページから直接表示する案(Lightsail のメトリクス、各サービスのヘルスチェック等)
  • ダッシュボード化(リンク集 → ライブ情報も)の方向に進めるか、リンク集のままシンプルに留めるかの判断

DECISIONS(意思決定)

意思決定記録

このプロジェクトで下した重要な意思決定を記録する。 最新が上に来る。


2026-04-26: ホーム画面アイコンは「M +うっすらマリア背景」に決定

背景: ブルータリスト感を出すため最初は 3×2 グリッド(MOT/HER)のモノグラムを試作したが、グラフィックとしての主張が強すぎて「いつも見るアイコン」として落ち着かなかった。

決定: 中央に M を1文字、背景に聖母マリアの絵画(Sassoferrato 系の "Madonna in Prayer")を退色させて重ねる構成にする。M は塗りを薄く(45%)、縁を細く(stroke ratio 0.009)して聖母像が透けて見えるようにする。

理由: プロジェクト名 "Mother" との直接的な意味的連結があり、宗教画の落ち着いた質感とブルータリストな M のコントラストで「渋い/飽きない」という当初の方向性に合致した。3×2 グリッドは情報量が多すぎ、小さく表示されるホーム画面アイコンとしては読みにくかった。


2026-04-26: Route53 の権限粒度はフルアクセス(既存パターン踏襲)

背景: mother.ikapps.com の DNS レコードを CLI から作成するため、Ichiro ユーザーには AmazonRoute53ReadOnlyAccess しかなかった書き込み権限を付ける必要があった。最小権限(ikapps.com ゾーン限定インラインポリシー)か、フルアクセスかの選択。

決定: AmazonRoute53ReadOnlyAccess を detach し、AmazonRoute53FullAccess を attach。

理由: Ichiro ユーザーの既存ポリシーは AmazonEC2FullAccess AmazonRDSFullAccess LightsailFullAccess 等、サービス単位のフルアクセスで揃っている。個人運用なので最小権限よりも一貫性とオペレーションの楽さを優先。今後 ikapps.com 以外のゾーンも触る可能性も高い。


2026-04-26: ホスティングは Lightsail 多目的サーバー、ドメインは mother.ikapps.com

背景: mother は単一ページの静的サイト。GitHub Pages、Lightsail、別途インスタンス、Cloudflare Pages 等の選択肢があった。

決定: 既存の multi-purpose-lightsail-server1(13.230.63.19)配下に Nginx 設定を1個追加して mother.ikapps.com で配信する。SSL は他サービス同様 certbot。

理由: 既に同じサーバーで aix.ikapps.com dev-tracker.ikapps.com mydb.ikapps.com 7ch.ikapps.com を Nginx + certbot でホストしており、運用方法が確立されている。新規インスタンスを立てるコスト(月額・運用)が不要、追加料金ゼロで載る。


2026-04-26: デザイン方向はブルータリズム(白基調)

背景: 「渋い/シンプル/飽きない」を満たすため、4方向(① ターミナル風 ② モノクロ・ブルータリズム ③ ダーク・ミニマル ④ 和風モダン)から選択。

決定: ② モノクロ・ブルータリズム。背景は当初の漆黒から、白基調(生成り #f1ede2 + 文字 #111)へ後から切り替え。

理由: タイポグラフィの強さ(Helvetica Neue Black + 巨大 MOTHER)で勝負できるのが一番シンプルで飽きにくい。白基調にしたのは長時間眺めても落ち着くため。


DEVLOG(作業ログ)

開発日誌

このプロジェクトでの作業を時系列で記録する。 最新のエントリが上に来る。


2026-04-26

21:15 - mother プロジェクト立ち上げ〜本番デプロイ+ホーム画面アイコン制作

やったこと

ページ実装(白基調ブルータリズム)

  • index.html を1ファイル完結(CSS/JS インライン、外部依存なし)で作成
  • 漆黒タイトル「MOTHER」(Helvetica Neue Black)+ 末尾に点滅ドット
  • リンク群: Dev Tracker / Senrigan / My Services(アコーディオン、yclip.org 内包)/ 7channel / AIX
  • 右上に JST ライブクロック+日付+曜日、フッタにパルスインジケータ+セッション経過時間
  • キーボードショートカット 153 は My Services の開閉)
  • <details>/<summary> でアコーディオン実装、JS 不要

インフラ

  • AWS IAM: Ichiro ユーザーに AmazonRoute53FullAccess を付与(AmazonRoute53ReadOnlyAccess を detach)
  • Route53: mother.ikapps.com A レコード → 13.230.63.19 を CLI で作成(hosted zone Z2L6Y2X95BT05D
  • Lightsail サーバー(13.230.63.19)に /var/www/mother/ 配置、scpindex.html 転送
  • Nginx /etc/nginx/sites-available/mother 作成・有効化
  • certbot で Let's Encrypt SSL 取得(mother.ikapps.com)、HTTP→HTTPS 301 リダイレクト設定、自動更新タイマー登録済
  • manifest 用に Nginx に Content-Type: application/manifest+json ロケーションを追加

iPhone ホーム画面アイコン

  • 初版: 3×2 グリッド(MOT / HER)のブルータリスト構成 → ユーザー判断で却下
  • 採用版: maria.jpg(聖母マリア絵画)を退色させた背景 + 中央に縁の細い「M」
  • アイコン生成は Pillow(Helvetica Neue Bold)。スクリプトは tools/gen-icon.py に保存
  • 最終パラメータ: M サイズ 0.79、stroke 0.009 ratio、stroke alpha 90%、fill alpha 45%
  • apple-touch-icon.png(180)、icon-32/192/512.pngmanifest.webmanifest を配置
  • HTML に <link rel="apple-touch-icon"> 等+ apple-mobile-web-app-* 各 meta、theme-color を追加

詰まったこと / 気づき

  • チャットに貼った画像はモデルから見えてはいるがファイルとしては触れない → ローカルに保存してパスを渡してもらう必要がある
  • iOS のホーム画面アイコンは強くキャッシュされる → 旧アイコンがある場合は一度削除+キャッシュなしリロード+再追加が必要
  • 既存の他サービス(aix, dev-tracker, mydb)も全部 certbot 管理だったので、今回もまったく同じ流れで HTTPS 化できた

次回やること

  • README.md / CLAUDE.md(project 用)の「(記入予定)」を埋める
  • ~/cdev/multi-purpose-lightsail-server1/README.md のサービス一覧に mother を追記
  • 必要に応じてリンク追加(管理画面、監視ダッシュボード等)

最近のコミット

README

mother

概要

(記入予定)

セットアップ

(記入予定)

使い方

(記入予定)