20190829-3

関連記事

デフォルト画像
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.10.14
親戚の結婚式とかいうハプニングマス

やめてくれよ…(絶望) 来月の中旬ぐらいに、親戚の結婚式があるんですよ。 おめでたーい! でも行きたくねえ! 何が悲しくて1万円支払って他人の幸せを祝わないかんのですかね。 いや別に大変めでたいことは確かなんですが、ほんとご祝儀とかいうシステムが謎。 そこまでして高価な式、挙げたい? 最初は「仕事が」で断ろうとしたんですが、流石にやめておきました。 本当は行きたくないですけど。 いやめでたいけど、めでたいけど行きたくない。 1万払ってまで見に行くのが謎。 お高めな居酒屋かよ、やめてくれよ。 薄給な人間からも等しく万単位で持っていくの勘弁していただきたい所です。 こういう謎風習が嫌だから嫌なんですよ本当。 もっとカジュアルで安い式挙げりゃいいじゃん? 最近は風船で熊飛ばすので数万かかるとか意味わからんことしてるとかなんとか。 ぼくが生きている内にこの制度廃れねえかな。 消えてなくなれ。 ご結婚おめでとう! それでは今日はここらでサヨウナラー

デフォルト画像
2018.06.23
WordPress → Hexo

最近コソコソやってました 最近あまり日記を書いてません。 それもこれも、夜毎コソコソとHexoをやっていたからなのですよ! その成果がこれだ! saikofall - Hexoブログ というわけで、ひとまず(ほぼ)完成しました。 静的ブログってやつです。 この前からHexoのことは話題で出してましたけど、断念してたんですよね。 原因はアイキャッチの表示のさせ方がわからねえってことだったんですけど。 とりあえずそこあんまり使わねえしいいか、と思ったらあっさり完成しました。 流石静的なだけあって、動的サイトであるWordpressでは体感できない速度があります。 しかもサーバーはgithubが用意してくれるという太っ腹ぶり。 詳しくは調べてないので、容量とかその辺りのことは全く不明です。 使えてるからオッケーってことで。 それはさておき デメリット開示のお時間です。 ・サーバーサイドの技術は使えない 当然です、静的ですから。 phpとか使ってるわけじゃないですからね。 とはいえ、色々な人がプラグインを作成しているので、それが代替になります。 大抵のことは一応できるので、安心感はあります。 ただし、コメント機能とかそういうのになるともうプラグインっていうか、どっかのサービスを使うことになります。 そこまで万能じゃねえんだ。 ・Twitterの同時投稿とかができない(できそう?) 上のに付随してる感がありますが、これができてません。 会社の人に言われたんですが、RSSフィード使えばいけるんじゃね、とのことなので目下調査中です。 もしできたら、deployと同時にTwitterへ投稿するなんてことができるかもしれないです。 RSSを更新するプラグインは開発されてるみたいですし。 ひとまず思いつくデメリットとしてはこんなもの。 それを補って速度だとか更新性の良さがあるのでどっちかといえばプラスですが。 更新に関してはMarkdown方式で書いていくので覚えれば早いです。 HTMLをMarkdownに変換するアイテムもありますが、こればかり使っていては覚えられませんからね。 過去記事をいくつか持っていくのに利用しています。 あ、なんかWordpressの記事を上手く変換できなかったせいで過去の記事は全滅しました。 一応ここ数ヶ月分は手作業で移す予定ですが。 これからの予定としては、この日記からリダイレクトさせるつもりです。 それに伴ってGoogle関係を色々とゴニョゴニョする必要もあるので面倒です。 ここのサーバーが死ぬ半年間ぐらいまでにはやらないと…。 面倒だなぁ。 それはともかく、色々と便利なHexoに移ります! 静的ブログだからめっちゃ早いよ! 基本テンプレートを改造してるから良い部分が大量に残ってるし。 先人は偉大だぁ…。 それでは今日はここらでサヨウナラー