くらげになりたい。

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

Nuxt+Firebaseでセッション管理: PWA(Service Worker)編

FirebaseとSSRなNuxt.jsでアプリを作っていて、 クライアント側で認証チェックするとFirebaseの初期化などでラグが... サーバ側で認証情報とかを取得してもう少しなんとかできないかなと。 まだベータっぽい?けど、公式の以下の内容を試してみたときの備忘録…

NuxtでserverMiddlewareを使ってAPIをつくってみる

Nuxt.js、SSRで実行すると外部サーバなしでAPIを簡単に追加できるらしい。 serverMiddlewareを使ってルートを追加するとAPIが作れたので、その時の備忘録。 つかってみる APIをつくる // ~/server/echo.ts import { IncomingMessage, ServerResponse } from …

Node.jsで画像/動画つきツイートをTwitterに投稿すると大変だった...

JavaScriotでツイートしたいなと思って、いろいろ試していたら、 30秒以上動画つきツイートが結構めんどくさかったので、その時の備忘録。 Node.jsでTwitter APIを使う Node.jsでTwitter APIを使うときは、desmondmorris/node-twitterを使うのが良さそう イ…

NuxtでFirebase AuthのトークンをCookieに入れたり出したりする

NuxtのSSRで認証したいなと思ったら、こんな記事を見つけたので、試してみたときの備忘録。 SSRモードのNuxtでのFirebase認証 - Qiita 結果、UIDは取得できるけど、firebase-adminで検証が必要っぽい... インストール cookieを扱うライブラリはいろいろある…

vuex-module-decoratorsでnuxtServerInitするときは、store/index.tsにactionsを追加する

公式ガイドのストアのページで紹介されていたvuex-module-decorators。 nuxtServerInitをどこに書けばいいか迷ったので、いろいろ調べたときの備忘録。 こんな感じでstore/index.tsに追加するっぽい import { ActionTree, Store } from "vuex"; import { Act…

Twitterでツイートできる文字数を正確に数える(絵文字もURLも)

Nuxt.jsでツイートするアプリを作りたいなと思い、 文字数ってどうやって計算するんだろ?って思ったら、 公式でライブラリ(twitter-text)が用意されているらしいので、使ってみたときの備忘録 Java版/Ruby版/JavaScript版/Objective-C版などいろいろあるら…

Web Communityを読んだら、CGM系Webサービス開発の知見しかなかった...

Web Communityの感想文。 というか、気になった言葉のクリップ集。 読んだ感想 CGM系のWebサービスをつくっているので、かなり良かった。。 ちょうどCGM系のサービスを作っているので、参考になるところばかり。。。 特に、1〜3章が個人的に知見が多く、かな…

やる気が尽きないように気をつけていること

どうもきらぷかです。 この記事は、Crieitのアドベントカレンダー、プログラミング・コーディング以外のノウハウ・ティプスの15日目の記事です。 Hataさんの記事を見て、なんか書いてみようかなと。 飽きやすく、なまけやすい... 自分では結構飽きやすく、す…

Nuxt+TypeScript+Firebaseのはじめるときにやること: 2019年12月版

ひさびさに新規でNuxtアプリを作ろうと思ったら、 いろいろ変わっていたので、備忘用のまとめ。 (時間がなかったので割と雑め...いつかきれいに加筆する予定...) ソースコード 自分用のスタータになるようにGitHubで公開してみた。 (この記事の執筆時よりも…

text-overflowの複数行版、line-clampを使ってみる

css

複数行でも省略できるようになるline-clamp。 使ってみたら、若干手間取ったので、その時の備忘録。 .clamp-three-lines { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; /* 上の3つを指定して、やっと使えるようになる */ -webk…