ほぼ同じ内容で、同じstoreを使いまわしてるページで画面遷移すると、キーは同じだけどバリューの内容が変わるのでエラーになる。 例えばA to Bの場合、Bのfetchが完了後に、ストアが変わるのでAが再レンダリングされてから、Bがレンダリングされて遷移する…

公開している記事一覧と、自分の下書きを含む記事一覧のAPIどう分ける？ /articles /me/articles or /articles /articles?me 最初分けてみたけど管理が大変…パターン増えたらファイルが多くなって超めんどくさいｗ なので、エンドポイントは1個にして、コン…

コレクションをキーでグループ化して、指定キーに追加する # こんな配列を… inputs = [ %{ a: 1, b: [ %{aa: 1} ] }, %{ a: 1, b: [ %{aa: 2} ] }, %{ a: 2, b: [ %{aa: 3} ] } ] # こうしたい… outputs = [ %{ c: 1, d: [ %{cc: 1}, %{cc: 2} ] }, %{ c: 2,…

ユーザとのやり取りをする部分（プレゼン層）と、データを読み書きをする部分（データアクセス層）以外の部分がビジネスロジック。

SSRでスマホの場合、タブレットの場合、PCの場合、、、と要素を出し分けをしたい場合、$vuetify.breakpoint は使えない。 なので、プラグインにこんな関数を書いて使った。 リサイズにも対応してくれる。 inject('isXs', () => { if ($vuetify.breakpoint.wi…

サブセットフォントメーカーは文字が重複しててもうまくやってくれるらしい。 JIS第1水準漢字（2965字） 亜唖娃阿哀愛挨姶逢葵茜穐悪握渥旭葦芦鯵梓圧斡扱宛姐虻飴絢綾鮎或粟袷安庵按暗案闇鞍杏以伊位依偉囲夷委威尉惟意慰易椅為畏異移維緯胃萎衣謂違遺医井…

この構造にして、<scroll-top>に justify-content: flex-end; 適用すると、サイドメニューの右端に簡単に持ってこれる。 float使う方法だと、scroll-topにちょっと細工しないといけないので使わない。 サイドメニュー幅は固定なのでグリットは使わない。 <template> <div class="p-container"> <div class="p-main"> <div>メイン</div> </div> <div class="p-side"> <div>サ</div></div></div></template></scroll-top>…