02

関連記事

デフォルト画像
2019.04.18
iosで「特定の要素の外をクリックしたらポップアップを閉じる」を適用する

stopPropagation() 最近よく要求されて、なおかつよく忘れるのでメモとして残します。 ついでに頭に残すために記述してます。 See the Pen stopPropagation by 【LIGHT WINGER】 saiko (@saikofall-the-typescripter) on CodePen. 仕様としては下記の通り 1.ボタンを押すとメニューが右から出現する(この時背景にはbeforeで黒を敷く) 2.documentをタップするとメニューが閉じる(背景の黒くなっている部分) というだけのもので、重要なのが二番目の黒背景タップ、クリックで閉じること。 それと同時に、wrapの中身をタップしても閉じないこと。 ここで利用するのがstopPropagationで、親への伝播を止めることができます。 これがない場合、「ボタンをタップするとメニューが開く」と「documentをタップするとメニューが閉じる」が同時に動きます。 タイミングの問題で、後者が最後に発動するので、メニューが開きません。 なのでボタンタップ時にdocumentのjsが動かないようにstopPropagationで伝播を止めて、閉じないようにします。 これが今回の備忘録全貌です。 iosにおける処理 問題点:iosだと二番目の処理である「documentタップで閉じる」が動かない PCは動く、Androidは知らん。 で、まずは解決記事。 https://qiita.com/myzkyy/items/ce6a26c9c59612e6f515 技術的な方法も含め上記の記事に書いてあるのでその辺は全部読んでください。 それでこれを読んで、今回使った解決法。 解決:touchstart または touchend を使う これで解決しました。 記事でも書いてありますが、clickイベントとtouchstartイベントで処理が違うので挙動が変わります。 まあ多分問題ない範囲ではあります。 記事内でも「該当要素にcursor: pointerを付ける」があります。 ただ今回の場合、該当要素がbeforeで疑似要素なので使いませんでした。 試してないけど効かなそうだし、そもそもtouchstart効いたし。 終わり というわけで、これでちゃんと動きましたとさ。 次回動かないことがあったらこれ見ます。 それでは今日はここらでサヨウナラー

デフォルト画像
2018.09.25
左門くんはサモナーを集め始めた

ジャンプ作品 今更なんですけど、左門くんはサモナーを買い集めてます。 この作品自体は去年には完結したものですが、ジャンプ読んでた時期はこれだけ読んでたんですよね。 ギャグ分高めなギャグ漫画です。 カスと天使の話。 いやまあ、アンケートすら出してないような人間が言うのもなんですが、作品は好きだったんですよね。 キャラ付けがしっかりしてるしギャグがブラック感高めで面白いし。 何より他作品オマージュネタが多くて、それでいて完成度が高いおかげで笑えます。 現状8巻まで買いましたが、ここまでほぼシリアスなし! 長引くギャグ漫画にありがちな変に極振りしたシリアスパートがない所が好きだったりします。 マステマ編?アレは人気投票のためのギャグパートでしょ? 個人的に加護ちゃんが本当に好きだったので続いててほしかった感あります。 まあでも、なんとなく斉木みたいな雰囲気があったから好きだったってのもありますね。 この作品、沼駿という方が書いてるんですが、SNSなんもやってないから現状がわからないんですよね。 サモナーが終わった後に一度読み切り書いてるみたいですけど。 うおおん、新作が読みたい。 それでは今日はここらでサヨウナラー

2019.11.22
11月22日(金) 飲み屋でルートビアを見つける

飲む 沖縄料理をメインにしてる飲み屋に誘われたので行きました。奢りだとか言われちゃそりゃ行くしかねえすんわ。ザース!アザース! 中で何食ったかは置いといて(全部美味しかった❤) なぜか飲み屋にルートビアがあったので頼んでみました。 …?なんか思ってたんと違うな…。 匂いを嗅いでみても思った以上に普通。あのルートビアの変な匂いがしない。 ひとくち飲んでみて違和感、普通。あのルートビアのよくわからん湿布みたいな味がしない…。 いや、わかってるんですよ。飲み屋で普通に提供されてる以上、普通に飲めるものなんだろうなって。でもさ、ほら、あのヴィレヴァンにあったよくわからん飲み物的な印象があるじゃん?あのなんとも言えない「湿布ジュース」とか言われたアレを想像するじゃん? 普通じゃん…。 君誰だよ…。 料理は全部美味しかったのですが、ルートビアが普通に美味しく飲めるルートビアだったので悲しかったです。缶が悪いのかコイツが悪いのか。