firestore便利だけど、getしか使ったことなかった。。 onSnapshotを使うと、変更されたデータを受け取れるので、試してみたときの備忘録。 ドキュメントはこれをみた。 ・Cloud Firestore でリアルタイム アップデートを入手する | Firebase 使い方 こんな感…
以前の記事でvue-fontawesomeを使って、FontAwesome5を使えるようにしたけど、 nuxt-fontawesomeというもっと便利なのがあったので、試してみたときの備忘録。 便利だけでどデフォルトをFontAwesomeにしないといけないっぽい感じなので、併用していると難し…
スマホだといろんなアプリに送れたりするシェア機能がある。 WebサイトでもWeb Share APIを使うとできるらしいので試してみた。 サポート状況は、SafariとAndroidのChromだけ。 ・Can I use... Support tables for HTML5, CSS3, etc 使い方 すごく簡単。 pri…
クリップボードコピーについて、いろいろやってみてるけど、 nuxt-clipboard2を使うとすごく簡単だった。ので、そのときの備忘録。 nuxt-clipboard2は、vue-clipboard2のNuxtモジュールで、 vue-clipboard2は、clipboard.jsのVueライブラリ インストール $ n…
PNGの軽量化をWebサービスを使ってやっていたけど、 コマンドでやりたくなったので調べてみたときの備忘録。 pngquantというのがあるらしい。。 インストール $ brew install pngquant 圧縮する # 上書き保存(-f --ext) $ pngquant -f --ext .png image.png …
前も書いたけど、ZEITからVercelになったらしく、 だいぶ楽にFaaSできるようになったので試してみた。すごく簡単だった。。(´ω｀) このサンプルのソースはこちら。 使ってみる インストールとか # package.jsonの作成 $ npm init # 必要なパッケージをインス…
TypeScriptでNuxtしたくて、vuex-module-decoratorsとnuxt-client-initを使ったら、 nuxtClientInit内で$axiosがnullだったときの備忘録。 Nuxt TypeScriptのストアのガイドを見ているけど、 プラグインのほうが後に呼ばれるので、自分で初期化しないといけ…
DjangoをGAE+Cloud SQL環境で動かしてみたときの備忘録。 基本は、GAEのドキュメントに従えばOK。 注意点/ハマったところ Cloud SQLをローカルでつなぐ時はプロキシツールを実行しておかないといけない settings.pyに習って、各種設定が必要 ファイルは書き…
Django Rest Frameworkを利用してるときに、 パスワードリセットをAPIでできるようにしたときの備忘録。 django-rest-passwordresetを使うと簡単にできる。 各APIの画面も生成してくれるので、ブラウザでアクセスすると確認できる。 インストール $ pip inst…
DjangoのModelを定義するけど、フィールド名を取得したいなと思ったときの備忘録。 <Model>._meta.fiedlsでフィールド名が取得できるらしい 使い方 from django.db import models class Group(models.Model): name = models.CharField(max_length=200) class Member</model>…
Djangoでは、特定のイベントが発生したときに、何らかの処理ができるような仕組み(Signals))がある。 たとえば、モデルを保存したり、削除したときになにか処理させるとか。 サンプル こちらの記事の登録完了メールの例を引用。(すごくわかりやすい。。) ユ…
Djangoのadmin siteで管理画面を作る際、一覧表示している項目がForeignKeyの場合、 その詳細にアクセスできるようになるといいなと思ったら、すでにあったときの備忘録。 Django Admin relation linksを使うと簡単にできる インストール $ pip install djan…
Django+DRFとNuxtで開発するときに、 snake_caseで書いてcamelCaseで受け渡ししたいなと思ったときに調べたときの備忘録 djangorestframework-camel-caseを使うと簡単にできた。 インストール $ pip install djangorestframework-camel-case setting.pyの変…
前回同様、4月を振り返りと実績値の公開、今月の開発予定です(´ω｀) ついに書籍の登録総額が1億円突破( ﾟдﾟ)! www.memory-lovers.blog ４月は全然稼働を当てれてないので、しょぼしょぼの進捗です。。(´・ω・｀) 積読ハウマッチ: 2回アップデート アップデー…
前回同様、3月を振り返りと実績値の公開、今月の開発予定です(´ω｀) 減収減益です(´ω｀) www.memory-lovers.blog 積読ハウマッチ: 4回アップデート アップデートは8回。細かいのもあるけど。。 2020/03/07 My積読がおしゃれに✨ 2020/03/08 書影がない本も見…
管理系のスクリプトを書くときに、firebase-adminで操作をするけど、よく調べ直すのでまとめてみた。 元情報は、以下辺り。 Firebase Guid: Manage Users | Firebase API Reference: Auth | Admin Node.js SDK | Firebase ユーザの一覧を取得 import * as ad…
FirebaseのCloud Storage、とても便利だけど、 Web上で使うfirebaseとCloud Function上で使うfirebase-adminで若干操作が違う。。 よく調べなおすけど、毎回辿り着くのが大変なので、備忘用。 Webクライアント(firebase) クライアント側での操作はこんな感じ…
以前の記事で、Clipboard APIやclipboard-polyfillを調べたけど、iOSのSafariで使えないなど制限が。。 clipboard.jsのほうがサポートが広かったので、調べてみたときの備忘録。 インストール $ npm install clipboard --save 使い方 基本的には、data属性を…
ひさびさのAndoridネタ。ビルドごとに定数を書き換えてたりファイルを用意していたけど、 build.gradleでBuildConfigに追加したり、resouceを自動生成できるらしい。 こんな感じ。 apply plugin: 'com.android.application' android { compileSdkVersion 28 …
ひさびさのAndoridネタ。生成するファイル名にバージョンや実行日時を書き換えてたのを build.gradleで設定して見たときの備忘録。 こんな感じ import java.text.SimpleDateFormat // 実行日時を表示したいので、時刻を取得 def date = new SimpleDateFormat…
画面外のときは描画しないようにし、無限ローディング時の性能改善したときの備忘録。 vue-observe-visibilityを使って、画面内かを検知して表示を切り替えてみた。 インストール まずはインストール。 $ npm install --save vue-observe-visibility # IEな…
FlutterでWebアプリを作ってみたときに調べたときの備忘録。 画面遷移まわりをまとめてみた。 複数画面をルーティングする Navigate with named routes - Flutter ルーティングは、こんな感じででAppに設定する。 void main() => runApp(MyApp()); class MyA…
画面のサイズ(MediaQuery/Size) Flutterで画面サイズを取得するときは、MediaQueryを使うらしい。 Sizeを取得できるので、そこからいろいろする感じ。 @override Widget build(BuildContext context) { // 画面サイズの取得 final Size size = MediaQuery.of…
はじめてFlutterをつかったみたときの備忘録というか所感。 Crieitの1週間でWebサービスをつくる企画 web1weekがあったので、 なかなかやる機会がなかったFlutterに手を付けてみた(´ω｀) #web1week 間に合った...(*´ω｀*)たし算ゲーム「たすたすたしざん」を…
積読ハウマッチの新機能でネタバレありの読書メモに対応したときの備忘録。 すりガラスみたいなぼかしをいれて、ボタンを押さないと読めないようにしたかった。 #積読ハウマッチ アップデートしました✅読書メモの公開方法を設定できるように✨設定は、公開・…
積読ハウマッチでAmazonのPAAPIを使っているけど、 v4が2020年3月9日に利用できなくなるため、移行してみたときの備忘録。 以前は、node-apacを使ってたけど、対応はなさそう。 Amazon側の移行手順 公式の移行手順を参考に進める感じ。 ステップ1： 新しい認…
前回同様、2月を振り返りと実績値の公開、今月の開発予定です(´ω｀) www.memory-lovers.blog 積読ハウマッチ: 4回アップデート アップデートは4回。今月は少なめ。。 2020/02/01 職業にブロガー/趣味ブロガーを追加✨ 2020/02/08 シェア画像を改善しました✨ 2…
VueとNuxtでアニメーションをするときに調べたところのまとめ。 公式サイトを読みながら、関連するとこをまとめた感じの備忘録。 トランジションクラスってのがあるらしい 参考: Enter/Leave とトランジション一覧 — Vue.js <transition>で囲むと、いくつかのクラスを生</transition>…
よくある編集中に、ページを離れると、 「編集中のデータが消えちゃうよ」 と教えてしてくれるやつを調べたときの備忘録。 ページを閉じるときに出るこんなのや 戻るや別のページに移動しようとするときに出るこんなの ソースコード 中身はこんな感じ。Mixin…
Retrofit2でオレオレ証明書なサーバにアクセスすると、 こんなエラーが出る。その時の対処方法の備忘録。 java.security.cert.CertPathValidatorException: Trust anchor for certification path not found. javax.net.ssl.SSLHandshakeException: java.secu…
