くらげになりたい。

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

Flutterに入門して疑問に思ったことと、そのとき調べたこと

前々から気になってたFlutter。 Flutter for Webが統合されたっぽいので、そろそろはじめたいなと(´ω`) www.publickey1.jp せっかくなので、 「なにを疑問に思って、なにを参照したか」 をまとめておこうと思ったので、整理してみた(´ω`) 疑問に思ったこと…

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

前回同様、10月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog 振り返り 積読ハウマッチ: 6回アップデート 振り返ってみると、6回もアップデートしてた(´ω`) 2019/10/07 読書状況をグラフで表示 ✨ 2019/10/11 読了が追加しや…

Flutterに入門する前に集めたリンク集

結構前からFlutterしたいなと思ってたけど、そろそろはじめれそうだったので、 今まで集めたリンクを整理してみた(´ω`) Twitterリンクも多いけど、気にせずリンク集にしてみた(´ω`) 公式ドキュメント Flutter Documentation - Flutter FlutterAppの基本 | …

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

個人開発界隈、 毎月報告ししていて、おもしろそうだなと。。 あたかさんとかnabettuさんとかTAKASHIさんとかTAKUYAさんとか。。 受託以外でもたべていけるようになりたい。。 なので、今月からやってみようかなと(´ω`) 9月の振り返り 積読ハウマッチ 7月末…

ノンデザイナーズ・デザインブックを読んだら、配置・文字・色についてスゴイわかりやすかった。。。

ノンデザイナーズ・デザインブックの感想文。 というか、気になった言葉のクリップ集。 好きな部分...(´ω`) デザインには、そして人生にも、全般的に通用する方針がもう一つあります。 それは、臆病になるな、ということです。 これもすき(´ω`) しかし、ル…

RUNNING LEANを読んだら、個人開発者にもかなり刺さった。。

RUNNING LEANの感想文のパートⅡ。前回の続き。 というか、気になった言葉のクリップ集。 デザインよりもコンテンツ。 コンテンツのないデザインはデザインではない。 それはデコレーションだ。 -- ジェフリー・ゼルダマン 一番刺さったのはこれ。見た目だけ…

個人開発したWebサービスをリリースした後にやったこと / やり続けていること

どうもきらぷかです。 最近、積んでる本の総額がわかる読書管理サービスをリリースしました!! リリース後のプロモーションはいつも困っているんですが、 いろいろ試していることをまとめてみました。 これから何かを作ろう、リリースしようとしている人の一…

キャッシュしたくないときは、Cache-Controlに"private, no-store, no-cache, must-revalidate"とかをつけみる

積読ハウマッチのOGP画像、Cloud FunctionsでSEO用のHTMLを返しているけど、 Twitterでシェアすると、更新されないことが... なんか、キャッシュされてるっぽい。。 Cache-Controlを設定すると良いっぽいので、設定してみた。 Cache-Control: private, no-st…

Nuxt(SPA)+Firebaseでsitemapを生成してみる

積読ハウマッチをNuxt.jsのSPAで作ってみたけど、 静的ページじゃないので、NuxtのSitemap Moduleだと微妙... なので、CloudFunction for Firebaseを使って、 サイトマップを自動生成するようにしてみたときの備忘録。 sitemap.xmlのサンプル sitemapの形式…

Nuxt(SPA)+FirebaseでSEO!OGP!: 特定のパスだけheadだけ返すやつ

最近つくった積読ハウマッチをNuxtのSPAで作成しているけど、 シェアされたときにいい感じに画像とかを表示してほしいのでやってみた。 N番煎じ感がつよいけれど、自分の整理用〜 全体の流れ 該当のURLにアクセスがあったらリライトでFunctionを呼び出す(Hos…

GitHubのラベルをAPIで簡単セットアップするシェルスクリプト

GitHubのラベル、いつも手でセットアップしていたけど、GithHub APIでできそう♪ いろいろ調べたときの備忘録 スクリプト スクリプトはこちら。冒頭のTODO_系は適宜、設定ください〜 #!/bin/bash USER="TODO_YOUR_USER_NAME" TOKEN="TODO_YOUR_GITHUB_TOKEN" …

【祝】積読を解消をうながすWebサービス『積読ハウマッチ』をリリースしました!

4月くらいから作っていたWebサービスをついにリリースしました♪ 積んでる本の総額がわかる読書管理サービスです! 積読が多い自分を戒めるためのWebサービス( ゚д゚)! tsundoku.site 思いついたときのツイート 思い返すと、完全にネタ的なおもいつきではじまっ…

Nuxt.jsでユーザエージェントを判定してくれるnuxt-user-agent

Nuxt.jsでOSやブラウザごとに挙動を変えたいなと思い、 いろいろ調べていたらユーザエージェントをいい感じに判定できるやつが! nuxt-user-agentを調べたときの備忘録 準備する インストール $ npm i -S nuxt-user-agent nuxt.config.jsの設定 const config…

ローカルPCからfirebase-adminを使ってFirestoreを操作する(管理ツール)

Firestore、便利だけど一括取得とか一括実行をGUIでやるのがつらい。。 スクリプトでできないかなと思っていたら、できるっぽいので調べてみたときの備忘録。 テストデータ生成とか不要データの削除とかいろいろ使えそう(´ω`) ディレクトリ構成 my-admin/ -…

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

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…

RUNNING LEANを読んで付箋したとこ、まとめてみた

前回の第二弾。今度はRUNNING LEANの感想文。 というか、気になった言葉のクリップ集(1〜5章まで) 読んだ本に付箋したとろ、ブログにまとめるのは割と良いかも知れない。 xxvii: イントロダクション 誰も欲しがらないものを作るほど人生は長くないのです。 …

リーンスタートアップを読んだけど、個人開発者にもかなり響いた。。

読もう読もうと思っていたリーススタートアップをやっと読んだので、その感想文。 というか、気になった言葉のクリップ集 リーン・スタートアップ作者: エリック・リース,伊藤穣一(MITメディアラボ所長),井口耕二出版社/メーカー: 日経BP発売日: 2012/04/12…

TypeScriptでもjestしたい

TypeScriptでjestするときの備忘録。 ts-jestなんてものがあるらしい。。 インストール $ npm i -D jest $ npm i -D typescript $ npm i -D ts-jest @types/jest package.jsonの設定 { ... "scripts": { "build": "tsc", "test": "jest" }, "devDependencies…

Amazonの検索APIをつかってみた with node-apac

AmazonのPAAPI(Product Advertising API)を使おうと思ったら、 便利なライブラリ(node-apac)があったので、試したときの備忘録。 インストール $ npm install apac 使い方 const {OperationHelper} = require('apac'); const opHelper = new OperationHelper…