くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

VueでINPUTがフォーカスイン/フォーカスアウトを判定する(@focusと@blur)

スマホ用にボトムナビゲーションをつけてみたけど、 INPUTのフォーカス時に邪魔なので、消したいなと。。 フォーカス中かどうかをは判定するために、いろいろ調べたときの備忘録 @focusと@blurでイベントを取得する フォーカスすると、@focusが呼ばれ フォー…

Nuxt+Sentry(フロントエンドでログ収集)

フロントエンドでFirebase Crashlyticsみたいに、 Web上でログ情報を集めるようにしたいなと思い、いろいろみていたら、 Sentryというログ収集サービスがあったので、使ってみたときの備忘録 インストール $ npm i @nuxtjs/sentry nuxt.config.tsの設定 nuxt…

JSでランダムな文字列を生成する3つのライブラリ(Nano ID/uuid4/shortid)

ユニークIDなどのためにランダムな文字を生成したいなと思ったら、 いろいろライブラリがあったので、調べたときの備忘録 調べたのは、以下の3つ Nano ID uuid4 shortid Nano ID セキュエアでURLフレンドリーな文字でユニークIDを生成してくれるライブラリ v…

bitly APIで短縮URL(TwitterのURLバン対策 パート2)

前の記事でFirebase Dynamic Linksを使ったURL短縮を書いたけど、 ドメインを自分で設定するのでURLバンされる気してbitly APIも試してみた。 その時の備忘録。 TwitterのURLバンについては、もぎゃさんのCrieit記事を参照 crieit.net 準備 bitly アカウント…

Firebase Dynamic Linksで短縮URL(TwitterのURLバン対策)

もぎゃさんのCrieit記事を見て、TwitterでシェアするとURLバンされるらしい。。 crieit.net URLを短縮すると回避できるらしく、Firebase Dynamic Linksを使ってURLを短縮してみたときの備忘録 Firebaseのダイナミックリンクとは 公式ドキュメントより Fireba…

Nuxt(TS)でrouterのextendRoutesでredirectしようとしたらハマった(chunkNamesが必要)

Nuxt.jsでTypeScript化したところ、nuxt.config.jsのextendRoutesでハマった。。。 redirectしたいだけなのに。。。 いろいろ調べたので、その備忘録 まとめ Nuxt.js v2.7.0以上を使おう chunkNames: {}も設定しよう TypeScriptでの設定 こんな感じにで設定…

【Python】memory_profilerの結果をloggerで出力する

Pythonでメモリ使用量とか調べるときに便利なmemory_profiler。 loggerを使っているので、結果をそっちで表示したいなと思ったのでその備忘録。 memory-profilerとは 各行のメモリ使用量とかを計測してくれるライブラリ インストール $ pip install memory-p…

Nuxt/Vueでスクロールするならvue-scrolltoが便利

トップに戻るとか、ページ内リンクで移動するとかしたいなと思ったときの備忘録。 vue-scrollto便利! トップに戻るボタンほしいなと思ったら、簡単につけれた!Vueすごい...(*´ω`*) pic.twitter.com/dRlanENnxd— きらぷか積読ハウマッチ開発中【事前登録は…

Bulmaでもボトムナビゲーションしたい!

ふいにボトムナビ(下の方にあるメニューバー)をつけたいなと思ったので、 その時の備忘録。Bulmaが好きなのでBulmaで。 やっぱスマホだとボトムナビゲーションのほうがいいよねぇと思ったので、レスポンシブ対応した(*´ω`*) pic.twitter.com/NjUznVjOXv— き…

Vue.jsでトップに戻るボタンをつけてみる

よく右下に出てくる一番上まで戻るボタンがほしいなと思い、やってみたときの備忘録。 トップに戻るボタンほしいなと思ったら、簡単につけれた!Vueすごい...(*´ω`*) pic.twitter.com/dRlanENnxd— きらぷか積読ハウマッチ開発中【事前登録はじめました】 (@…