うしろのこの本ください

なんでもかきます

テクノロジー

Vueコンポーネントのmethodsだけテストする

VueはReactと違いコンポーネントからロジックを剥がそうとするモチベーションがあまり起きない作りだなーと感じている。SFCファイルに全部閉じ込めてしまった方が気持ち良い。しかしテストをmethodsやcomputedの入出力に対して行いたいものの、外出ししよう…

lernaコマンドの標準出力が微妙な時はstreamオプションをつける

TL;DR タイトル lernaはモノレポ管理下にあるpackage.jsonのコマンドを同時に実行することができる。 lerna run --scope s-* lint とするとpackage.jsonのnameがs-で始まるすべてのワークスペースでnpm run lintが実行される。(s-はオレオレパッケージのプレ…

lerna link convertを理解する

最近案件でモノレポ化が盛んになっていて、自分はフロントエンド周りを少しずつ進めています。 構成はlerna + yarn workspaceの基本的なものですが社内ライブラリをパブリッシュしない方向で進めることになり、モノレポ内ですべて完結させる方針です。 で、…

Nuxtのpwa-moduleでプッシュ通知令和版

直近プッシュ通知の実装が必要になったためハマったところ中心に結果をメモる。 受け取り側 pwa-moduleはOneSignalをサポートしているため、Nuxtでプッシュ通知をやりたい場合これを使うのが一番簡単。 pwa.nuxtjs.org とりあえずpwa moduleとone signal mod…

NuxtとComposition APIとtsxで素振り

した github.com setupとtsxを紐づけるため別途プラグインが必要だが、普通にかける。 以下の流れで環境を作れる。 プロジェクト生成 npx create-nuxt-app 必要なモジュールのインストール yarn add @nuxt/typescript-runtime @vue/composition-api yarn add…

NuxtMeetUpに登壇してきました

これに株式会社ROXX枠でLTしてきました。Composition APIについて、Nuxtと合わせて素振りした感想みたいな感じ。 nuxt-meetup.connpass.com スライド slides.com 初LTの割にはうまくやれたかなと思います。poaroファンとしてアナ尻遵守を心がけましたが15秒…

Svelte3のストアを触ってみる

自分が書いたタイミングがv3リリース後すぐだったので今のSvelteと差異があるかも。 svelte.dev つくったやつリポジトリ github.com つくったやつ ushironoko-svelte-sample.netlify.com つくったってほどでもないけど一応netlifyに投げた。 消えるフレーム…

ミリシタAPI Princess の型定義かいた

書いた。 github.com 別にDefinitelyTypedとかにはあげてないしパッケージ化もしてないので使うときはクローンするか、index.d.tsをコピペでよろしく。 ドキュメントの型を型定義ファイルに落としただけ。 api.matsurihi.me でれぽとかはやってなくて、あく…

Role-Based Access Control (RBAC) をVue.jsで表現する

元ネタ auth0.com 最近仕事で権限ごとに表示できるコンポーネントを制御する必要がでてきて、さてどうするかというタイミングでチームメンバーがRBACのことを教えてくれた。 Roleは1つ以上の権限を持ち、権限はコンポーネントの表示を制御する。まあ難しい考…