くらげになりたい。

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

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

前回同様、7月を振り返りと実績値の公開、今月の開発予定です(´ω`) 無事に一周年を迎えました(´ω`)!! www.memory-lovers.blog 積読ハウマッチ: 2回アップデート アップデートは2回。大物2つ(´ω`) 2020/07/12 ユーザをフォローできるように✨ 2020/07/26 「…

TwitterとGoogleフォームでアイデアの仮説検証ができるかを試してみた

最近、スタートアップ系の本を読んで、 「作るものが正しいかの検証する」ということを考えるように。 「意見」も「いいね」も「リツイート」も価値がない 「Google×スタンフォード NO FLOP! 失敗できない人の失敗しない技術」のp218の一文だが…

作りたい欲とアイデア検証のはざまのモヤモヤ

いくつかスタートアップ向けの本を読んで思ったことをつらつら。 チラ裏的だけど、多分忘れると思うので、備忘用の雑記。 読んだ本はこちら 起業の科学作者:田所 雅之発売日: 2017/11/07メディア: Kindle版 Google×スタンフォード NO FLOP! 失…

NuxtアプリをPWAでGoogle Storeにリリースする

以前作ったNuxtアプリをPWAでリリースしてみたときの備忘録。 play.google.com コード量自体は少ないけど、いろいろ迷ったのでメモ。 PWA? TWA? プッシュ通知などができるようになるPWA(Progressive Web App)でWebサービスを作ることが増えてきた。 Android…

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

前回同様、6月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog 積読ハウマッチ: 3回アップデート アップデートは3回。細かいのもあるけど。。 2020/06/08 バグ修正と広告表示に✨ 2020/06/10 My積読から詳細がわかりやすく✨ 2020…

Nuxt+Firebase+Algoliaで検索機能をつくってみた

開発しているWebサービスでユーザ検索機能を作ってみたときの備忘録。 Algoliaつかうとすぐできた(´ω`) 流れ 大まかな流れはこんな感じ。 Algoliaのアカウント作成 Algoliaのコンソールでインデックスを作成 検索したい初期データを登録する Algoliaのコン…

Nuxtで共通的に利用するSCSSの変数をグローバルでインポートする

Nuxt+SCSSで開発をしていると、変数やmixinなど共通的に使うファイルでも、 コンポーネントごとに@import文を書かないといけない。。 めんどくさいなと思っていたら、グローバルで登録ができるのがあったので、 試してみたときの備忘録。 ・nuxt-community/s…

NuxtでAdSense広告を表示するためにやったこと

開発しているWebサービスで、ついに広告を導入してみた。 審査が通ったのですぐできるかと思ったら以外に大変だったので、その時の備忘録。 サイトを登録するときにやったこと アカウント登録とか利用規約とか以外はこんな感じ。 robots.txtを配置 ads.txtを…

Vueでドラッグスクロール

Nuxtで開発をしてて、ドラッグスクロールしたいなと思ったら、 便利なライブラリがあったので、試したときの備忘録。 ドラッグスクロールは、スクロールするのをマウスホイールじゃなくて、 左クリックを押してドラッグしながら、スクロールするやつ。 デモ…

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

前回同様、4月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog 5月は積読以外もいろいろやった(´ω`) 積読ハウマッチ: 3回アップデート アップデートは3回。細かいのもあるけど。。 2020/05/02 スマホでのメニューがスリムに✨ 2…

Nuxt+Buefyでアクションシートをつくってみる

入力フォームが下からスライドして出てくるUIがいいなと思い、 Buefyでやってみたときの備忘録。 Nuxt/Vueのtransitionを使うとできた(´ω`) こんな感じ <template> <transition name="modal"> <div class="modal modal-sheet is-active" v-if="active"> <div class="modal-background" @click="close"></div></div></transition></template>

vue-chartjsでdata labelを使えるようにする

vue-chartjs、便利だけど、 数値とかデータラベルがほしいなと思って調べたときの備忘録。 chart.jsのプラグインでchartjs-plugin-datalabelsというのがあるらしい。 こんな感じのができる(´ω`) インストール $ npm i vue-chartjs chartjs chartjs-plugin-d…

@nuxt/componentsを使って、コンポーネントのimport文を不要にする

Nuxt.jsの公式ツイッターを見てたら、いい感じのモジュールがあったので、試してみたときの備忘録。 Introducing @nuxt/components ✨No need to import your components anymore ✅ Scan and auto import components✅ Multiple paths with customisable prefi…

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) クライアント側での操作はこんな感じ…