マッチデープログラム&FAN BOOK 2026/27が届きました!
クリアシートもついてました。

明日は京都サンガ戦、もっちろんフロンターレが勝利だ!
FOOTBALL TOGETHER!
優勝めざしてGo! Go! フロンターレ!
さあゆけ~ フロンターレ~ アレオ~ オオ アレオ~オオ~♪
かわさき~ フロンターレ~ アレオ~ オオ アレオ~♪
Googleフォトのアルバム「Go! Go! Frontale! 2026特別&2026-27」にも絵を追加しました。
しーゆー。
メインのブログ「あたしンちのおとうさんの独り言」( http://atasinti.chu.jp/dad3/ )の一部の下書きです。下書きなので最終版と異なるものや間違いが訂正されていないものがあります。


遠く離れた2つの温泉地で硫化水素による死亡事故が起きた。検証に赴いた地球化学研究者・青江は、双方の現場で謎の娘・円華を目撃する...
ラプラスの魔女
過去に何が起きたにせよ、誰にも知られずに消え去ったことは、真実とはいえないんだ。そういう意味で大多数の凡庸な人間たちは、何の真実も残さずに消えていく。インターネットを見て見ろ。他人の悪口と愚痴だらけだ。攻撃の矛先が見つかれば、我先にと攻め立てる。自分では何も生み出さず、何も考えず、何ひとつ責任をとらず、自分の思う通りにならなければただ不平を口にするだけの人間に、どんな真実を作り出せるというんだ。(P469)
世界は一部の天才や、あなたのような狂った人間だけに動かされているわけじゃない。一見何の変哲もなく、価値もなさそうな人々こそが重要な構成要素だ。人間は原子だ。一つ一つは凡庸で、無自覚に生きているだけだとしても、集合体となった時、劇的な物理法則を実現していく。この世存在価値のない個体などない。ただの一つとして(P476)

Nostr+ ( https://zensky-pj.com/ )のメニューが図のようにまともに表示されないのはなぜですか?
添付の画像を確認しました。Nostr+のメニューが正しく表示されていないとのこと、原因を特定するためにいくつか情報を確認させてください。
1.OSとブラウザの種類: どのようなOS (Windows, macOS, Linux, Android, iOSなど) とブラウザ (Chrome, Firefox, Safari, Edgeなど) を使用していますか?
2.ブラウザのバージョン: ブラウザのバージョンを教えてください。
3.Nostr+のバージョン: Nostr+のバージョンを教えてください。
4.再現性: 毎回同じように表示されますか?それとも、時々発生しますか?
5.他のブラウザでの動作: 別のブラウザでも同じ現象が発生しますか?
6.キャッシュのクリア: ブラウザのキャッシュとCookieをクリアしてみてください。改善される可能性があります。
これらの情報があれば、より具体的な解決策を提案できるかもしれません。
画像のようにメニューのレイアウトが崩れて表示される原因は、各メニュー項目の幅(CSSのサイズ指定)がアイコンの幅程度まで極端に縮小・崩壊しているウェブサイト側のCSS/レイアウト処理の不具合(またはCSSファイルの読み込み失敗)です。
表示崩れの仕組み(なぜ文字が縦になったり重なったりするのか)
1.日本語(「アカウント」)が縦書きのようになる理由
日本語のテキストは標準で「文字単位で改行」される性質があります。領域の幅がアイコンサイズ(20〜30px程度)まで狭まっているため、1文字ごとに自動改行されて縦に並んでしまっています。
2.英語(「NosMail」「Nostr」など)が横に重なる理由
英単語は基本的に単語の途中で自動改行されません。そのため、狭い領域からはみ出して隣の領域へ突き抜け、右隣の文字と重なっています。
主な原因と対策
ユーザー(閲覧者)側で発生している場合の原因と試せること
・CSS(スタイルシート)の読み込み失敗
通信エラーやサーバー側の更新タイミングにより、デザインを定義するファイルが正常に読み込まれていない可能性があります。
・対策: ページの強制作転(Ctrl + F5 または Shift + R)を試してください。
・拡張機能(広告ブロック・自動翻訳など)の干渉
AdBlockなどの広告ブロッカーや、ブラウザの自動翻訳機能がHTML構造やスタイルを強制変更している場合があります。
・対策: 広告ブロック機能を一時OFFにするか、シークレットモード(プライベートウィンドウ)で開いて確認してください。
サイト開発者・運営側のコードの問題(サイト側の不具合の場合)
・Flexbox / Grid などの幅指定のミス
メニュー項目のコンテナ要素に min-width(最小幅)が指定されていない、あるいは親要素のグリッド設定(grid-template-columns)が崩れている可能性があります。
・フォントサイズや余白の計算崩れ
レスポンシブデザインのメディアクエリの記述ミスで、画面サイズによってレイアウト計算が破綻している可能性があります。
サイトを再読み込み(キャッシュクリア)しても解決しない場合は、サイト側のプログラム(CSS)自体に不具合が生じている可能性が高い状態です。
はい。画像を見る限り、Nostr+ のメニュー自体が壊れているというより、メニュー項目に適用されるレイアウト用CSSが効いていない/一部だけ適用されている可能性がかなり高いです。
実際、Nostr+ は現在も公開されており、8月12日付の利用報告でも 「Contact」「Chat」「Voice」「AI」などが追加された直後であることが確認できます。
画像から分かること
本来は例えば、
[ NosMail ] [ Nostr ] [ Contacts ] [ Chat ] [ Voice ]ところが画像では、
[ Making ]
のようにアイコン+文字を横並びにする設計だと思われます。
・NosMail と Nostr が NosMaiNostr のようにつながっている
・日本語部分が1文字ずつ縦に並んでいる
・ContactsChat Voice が横方向に詰め込まれている
・Making だけ別の位置に落ちている
・アイコンだけは所定の位置に存在している
という状態です。
これは典型的に、
HTMLは正常に生成されているが、親要素の display:flex / display:grid、gap、width、white-space などのCSSが効いていないときの見え方です。
特に気になるのが「日本語が1文字ずつ縦に並ぶ」部分です。これは文字そのものの問題というより、その要素の横幅が極端に小さくなっている可能性があります。
さらに可能性が高い原因
もしPCのブラウザで正常なのに、この画面だけおかしいのであれば、
ブラウザのウィンドウ幅に対するレスポンシブCSSのブレークポイント設定ミス
が第一候補です。
画像のメニューは幅約286pxしかなく、その中に多数のメニュー項目を入れようとしています。
例えばCSSが、
.menu {のようになっていると、文字が
display: flex;
}
.menu-item {
width: 40px;
}
Nosのように折り返されます。
さらに word-break や overflow-wrap が強く設定されていると、日本語だけでなく英数字まで1文字単位で折り返されます。
もう一つ重要なのは「CSSの読み込み失敗」
画像の状態からは、こちらも疑ったほうがいいです。
例えば、
<div class="menu">に対して本来、
...
</div>
.menu {などが必要なのに、そのCSSファイルが404になっている、あるいはビルド後のCSSとHTMLでクラス名が食い違っていると、ブラウザはHTMLを素の通常フローで表示します。
display: flex;
align-items: center;
gap: 12px;
}
今回、
アイコンは表示されているという点からすると、CSS全体が読み込まれていないというより、メニュー部分のCSSだけが欠落・上書きされている可能性もあります。
コンテナの角丸・影なども表示されている
しかしメニュー項目の配置だけがおかしい
確認するとかなり早く原因を特定できます
Chrome/Edgeなら、
F12 → Elements → おかしくなっている「NosMail」などの要素を選択 → Styles
を見てください。
特に、
display
flex
grid
width
min-width
max-width
flex-direction
flex-wrap
gap
white-space
word-break
overflow-wrap
を確認すると原因がほぼ分かります。
また F12 → Console と Network → CSS も確認してください。
・404 のCSSがある
・CSS/JSのロードエラーがある
・Refused to apply style...
・Failed to load resource...
などが出ていれば、かなり決定的です。
なお、今回のスクリーンショットだけから私が一番疑う順番は、
1.メニュー部分のレスポンシブCSSの不具合
2.メニューの display:flex/grid 等が別のCSSに上書きされている
3.CSSのビルド・読み込み漏れ
4.ブラウザの拡張機能等によるCSS干渉
です。
もしよければ、このNostr+のページについて、HTML/CSSの実装まで調べて「どのCSSが原因なのか」まで特定してみます。開発者ツールのスクリーンショットを1枚いただければ、かなり正確に絞れます。
CSS/レイアウトの不具合(特にメニュー幅・テキスト折り返し・日本語/英語混在の扱い)が主な原因と考えられます。
画像を見ると、サイドメニュー(またはドロワーメニュー)で以下のような崩れが起きています:
・「アカウント」が「ア」「カ」「ウ」「ン」「ト」と1文字ずつ縦に分かれている
・「NosMaNostr」のような文字の重なり・途切れ
・「ContactChat Voice」「Making」などの項目も正常に並んでいない
これは典型的なフロントエンドの表示崩れで、次のような要因が考えられます。
考えられる具体的な原因
1.メニューコンテナの幅が狭すぎる
サイドバーやドロワーの幅指定(width / max-width / flex / grid)が不適切で、テキストが強制的に折り返されている。日本語は1文字単位で改行されやすく、英語は途中で切れて重なって見えます。
2.CSSのwriting-modeやwhite-space、word-breakの影響
縦書き指定が誤って効いている、またはword-break: break-allなどが強くかかっていて、日本語が1文字ずつ分割されている可能性があります。
3.レスポンシブデザインの不具合
特定の画面幅・ズーム率・デバイス幅で崩れるケース。PCで開いているのにモバイル用の狭いメニューが適用されている、またはその逆。
4.リソースの読み込み失敗やキャッシュの影響 CSS/JSが正しく読み込まれていない、古いキャッシュが残っている、ブラウザ拡張機能(広告ブロッカーや翻訳系など)が干渉している、など。
5.サイト側のバグ
Nostr+(zensky-pj.com)はZenSky Project関連のサービスで、Nostrクライアント的な機能を持つようです。特定のページ(「Making」など)やログイン状態でメニュー生成ロジックに問題がある可能性もあります。サイト全体がJavaScript中心のSPAのため、ツールで中身を直接取得しにくく、フロントエンド依存の不具合が出やすい構造です。
試してみてほしい対処法
・スーパーリロード(キャッシュ無視):
Windows: Ctrl + F5 / Mac: Cmd + Shift + R
・別ブラウザ(Chrome / Firefox / Edgeなど)やシークレットモードで確認
・ブラウザのズームを100%に戻す(Ctrl + 0)
・画面幅を変えてみる(ウィンドウを広げたり、DevToolsでレスポンシブモードを試す)
・拡張機能を一時的に無効化
・サイトの公式連絡先やZenSky Projectのアカウント(Misskeyなど)に報告
サイト側のCSS修正が根本解決になるケースが多いので、上記を試しても直らない場合は開発者に画像付きで報告するのが確実です。表示崩れ自体は機能に致命的影響を与えないことが多いですが、使いづらいのは確かですね。
この表示崩れは、Nostr+(https://zensky-pj.com/)のメニュー部分のCSSやJavaScriptが正しく読み込まれていない可能性が高いです。画像を見る限り、アイコンやテキストが縦にずれて配置されており、レイアウトが意図した形になっていませんね。主な原因として考えられるのは次のようなものです:
💡 主な原因
・ブラウザの互換性問題:特定のブラウザ(特にSafariや古いEdgeなど)ではCSS GridやFlexboxの挙動が異なるため、崩れることがあります。
・キャッシュや拡張機能の影響:古いCSSやJSがキャッシュされていたり、広告ブロッカーなどの拡張機能がスクリプトを遮断している場合。
・フォントやアイコンフォントの読み込み失敗:Font Awesomeなどの外部リソースがブロックされると、アイコン位置がずれます。
・レスポンシブ設定の不具合:画面サイズやズーム率によって、メニューの位置指定が崩れることがあります。
🔧 対処法
・ブラウザを最新に更新し、別のブラウザ(ChromeやFirefox)でも試す。
・キャッシュをクリアして再読み込み(Ctrl + F5)。
・拡張機能を一時的に無効化して表示を確認。
・開発者ツール(F12)でConsoleを確認し、CSSやJSの読み込みエラーが出ていないかチェック。
・スマホ表示の場合は、PC版表示に切り替えてみる。
もしこれらを試しても改善しない場合、サイト側のCSSファイルが壊れているか、更新時にパスが誤っている可能性もあります。
どのブラウザでアクセスされていますか?それが分かれば、もう少し具体的な原因を絞り込めます。
