くらげになりたい。

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

FirestoreのonSnapshotでリアルタイム同期する

firestore便利だけど、getしか使ったことなかった。。 onSnapshotを使うと、変更されたデータを受け取れるので、試してみたときの備忘録。 ドキュメントはこれをみた。 ・Cloud Firestore でリアルタイム アップデートを入手する | Firebase 使い方 こんな感…

FontAwesome5をNuxt+Buefy(Bulma)で使えるようにする

以前の記事でvue-fontawesomeを使って、FontAwesome5を使えるようにしたけど、 nuxt-fontawesomeというもっと便利なのがあったので、試してみたときの備忘録。 便利だけでどデフォルトをFontAwesomeにしないといけないっぽい感じなので、併用していると難し…

スマホのシェア機能にWeb Share APIを使ってみる

スマホだといろんなアプリに送れたりするシェア機能がある。 WebサイトでもWeb Share APIを使うとできるらしいので試してみた。 サポート状況は、SafariとAndroidのChromだけ。 ・Can I use... Support tables for HTML5, CSS3, etc 使い方 すごく簡単。 pri…

Nuxtで簡単にクリップボードへコピーする(nuxt-clipboard2)

クリップボードコピーについて、いろいろやってみてるけど、 nuxt-clipboard2を使うとすごく簡単だった。ので、そのときの備忘録。 nuxt-clipboard2は、vue-clipboard2のNuxtモジュールで、 vue-clipboard2は、clipboard.jsのVueライブラリ インストール $ n…

コマンドでpng画像を圧縮/軽量化する(pngquant)

PNGの軽量化をWebサービスを使ってやっていたけど、 コマンドでやりたくなったので調べてみたときの備忘録。 pngquantというのがあるらしい。。 インストール $ brew install pngquant 圧縮する # 上書き保存(-f --ext) $ pngquant -f --ext .png image.png …

Vercel(ZEIT now)のServerless FunctionでTypeScriptの最小構成

前も書いたけど、ZEITからVercelになったらしく、 だいぶ楽にFaaSできるようになったので試してみた。すごく簡単だった。。(´ω`) このサンプルのソースはこちら。 使ってみる インストールとか # package.jsonの作成 $ npm init # 必要なパッケージをインス…

Nuxt/TS】vuex-module-decorators+nuxt-client-initで、nuxtClientInit内で@nuxt/axiosが取得できないときの対処法

TypeScriptでNuxtしたくて、vuex-module-decoratorsとnuxt-client-initを使ったら、 nuxtClientInit内で$axiosがnullだったときの備忘録。 Nuxt TypeScriptのストアのガイドを見ているけど、 プラグインのほうが後に呼ばれるので、自分で初期化しないといけ…

GAE+Cloud SQLでDjangoを動かしてみる

DjangoをGAE+Cloud SQL環境で動かしてみたときの備忘録。 基本は、GAEのドキュメントに従えばOK。 注意点/ハマったところ Cloud SQLをローカルでつなぐ時はプロキシツールを実行しておかないといけない settings.pyに習って、各種設定が必要 ファイルは書き…

DjangoでAPI(DRF)でパスワードを忘れたときの処理

Django Rest Frameworkを利用してるときに、 パスワードリセットをAPIでできるようにしたときの備忘録。 django-rest-passwordresetを使うと簡単にできる。 各APIの画面も生成してくれるので、ブラウザでアクセスすると確認できる。 インストール $ pip inst…

Djangoのモデルでフィールド名を取得する

DjangoのModelを定義するけど、フィールド名を取得したいなと思ったときの備忘録。 <Model>._meta.fiedlsでフィールド名が取得できるらしい 使い方 from django.db import models class Group(models.Model): name = models.CharField(max_length=200) class Member</model>…

Djangoでシグナルを受け取ってみる

Djangoでは、特定のイベントが発生したときに、何らかの処理ができるような仕組み(Signals))がある。 たとえば、モデルを保存したり、削除したときになにか処理させるとか。 サンプル こちらの記事の登録完了メールの例を引用。(すごくわかりやすい。。) ユ…

Django admin siteにあるlistで外部参照を詳細ページへのリンクにする

Djangoのadmin siteで管理画面を作る際、一覧表示している項目がForeignKeyの場合、 その詳細にアクセスできるようになるといいなと思ったら、すでにあったときの備忘録。 Django Admin relation linksを使うと簡単にできる インストール $ pip install djan…

DjangoのRestAPIでsnake_caseをcamelCaseに自動変換

Django+DRFとNuxtで開発するときに、 snake_caseで書いてcamelCaseで受け渡ししたいなと思ったときに調べたときの備忘録 djangorestframework-camel-caseを使うと簡単にできた。 インストール $ pip install djangorestframework-camel-case setting.pyの変…

個人開発報告: 月例振り返り&開発予定 (2020年4月)

前回同様、4月を振り返りと実績値の公開、今月の開発予定です(´ω`) ついに書籍の登録総額が1億円突破( ゚д゚)! www.memory-lovers.blog 4月は全然稼働を当てれてないので、しょぼしょぼの進捗です。。(´・ω・`) 積読ハウマッチ: 2回アップデート アップデー…

個人開発報告: 月例振り返り&開発予定 (2020年3月)

前回同様、3月を振り返りと実績値の公開、今月の開発予定です(´ω`) 減収減益です(´ω`) www.memory-lovers.blog 積読ハウマッチ: 4回アップデート アップデートは8回。細かいのもあるけど。。 2020/03/07 My積読がおしゃれに✨ 2020/03/08 書影がない本も見…

Firebase Admin Authでよくつかうものまとめ(ユーザ一覧など)

管理系のスクリプトを書くときに、firebase-adminで操作をするけど、よく調べ直すのでまとめてみた。 元情報は、以下辺り。 Firebase Guid: Manage Users | Firebase API Reference: Auth | Admin Node.js SDK | Firebase ユーザの一覧を取得 import * as ad…

Cloud Storage for Firebaseのよく使うのまとめ(クライアント/Admin)

FirebaseのCloud Storage、とても便利だけど、 Web上で使うfirebaseとCloud Function上で使うfirebase-adminで若干操作が違う。。 よく調べなおすけど、毎回辿り着くのが大変なので、備忘用。 Webクライアント(firebase) クライアント側での操作はこんな感じ…

Webでクリップボードにコピーする(zenorocha/clipboard.js)

以前の記事で、Clipboard APIやclipboard-polyfillを調べたけど、iOSのSafariで使えないなど制限が。。 clipboard.jsのほうがサポートが広かったので、調べてみたときの備忘録。 インストール $ npm install clipboard --save 使い方 基本的には、data属性を…

【Android】BuildConfigに独自の変数を追加したり、buildTypesにごとにresoureを自動生成する

ひさびさのAndoridネタ。ビルドごとに定数を書き換えてたりファイルを用意していたけど、 build.gradleでBuildConfigに追加したり、resouceを自動生成できるらしい。 こんな感じ。 apply plugin: 'com.android.application' android { compileSdkVersion 28 …

【Android】生成するapk/aabのファイル名にバージョン名や実行日時を入れる

ひさびさのAndoridネタ。生成するファイル名にバージョンや実行日時を書き換えてたのを build.gradleで設定して見たときの備忘録。 こんな感じ import java.text.SimpleDateFormat // 実行日時を表示したいので、時刻を取得 def date = new SimpleDateFormat…

vue-observe-visibilityを使って画面内のときだけ表示する

画面外のときは描画しないようにし、無限ローディング時の性能改善したときの備忘録。 vue-observe-visibilityを使って、画面内かを検知して表示を切り替えてみた。 インストール まずはインストール。 $ npm install --save vue-observe-visibility # IEな…

Flutterで画面遷移するときのいろいろ(Navigator / PageRouteBuilder)

FlutterでWebアプリを作ってみたときに調べたときの備忘録。 画面遷移まわりをまとめてみた。 複数画面をルーティングする Navigate with named routes - Flutter ルーティングは、こんな感じででAppに設定する。 void main() => runApp(MyApp()); class MyA…

Flutterで画面サイズや向きを取得する(MediaQuery/OrientationBuilder)

画面のサイズ(MediaQuery/Size) Flutterで画面サイズを取得するときは、MediaQueryを使うらしい。 Sizeを取得できるので、そこからいろいろする感じ。 @override Widget build(BuildContext context) { // 画面サイズの取得 final Size size = MediaQuery.of…

初めてFlutterでWebアプリをつくってみたときに思ったこと

はじめてFlutterをつかったみたときの備忘録というか所感。 Crieitの1週間でWebサービスをつくる企画 web1weekがあったので、 なかなかやる機会がなかったFlutterに手を付けてみた(´ω`) #web1week 間に合った...(*´ω`*)たし算ゲーム「たすたすたしざん」を…

CSSですりガラスみたいなぼかしを入れる

css

積読ハウマッチの新機能でネタバレありの読書メモに対応したときの備忘録。 すりガラスみたいなぼかしをいれて、ボタンを押さないと読めないようにしたかった。 #積読ハウマッチ アップデートしました✅読書メモの公開方法を設定できるように✨設定は、公開・…

PAAPI v5に移行してみた: Node.js版

積読ハウマッチでAmazonのPAAPIを使っているけど、 v4が2020年3月9日に利用できなくなるため、移行してみたときの備忘録。 以前は、node-apacを使ってたけど、対応はなさそう。 Amazon側の移行手順 公式の移行手順を参考に進める感じ。 ステップ1: 新しい認…

個人開発報告: 月例振り返り&開発予定 (2020年2月)

前回同様、2月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog 積読ハウマッチ: 4回アップデート アップデートは4回。今月は少なめ。。 2020/02/01 職業にブロガー/趣味ブロガーを追加✨ 2020/02/08 シェア画像を改善しました✨ 2…

Vue/Nuxtのアニメーションするときに参考にしたところ

VueとNuxtでアニメーションをするときに調べたところのまとめ。 公式サイトを読みながら、関連するとこをまとめた感じの備忘録。 トランジションクラスってのがあるらしい 参考: Enter/Leave とトランジション一覧 — Vue.js <transition>で囲むと、いくつかのクラスを生</transition>…

Nuxt.jsで編集中に、ページ移動やページを閉じるときに警告を出すやつ

よくある編集中に、ページを離れると、 「編集中のデータが消えちゃうよ」 と教えてしてくれるやつを調べたときの備忘録。 ページを閉じるときに出るこんなのや 戻るや別のページに移動しようとするときに出るこんなの ソースコード 中身はこんな感じ。Mixin…

Retrofit2で自己証明書のサーバへのアクセスできるようにする

Retrofit2でオレオレ証明書なサーバにアクセスすると、 こんなエラーが出る。その時の対処方法の備忘録。 java.security.cert.CertPathValidatorException: Trust anchor for certification path not found. javax.net.ssl.SSLHandshakeException: java.secu…