くらげになりたい。

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

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— きらぷか積読ハウマッチ開発中【事前登録はじめました】 (@…

vue-infinite-loadingでNuxt.jsでも無限スクロール

無限スクロールしたいなぁと思ったら、 vue-infinite-loadingという便利があったので、その時の備忘録。 おぉ無限スクロールもできた(*´ω`*)Vueもvue-infinite-loadingもすごい(*´ω`*) pic.twitter.com/dtp1sxYUyz— きらぷか積読ハウマッチ開発中【事前登…

Vueのkeydown.enterで日本語入力中は無視するようにする

Vueのキーイベントで@keydown.enterを設定すると、 日本語の変換中に押したEnterでも発火してしまう。。 なにも変換後のみに発火させたいなと思ったときの備忘録 日本語入力中とそうでないときはkeyCodeが違うらしい Qiita記事にすべて書いてあった。。 @key…