プログラミング言語の派生型（継承関係にある型）の方式の1つ。
派生型の方式は公称型(Nominal Typing)と構造的部分型(structural subtyping)があり、 TypeScriptは構造的部分型(structural subtyping)を採用している。
構造的部分型は、型の構造を比較し置換可能かを判定する。
type Fruits = { name: string; }; type Apple = { name: string; }; const apple: Apple = { name: "ジョナゴールド", }; // Fruits型の変数にApple型の変数を代入する const fruits: Fruits = apple; // コンパイルエラーにならない
以下のパターンはコンパイルエラーになる。
type Fruits = { name: string; }; type Apple = { name: string; color: string; }; const fruits: Fruits = { name: "ジョナゴールド", }; // Apple型の変数にFruits型の変数を代入する const apple: Apple = fruits // エラー「プロパティ 'color' は型 'Fruits' にありませんが、型 'Apple' では必須です。」
以下のパターンはコンパイルエラーにならない。
type Fruits = { name: string; }; type Apple = { name: string; color: string; }; const apple: Apple = { name: "ジョナゴールド", color: "赤", }; // Fruits型の変数にApple型の変数を代入する const fruits: Fruits = apple; // コンパイルエラーにならない // 代入はエラーにならないがアクセスはエラーになる fruits.color // エラー「プロパティ 'color' は型 'Fruits' に存在しません。」
（自分で見返すように）Vue Fes資料リンクのまとめ
本日のユニークビジョンのスポンサーセッションをご覧の方、アンケートに回答していただけると嬉しいです！
— 山本一将｜焚き火を愛するエンジニア (@kyamamoto9120) 2023年10月28日
今日の資料は公開せずにアンケートの特典とすることになっておりますので、資料見返したい方はぜひ😃https://t.co/5eN0cpEJmO#vuefes pic.twitter.com/fh2CvyH8V4
Vueを使ってGrid Systemを実装した話の発表資料です。https://t.co/wTNAaa9F0b
— とよへい (@t0yohei) 2023年10月28日
↑の補足ブログです。https://t.co/CtmgNwdOCa#vuefes
本日の資料です！ありがとうございました(*´ω｀*)!!#vuefeshttps://t.co/kRL1wH8MiU
— きらぷか@スプシAPI化&積読のサービス運営中🔥 (@kira_puka) 2023年10月28日
https://vue-fes-japan-2023-multithread-slide.sapphi.red/1
https://slides-one.vercel.app/1?clicks=1
vuelidateでrequiredIf(特定の条件のときだけ必須にする)に、reactiveな値を設定するのに結構苦戦したので、備忘録です。
（ドキュメントに書いてあったのでその通りにすればよかっただけ）
チェックボックス（リアクティブな値）がtrueの場合は、テキストボックスが必須になる。
falseの場合は、必須にならない。
vue: 3.3.2
Composition API
@vuelidate/core:2.0.2
@vuelidate/validators": 2.0.2
state.isCheckedがreactiveなのでこれで良いと思ったのですがダメでした。
<template>
<div>
<h1>Vuelidate</h1>
<input type="checkbox" v-model="state.isChecked" @change="v$.mailAddress.$touch" />
<input type="text" v-model="state.mailAddress" @blur="v$.mailAddress.$touch" />
<div class="input-errors" v-for="error of v$.mailAddress.$errors" :key="error.$uid">
<div>{{ error.$message }}</div>
</div>
</div>
</template>
<script lang="ts">
import { computed, defineComponent, ref } from 'vue'
import { reactive } from 'vue'
import { useVuelidate } from '@vuelidate/core'
import { required, requiredIf } from '@vuelidate/validators'
export default defineComponent({
setup() {
const state = reactive({
isChecked: false,
mailAddress: ''
})
const rules = {
return {
mailAddress: { required: requiredIf(() => state.isChecked)}
}
})
const v$ = useVuelidate(rules.value, state)
return { state, v$ }
}
}
</script>
rulesをcomputedにする！
あとはチェックボックスに @change="v$.mailAddress.$touch"を設定するのもポイントでした。
const rules = computed(() => { return { mailAddress: { required: requiredIf(() => state.isChecked)} } })
ちゃんと公式に書いてあった
公式ドキュメントをちゃんと読もう！
Firebaseで一度削除して復元したプロジェクトにHostingデプロイすると、エラーになりデプロイできなくなる事象の調査と解消した方法をご紹介します。 （前提：プロジェクト削除前はデプロイできていた）
Error: HTTP Error: 404, Requested entity was not found.
結論からいうと「プロジェクトを復元した後1日待ったらデプロイできるようになった」です。
（原因がわかっていないので、1日待つことが解消の要因かどうかは断定できませんが私の場合はそうでした）
解決までの流れ 1日目 am11:00頃 プロジェクトを復元する 1日目 am12:00頃 デプロイすると404エラーになる。調べて色々試してみるが解消しない 2日目 am10:00頃 デプロイに成功する（この日は特に何もしていない。1日目の状態のまま）
以下コマンドで、デプロイ先のプロジェクトが存在するか確認する
$ firebase projects:list
↓
結果にデプロイ対象の「プロジェクトが表示されている」「Project ID に(current)が表示されている」が確認できればOK
対象のプロジェクトに(current)が表示されていない場合は、以下のコマンドで切り替える
$ firebase use (PROJECT_ID)
以下コマンドでツールを更新する
$ npm install -g firebase-tools
以下コマンドで初期化
$ firebase init
以下コマンドでデプロイターゲットを設定
$ firebase target:apply hostign (TARGET_NAME) (RESOURCE_IDENTIFIER)
これは複数のHostingサイトがある場合に設定するものなので、今回は関係なさそうでしたmm
以下コマンドで設定をクリアしました。
$ firebase target:clear hosting (TARGET_NAME)
上記色々試しましたが、冒頭に書いた通りなぜか一日待ったらデプロイできるようになりました。
プロジェクトを復元した場合にデプロイできるようになるまで何かしらのタイムラグがあるのか、単純にローカル環境の問題だったのか。。。謎です
個人開発で独自ドメインが欲しかったので、GoogleDomainsで取得してみました。
手順がすごく簡単だったのでご紹介します。（画面通りに進めばOK）
※whoisに連絡先を公開したくない場合は「プライバシー保護」を有効にしておく*1
↓
ドメインが取得されます
今年初めてe-Tax × freeeで確定申告を行いました。
来年も忘れないようにするために、e-Tax × freeeで確定申告する際に必要だったものをリスト化しました。
確定申告の詳細な手順はありませんのでご了承ください。
（freeeはとても親切なので、freeeの手順通りにやっていれば確定申告できると思います）
確定申告の際にまとめて入力しようとすると大変なので毎月入力しておくとよい
※家賃や携帯代等私用と共有している場合は、全額は経費にできないので注意
freee家事按分を登録する
freeeの手順に従えば取得できます。 freee電子申告開始ナビ 使い方ガイド
（以下は加入の場合）
