ノンデザイナーズ・デザインブックの感想文。 というか、気になった言葉のクリップ集。 好きな部分...(´ω｀) デザインには、そして人生にも、全般的に通用する方針がもう一つあります。 それは、臆病になるな、ということです。 これもすき(´ω｀) しかし、ル…
RUNNING LEANの感想文のパートⅡ。前回の続き。 というか、気になった言葉のクリップ集。 デザインよりもコンテンツ。 コンテンツのないデザインはデザインではない。 それはデコレーションだ。 -- ジェフリー・ゼルダマン 一番刺さったのはこれ。見た目だけ…
どうもきらぷかです。 最近、積んでる本の総額がわかる読書管理サービスをリリースしました!! リリース後のプロモーションはいつも困っているんですが、 いろいろ試していることをまとめてみました。 これから何かを作ろう、リリースしようとしている人の一…
積読ハウマッチのOGP画像、Cloud FunctionsでSEO用のHTMLを返しているけど、 Twitterでシェアすると、更新されないことが... なんか、キャッシュされてるっぽい。。 Cache-Controlを設定すると良いっぽいので、設定してみた。 Cache-Control: private, no-st…
積読ハウマッチをNuxt.jsのSPAで作ってみたけど、 静的ページじゃないので、NuxtのSitemap Moduleだと微妙... なので、CloudFunction for Firebaseを使って、 サイトマップを自動生成するようにしてみたときの備忘録。 sitemap.xmlのサンプル sitemapの形式…
最近つくった積読ハウマッチをNuxtのSPAで作成しているけど、 シェアされたときにいい感じに画像とかを表示してほしいのでやってみた。 N番煎じ感がつよいけれど、自分の整理用〜 全体の流れ 該当のURLにアクセスがあったらリライトでFunctionを呼び出す(Hos…
GitHubのラベル、いつも手でセットアップしていたけど、GithHub APIでできそう♪ いろいろ調べたときの備忘録 スクリプト スクリプトはこちら。冒頭のTODO_系は適宜、設定ください〜 #!/bin/bash USER="TODO_YOUR_USER_NAME" TOKEN="TODO_YOUR_GITHUB_TOKEN" …
4月くらいから作っていたWebサービスをついにリリースしました♪ 積んでる本の総額がわかる読書管理サービスです！ 積読が多い自分を戒めるためのWebサービス( ﾟдﾟ)! tsundoku.site 思いついたときのツイート 思い返すと、完全にネタ的なおもいつきではじまっ…
Nuxt.jsでOSやブラウザごとに挙動を変えたいなと思い、 いろいろ調べていたらユーザエージェントをいい感じに判定できるやつが！ nuxt-user-agentを調べたときの備忘録 準備する インストール $ npm i -S nuxt-user-agent nuxt.config.jsの設定 const config…
Firestore、便利だけど一括取得とか一括実行をGUIでやるのがつらい。。 スクリプトでできないかなと思っていたら、できるっぽいので調べてみたときの備忘録。 テストデータ生成とか不要データの削除とかいろいろ使えそう(´ω｀) ディレクトリ構成 my-admin/ -…
スマホ用にボトムナビゲーションをつけてみたけど、 INPUTのフォーカス時に邪魔なので、消したいなと。。 フォーカス中かどうかをは判定するために、いろいろ調べたときの備忘録 @focusと@blurでイベントを取得する フォーカスすると、@focusが呼ばれ フォー…
フロントエンドでFirebase Crashlyticsみたいに、 Web上でログ情報を集めるようにしたいなと思い、いろいろみていたら、 Sentryというログ収集サービスがあったので、使ってみたときの備忘録 インストール $ npm i @nuxtjs/sentry nuxt.config.tsの設定 nuxt…
ユニークIDなどのためにランダムな文字を生成したいなと思ったら、 いろいろライブラリがあったので、調べたときの備忘録 調べたのは、以下の3つ Nano ID uuid4 shortid Nano ID セキュエアでURLフレンドリーな文字でユニークIDを生成してくれるライブラリ v…
前の記事でFirebase Dynamic Linksを使ったURL短縮を書いたけど、 ドメインを自分で設定するのでURLバンされる気してbitly APIも試してみた。 その時の備忘録。 TwitterのURLバンについては、もぎゃさんのCrieit記事を参照 crieit.net 準備 bitly アカウント…
もぎゃさんのCrieit記事を見て、TwitterでシェアするとURLバンされるらしい。。 crieit.net URLを短縮すると回避できるらしく、Firebase Dynamic Linksを使ってURLを短縮してみたときの備忘録 Firebaseのダイナミックリンクとは 公式ドキュメントより Fireba…
Nuxt.jsでTypeScript化したところ、nuxt.config.jsのextendRoutesでハマった。。。 redirectしたいだけなのに。。。 いろいろ調べたので、その備忘録 まとめ Nuxt.js v2.7.0以上を使おう chunkNames: {}も設定しよう TypeScriptでの設定 こんな感じにで設定…
Pythonでメモリ使用量とか調べるときに便利なmemory_profiler。 loggerを使っているので、結果をそっちで表示したいなと思ったのでその備忘録。 memory-profilerとは 各行のメモリ使用量とかを計測してくれるライブラリ インストール $ pip install memory-p…
トップに戻るとか、ページ内リンクで移動するとかしたいなと思ったときの備忘録。 vue-scrollto便利！ トップに戻るボタンほしいなと思ったら、簡単につけれた！Vueすごい...(*´ω｀*) pic.twitter.com/dRlanENnxd— きらぷか積読ハウマッチ開発中【事前登録は…
ふいにボトムナビ(下の方にあるメニューバー)をつけたいなと思ったので、 その時の備忘録。Bulmaが好きなのでBulmaで。 やっぱスマホだとボトムナビゲーションのほうがいいよねぇと思ったので、レスポンシブ対応した(*´ω｀*) pic.twitter.com/NjUznVjOXv— き…
よく右下に出てくる一番上まで戻るボタンがほしいなと思い、やってみたときの備忘録。 トップに戻るボタンほしいなと思ったら、簡単につけれた！Vueすごい...(*´ω｀*) pic.twitter.com/dRlanENnxd— きらぷか積読ハウマッチ開発中【事前登録はじめました】 (@…
無限スクロールしたいなぁと思ったら、 vue-infinite-loadingという便利があったので、その時の備忘録。 おぉ無限スクロールもできた(*´ω｀*)Vueもvue-infinite-loadingもすごい(*´ω｀*) pic.twitter.com/dtp1sxYUyz— きらぷか積読ハウマッチ開発中【事前登…
Vueのキーイベントで@keydown.enterを設定すると、 日本語の変換中に押したEnterでも発火してしまう。。 なにも変換後のみに発火させたいなと思ったときの備忘録 日本語入力中とそうでないときはkeyCodeが違うらしい Qiita記事にすべて書いてあった。。 @key…
前回の第二弾。今度はRUNNING LEANの感想文。 というか、気になった言葉のクリップ集(1〜5章まで) 読んだ本に付箋したとろ、ブログにまとめるのは割と良いかも知れない。 xxvii: イントロダクション 誰も欲しがらないものを作るほど人生は長くないのです。 …
読もう読もうと思っていたリーススタートアップをやっと読んだので、その感想文。 というか、気になった言葉のクリップ集 リーン・スタートアップ作者: エリック・リース,伊藤穣一(MITメディアラボ所長),井口耕二出版社/メーカー: 日経BP発売日: 2012/04/12…
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のPAAPI(Product Advertising API)を使おうと思ったら、 便利なライブラリ(node-apac)があったので、試したときの備忘録。 インストール $ npm install apac 使い方 const {OperationHelper} = require('apac'); const opHelper = new OperationHelper…
OGP画像を生成したいな〜と思い、ImageMagickが使えるようなので、いろいろ調べたときの備忘録。 ImageMagickとは 画像を操作したり表示するためのソフトウェアスイート。 コマンドラインでも使えて、バッチ処理とかで一括処理するときに使ったりするやつ。 …
Google Tag Manager+Google AnalyticsをNuxtで使うときに、 ちょっとめんどうだったので、その備忘録。 タグマネージャで拾ってこれるのは、aタグとかのリンクとかHTMLベースだけ。。 なので、JavaScript側で行っているページ遷移とかは取れないのでよしなに…
Google Tag Managerが便利とのことで、 Google Analyticsと連携させる方法を調べてみたときの備忘録 ざっくりなイメージ ゆるゆるだけど、Google Tag Manager(GTM)はこんなイメージ。 Webサイトに仕込んでいろいろ変数化や計測とかできる aタグがクリックさ…
これの続き。 www.memory-lovers.blog 前回導入したVeeValidateにカスタムバリデーションを追加したいと思い、 いろいろ調べたらv8nが便利そうだったので、使ってみた。 サンプルはTwitterIDのバリデーションの例 インストール $ npm install --save v8n カ…
