土俵裏日誌黒糖丸部屋スタッフの日記

iOSでヘッダーメニューが開かないバグに対応しました。

Wed, 08 Apr 2026 00:00:15 +0900

iOSでヘッダーメニューが開かないバグに対応しました。

色々と問題が多くて大変でした。
PCでは問題なく動いていたため、iPhone実機で確認した際に気がつきました。
Android端末では動作確認ができていないため、他にも表示の不具合があるかもしれません。
お気づきの際は教えていただけると助かります。

以下メモ

① overflow: auto の中で position: fixed が壊れる
普通のブラウザなら position: fixed は常にviewport基準で固定されるはずなのに、
iOSだと overflow: auto/scroll の親があると「その親の中」で動いてしまう。

.menu-box に overflow-x: auto（横スクロール用）があった。
iOS Safariには「overflow: auto の中にある position: fixed は
viewportじゃなくてその親要素基準で動く」というバグがある。
なのでドロップダウンが画面に固定されず、
overflow コンテナの外に出たところで、はみ出た部分が切り取られて見えなくなっていた。

→ 解決策：ドロップダウンを直下に動的に生成することで、overflow の外に出した。

② 要素のクリックイベントが発火しない
チェックボックストグルの仕組みで使っていたが、
iOSではインタラクティブ扱いされないことがある。
onclick="" を付けるハックで回避できることもあるが不安定。

→ 解決策： →

サイトを公開しました。

Tue, 07 Apr 2026 00:00:55 +0900

サイトを公開しました。

去年の春頃からサイトを作り始め、国際ビーバーデーに（ギリギリ）合わせて公開することができました。

途中で体重測定のビーバーのように
「やる気をなくしてしまいました」
状態に何度かなりましたが、無事に公開までたどり着けました。

↓やる気をなくすビーバー参照
Umekomi

これからも少しずつになるかもしれませんが、
コンテンツを増やしていきたいので、よろしくお願いいたします。 -- Posted by ビバナナ〔198文字〕 No.14

ビーバーモチーフの作業記録アプリを作りました（自分用）

Thu, 15 Jan 2026 19:37:58 +0900

ビーバーモチーフの作業記録アプリを作りました（自分用）

サイト作りの途中ですが、
ビーバーが枝を集めてダムを作る様子をモチーフにした、
自分用の#作業記録アプリを、#JavaScript と #PHP で作りました。
（PHPはデータの保存用）

作業量を記録すると、ビーバーが画面の横から現れてダムを作っていきます。
この動きはCSSを使っています。
日ごとの進捗や、作業が少しずつ積み上がっていく様子がわかります。

シンプルな作りですが、ビーバーのイラストが可愛いので載せます。
イラストはフリー素材をお借りしました！
もう少し機能も追加するかも？
-- Posted by ビバナナ〔282文字〕 No.13

掲示板を設置しました。

Fri, 09 Jan 2026 22:46:44 +0900

掲示板を設置しました。

掲示板のプログラムが配布されていたので設置しました。
簡単な掲示板を作っていましたが、
PHPが難しくやる気が出なかったので、ありがたいです。

データベース管理の #DBeaver もインストールしました。
DBeaverは名前だけ知っていて気になっていたので少しテンション上がりました。
ソフトが日本語対応してるのも嬉しいです。 -- Posted by ビバナナ〔179文字〕 No.12

TOPページを賑やかな感じにしました。

Wed, 07 Jan 2026 21:24:19 +0900

TOPページを賑やかな感じにしました。

カラフルな絵が自由自在！虹色お絵描き！
レインボーアートで遊んでる気持ち。
もっと虹色を増やしたいけど、自重します。

SNSのボタンをCSSで作りました。可愛くできました。
（↓これはスクリーンショットです。）

X？知らない子ですね。

と言うのは置いておいても、今でも共有ボタンがTwitterのままのサイトが多い印象。
いまだに“旧Twitter”って呼ばれてるし。呼びづらいから……。 -- Posted by ビバナナ〔220文字〕 No.11

あけましておめでとうございます。

Sun, 04 Jan 2026 14:20:55 +0900

あけましておめでとうございます。

Xが少しゴタゴタしていて、
その影響もあってか、個人サイト文化がまた少し盛り上がってきているように感じます。

それに触発されて、しばらく放置していた当サイトを更新しました。
思うように絵が描けず、つい更新が止まりがちになっていましたが、
姉妹サイトの更新がひと段落し、去年は無事に公開までこぎつけることができました。

そのため、今年は、当サイトを中心に更新していきたいです。
年内には形にしていけたらいいな、と思っています。

また、これまで細かい修正については、あまり記録に残していませんでした。
しかし、作業内容を可視化したほうが、やる気や学びにもつながると感じたため、
今後はできるだけ記録していくことにします。

今日は、キリ番を踏んだときのメッセージ送信機能に挑戦していました。
PHPは難しくて、これまで掲示板の作成も放置気味でしたが、
これから少しずつ取り組んでいきたいと思います。 -- Posted by ビバナナ〔418文字〕 No.10

『マグナとふしぎの少女』という英語アプリを始めた

Sun, 14 Dec 2025 21:05:36 +0900

『マグナとふしぎの少女』という英語アプリを始めた

(Loading...)...

SNSの広告で見かけて、気になって始めてみた。
スピーキングが苦手なので、音声認識を使った発音チェック機能があるところが魅力に感じた。
また、声優にそれほど詳しくない私でも、名前を知っている声優さんが多く声を当てている。

サイトを見ると小学生が主な対象のような雰囲気だが、
年齢制限はなく、大人でも使えそう。

最初は小学生レベルの英単語からスタートする。
学習の進み具合に合わせてAIが問題を出してくれるらしく、
大学受験レベルの英単語まで対応しているようなので、
しばらく続けてみようかな、と思っている。

生き物ジャンルの英単語があるのも嬉しいポイント。

今のところは無料で学べている。
すごい時代だなー。

#英語 #スマホアプリ -- Posted by ビバナナ〔358文字〕 No.9

『ぼくらベアベアーズ』を観た

Sun, 03 Aug 2025 22:16:47 +0900

『ぼくらベアベアーズ』を観た

ディズニー＆ピクサーの新作映画『私がビーバーになる時』の情報が発表された。
監督はダニエル・チョンで、公開は2026年春の予定。

ダニエル・チョン監督は、アニメ『ぼくらベアベアーズ（We Bare Bears）』の原作者でもある。
この作品は「アメリカで放送された際、同じ時間帯で2歳から11歳の子ども向け視聴率がNo. 1を記録した大人気作品」らしい。
（ワーナー・ブラザース・ディスカバリー・ジャパン公式サイトより）

作中には不定期にビーバーも登場するそうで、以前から気になっていた。
子ども向けだと思って見ていたが、大人が見ても楽しめるアニメだと感じた。

たとえば第4話「屋台始めました!」では、主人公3人組が動物向けの屋台を開くが、そこに思わぬトラブルが起こる。
その中で描かれる動物たちの反応が、ただ可愛いだけじゃなくて少しリアルな部分も描かれているように感じた。

『私がビーバーになる時』の公開も、今からとても楽しみだ。
#ビーバー -- Posted by ビバナナ〔443文字〕 No.8

JACSHA（日本相撲聞芸術作曲家協議会）の『新・感・覚コン…

Tue, 22 Jul 2025 22:12:11 +0900

JACSHA（日本相撲聞芸術作曲家協議会）の『新・感・覚コンサート』を聴きに行った。

「障害者向け鑑賞支援付き」と書かれていて、障害のある方の姿が多く見られた。
「鑑賞支援」があるとこんなにも参加できる人が増えるのか、と驚いた。
もしかしたら、来たくても来られない環境が多いのかもしれないと思った。
また、ちょうど夏休み期間中だったためか、小さな子どもを連れた家族連れの姿も目立っていた。

相撲がテーマと聞いて、最初は「相撲に詳しい人向けかな？」と思ったけれど、
内容はとても丁寧に説明されていて、初心者でもわかりやすかった。

『新感覚コンサート』という名前のとおり、鑑賞者が相撲甚句に合いの手を入れたり、
蝉の声を真似したり、チラシをこする音を使って
「夏の空気感」や「鈴の音色」を表現するなど、参加型の場面もあった。
まさに新感覚の体験であった。

相撲の取組が終わった後に行われる「弓取り式」を元にした「毛弓取り甚句」という曲があり、
ヴァイオリンとピアノで演奏するアレンジに驚いた。

特に印象に残ったのは、「三声の相撲甚句インヴェンション」。
クラシック音楽でいう「インヴェンション」は、二つの旋律を同時に奏でる形式らしいけれど、
異なる相撲甚句を重ねて演奏しているのに、不思議なくらい自然に聴こえた。
七五調の歌詞だからこそ、メロディ同士がうまく重なりやすいのかもしれない。
（もちろん、演奏者の高い技術もあってのことだろうけれど……）

１時間のコンサートだったけれど、初めての体験ばかりで、とても心に残る時間になった。

#相撲 -- Posted by ビバナナ〔675文字〕 No.7

ひらり視聴完了、どすこいすしずもう視聴開始

Thu, 03 Jul 2025 18:11:03 +0900

ひらり視聴完了、どすこいすしずもう視聴開始

先日、朝ドラ『ひらり』を観終えた。

姉やお母さんのエピソードがじっくり描かれていて、
気づけば、そちらの物語のほうに引き込まれていた感じだった。
相撲部屋の力士たちのエピソードも、もう少し見てみたかった気持ちもあるけれど、
家族を中心に展開されるストーリーはとても興味深く、
特に姉をめぐる人間関係には思わず引き込まれてしまった。

物語を観終わったあと、
「このドラマ、タイトルが『ひらり』（主人公の名前）じゃなくて『みのり』（姉の名前）でも良かったのでは……？」
と思うほど、姉の存在感が強かった。

しかし、その“タイトルとのちょっとしたズレ”も含めて、作品全体を楽しむことができた。

個人的には、登場人物ひとりひとりの“その後”まで丁寧に描かれている作品の方が好みだけど、
余韻を大事にしたい人には、きっと心に残るラストだったんじゃないかと思う。

今度は、相撲がメインのドラマを観てみたくなった。

いろいろ探していたら、『どすこいすしずもう』という、5分枠の短編アニメを見つけた。

第1話では、たまご寿司といくら寿司の取り組み。行司はわさび。
すごい世界観だ。

いくら寿司が、いくらを投げて攻撃していたのには驚いた。
力士だけど、歌舞伎風の隈取もしていて、「こういう設定もアリなんだな」と思わされた。

しかも、47都道府県すべてに出身キャラがいるらしい。
ビーバーだけだとキャラの書き分けに悩みがちだから、いい刺激になる。
……今のところ何も思いつかないが。

#相撲 #ひらり #どすこいすしずもう -- Posted by ビバナナ〔684文字〕 No.6

『ひらり』を観た。趣味と評価のこと

Sat, 31 May 2025 21:34:33 +0900

『ひらり』を観た。趣味と評価のこと

姉妹が医師の男性をめぐって静かに火花を散らし始め、
主人公の両親のあいだにも少しずつ衝突が増えてきた。

最初は主人公にも医師の男性にもあまり好感を持てなかったが、
最近は少しずつ親しみが湧いてきて、物語に自然と引き込まれている。

ナレーションの
「恋の下手な人は、隠し事も下手」
という一言も強く印象に残った。

また、
「芸と商売は別。毎晩芸をやっていたら体がもたない」
劇中で引用された古今亭志ん生の言葉には、
“仕事として続けることの現実”がにじんでいて、心に残った。

さらに印象深かったのは、俳句を生きがいにしたい主人公の母に向けられた次の言葉。
「趣味は自分のためのものだが、やがて飽きる」
「お金にならないことは、生きがいにならない」
「対価をもらうことで“認められた”と感じられる」
「認められることこそが、生きがいになる」

私は「趣味は自分が楽しければいい」と思っていたので少し違和感もあった。
しかし、誰にも見られず、理解もされないままだと続けるのがむずかしいのも事実だ。
認められることでモチベーションが上がり、作品の質も良くなるというのは理解できる。

カルチャーセンターで徹夜して作品を仕上げる主人公の母と、
それを冷ややかに見つめる家族の姿も印象的だった。
「趣味だからこそ、理想を追いたくなる」という気持ちには、強く共感した。

#ひらり -- Posted by ビバナナ〔606文字〕 No.5

朝ドラ『ひらり』視聴

Sun, 18 May 2025 12:10:08 +0900

朝ドラ『ひらり』視聴

相撲という“女性禁制”の題材だから、ジェンダー的な視点にも切り込むのかと思っていたが、
今のところそうした問題提起はほとんど見られない。
レビューを読むかぎりでは、物語の主軸はあくまで恋愛にあるようだ。

30年前のドラマだと考えれば仕方ないのかもしれないが、
当時の価値観がそのまま出てくる場面も多く、今見ると引っかかるところもある。

私は普段あまり朝ドラを見ないので、主人公にはもっと“クリーンで素直”なイメージを持っていた。
しかし、この主人公はそのイメージとは少し違っていた。
相手の前では言わないものの、顔の大きな女性を悪気なく小馬鹿にしたり、
先輩に向かって陰で「ハイミス（婚期を過ぎた未婚女性）」と言う場面もある。

先輩に嫌がらせを受けて、いないところで「殺す」と口にしたり、
ときどき下ネタを言ったりもする。
1992年当時は、こういう表現が朝ドラで普通に流れていたのかと思うと驚きがあった。
（この作品が2023年に再放送されていたことにも、少しびっくりした。）

さらに、アルバイト先で主人公は先輩に無視され、
「歩く不愉快」とまで言われてしまう。
「前向きで元気な主人公が応援される朝ドラ」を想像していた私には、かなり意外だった。

主人公が無視してくる先輩に反発したことを相撲部屋の親方に相談すると、
今度は逆に「兄弟子に礼節がない」と注意されてしまう。
アルバイト先が相撲関係のアパレルショップであることもあり、
相撲の礼儀を重んじるべきだということらしい。
主人公が謝ったことで先輩にも少し変化はあったが、それでも無視は続いた。
これが「かわいがり」なのだろうか……と考えてしまった。

ドラマ自体はとてもおもしろいが、ときどき受け入れにくい価値観が差し込まれる。
しかし、そういう“いろんな考え方”が混ざっていること自体が、
作品の独特の魅力になっているのかもしれない。

#ひらり #相撲 -- Posted by ビバナナ〔824文字〕 No.4

相撲をテーマにした作品

Sun, 18 May 2025 10:46:38 +0900

相撲をテーマにした作品

#相撲を知るために、相撲をテーマにした作品をいくつか観ている。

まずは映画『シコふんじゃった。』を鑑賞。
大学生の相撲部を描いた作品で、相撲の技などについても知ることができた。
ストーリーもテンポよく、楽しんで観ることができた。

また、ジブリの短編映画に『ちゅうずもう』という作品があるらしい。
現在は三鷹の森ジブリ美術館でのみ上映されているとのこと。

原作は、童話『ねずみのすもう』。
ねずみと相撲…「ビーバー相撲とちょっと似てる？」と思ったけれど、
内容は、金持ちの家に住むねずみと、貧乏な家に住むねずみが相撲を取るというお話。

原作を読んだ限りでは、ねずみ同士が対立している感じはなく、
相撲を楽しんでいる雰囲気は、ビーバー相撲と少し似ていると感じた。

機会があれば短編映画も観てみたい。
…とはいえ、ジブリ美術館に行けるのはまだまだ先になりそう。

そして、最近は朝ドラ『ひらり』の視聴をスタート。
相撲部屋が舞台になっているので楽しみ。 -- Posted by ビバナナ〔442文字〕 No.3

更新履歴をRSS表示に変更しました。

Fri, 09 May 2025 08:02:31 +0900

更新履歴をRSS表示に変更しました。

これまで更新履歴はHTMLに手打ちで書いていましたが、数が増えてきたため、
新しく設置したスタッフブログのRSSを、#JavaScript で読み込んで表示する方式に変更しました。
その際、ブラウザのセキュリティ機能である「CORS（クロスオリジンリソース共有）」にブロックされてしまいました。
どうやら、別のドメインからデータを取得しようとすると、CORSの制限に引っかかるようです。

以下、技術的なメモ

（続きを読む） -- Posted by ビバナナ〔1112文字〕 No.2

スタッフブログを設置しました。

Thu, 08 May 2025 21:03:41 +0900

スタッフブログを設置しました。

ここでは、サイトの更新記録や創作の裏話、日記などを綴っていく予定です。

これまでは「おかみの囁き」にこれらの内容も載せていましたが、
今後は「おかみの囁き」は相撲部屋のビーバー力士たち専用の投稿スペースにすることにしました。
（現在は工事中）

SNSを私物化してるスタッフみたいになっていたので…反省です。 -- Posted by ビバナナ〔172文字〕 No.1

土俵裏日誌 黒糖丸部屋スタッフの日記