「Agile TPI tool Japanese v1.0.xls」の数式をスプレッドシート向けに修正

Agile Test Practice Improvement (Agile TPI) | TMap で公開されている「Agile TPI tool Japanese v1.0.xls」がスプレッドシートに変換した際、次の機能が動作しませんでした。

• Professional、Team、Organizationの色付け
• チェックポイントのグラフ集計

正常に動作するよう修正、次で公開しましたので必要に応じてご利用ください。

• [公開用] Agile TPI tool Japanese v1.0(スプレッドシート用に修正) - Google スプレッドシート

Agile TPI について

Agile TPI（Test Process Improvement）は、アジャイル開発におけるテストプロセスの成熟度を評価し、改善するためのフレームワークです。

組織のテストプロセスを分析し、改善点を特定することで品質向上と効率化を図れます。次が参考になるかと思います。

• Agile TPI の Whitepaper(日本語版)
• LTech22 QA組織によるプロセス改善の取り組み 〜Agile TPI〜 | ドクセル
• AgileTPI でテストプロセスのアセスメントを実施し課題を分析する #ソフトウェアテスト - Qiita

利用目的

今携わっている組織はアジャイル開発ではありませんが、テストプロセスの評価と必要な施策・優先度決定のために、Agile TPIを活用予定です。

現行のテストプロセスにおいての課題はいくつか見えていますが、Agile TPI による別視点の課題や優先度付けの参考にしたいと考えています。

【切れ痔の手術・入院記録】切れ痔診断〜入院申し込み編

痔の手術・入院する必要になったため、経緯をメモしておく。

※血等のキーワードが出てくるため、苦手な人はブラウザバックしてください。
※リンク参照先の病院とは関係ありません。

近況

ちまちま記事を書くモチベーションが出てきたので、近況を書く。

転職した

• toC 向けに考えたい
• フロントエンド中心（というより、事業を伸ばすというのを大前提のもと Core Web Vitals 等指標ベースで改善する動きをしたい）
• Generative AI 利用やデータ分析に取り組んでいる

らへんを目的に転職した。

転職と同時に副業もいったんやめた（転職先で利用している技術等のキャッチアップ目的）。 キャッチアップするならブログも再開するか、と言う感じで本記事を書き始めた。

週一とは言わず、書きたい時に書くぐらいの温度感で再開する。

TIL 用のブログを Nuxt3, Nuxt Content v2 に移行中

github.com

のこと。Nuxt2 のままだったので移行中。 Nuxt3, Content v2 化 by zakizaki-ri9 · Pull Request #34 · zakizaki-ri9/blog · GitHub で大体置き換えた。Feed 等はまた時間見つけながら修正する予定。

普段の TIL は Nuxt3 のブログ。技術系メモは Zenn。その他ははてなブログてな感じに分けていこうと思う。

Nuxt(Vue) 2 だけど script setup 使ったら、体験良かった

QIita - Nuxt.jsアドベントカレンダー2021 の5日目記事です。（ちょうどネタがあったので投稿してみました）

結論、お試しできる Vue / Nuxt 2 環境があったら、unplugin-vue2-script-setupを導入すると、お手軽に<script setup>を体験できるよ、という話しです。

<script setup> については、次の記事がわかりやすいかと思います。

zenn.dev

Nuxt 2.x 環境で script setup を利用可能にする

• Nuxt.js 2.x
• @nuxt/content -> Content とは - Nuxt Content
• @nuxtjs/composition-api -> Nuxt Composition API

を使って、次のブログを作りました。

• zaki-blog
  • なんでブログ作ったかはこちら -> @nuxt/content でブログつくった という近況報告 - ざきの学習帳（旧 zackey推し ）

Vue 3 から利用できる <script setup> も素振りしたいと思い、unplugin-vue2-script-setup を導入してみました。

github.com

導入した際のハマったことはこちら -> Vue / Nuxt 2系で <script setup> を使用するには unplugin-vue2-script-setup を導入する

<script setup>修正前後の diff

簡単な例ですが、赤枠の PostDateTime.vue ã‚’ script setup 構文に変えてみたところ、次のようになりました。 by 元のコミット -> refactor: PostDateTime.vue を script setup に · zakizaki-ri9/blog@2c94d71 · GitHub

-<script lang="ts">
-import { defineComponent } from '@nuxtjs/composition-api'
+<script setup lang="ts">
import dayjs from 'dayjs'
type Props = {
  postedAt: string
}
+const { postedAt } = defineProps({
+  postedAt: {
+    type: String,
+    required: true,
+  },
+})
const format = (datetime?: string) => {
  return datetime ? dayjs(datetime).format('YYYY-MM-DD') : undefined
}
-export default defineComponent({
-  props: {
-    postedAt: {
-      type: String,
-      required: true,
-    },
-  },
-  setup({ postedAt }: Props) {
-    return { formatedPostedAt: format(postedAt) }
-  },
-})
+const formatedPostedAt = format(postedAt)
</script>

PostDateTime.vueは日付を表示するだけの簡単なコンポーネントですが、defineComponent内にネストした記述が不要となり、見通しが良くなったのがわかるかと思います。

おわり

年末年始に Vue / Nuxt 3 に触れてみようという方、もし Vue / Nuxt 2 環境下で試せるリポジトリがあれば unplugin-vue2-script-setup を導入し、<script setup>を触ってみてはいかがでしょうか。

docker/build-push-action@v2 のキャッシュ方法は cache.md を読むと参考になる

※本記事は docker/[email protected]時点の情報を元に記述しています。

結論、cache.md とは次のことです。
build-push-action/cache.md at v2.7.0 · docker/build-push-action · GitHub

ほか、背景や調べたことをつらつらメモ書きしておきます。

背景

副業で Ruby on Rails の CI 環境を作る上で次の記事が参考になりました。

techracho.bpsinc.jp

しかし残念なことに、buildx/BuildKitランナーをVMのコンテキストでセットアップする（つまりDockerのキャッシュがエクスポート可能になり、正しくキャッシュできる）驚くほどシンプルな方法が存在するにもかかわらず、このドキュメントにはそのことが記載されていないのです。

以下は、docker/build-push-actionリポジトリから引用した公式なサンプルです。

前述にて、Local cacheを利用したワークフローのサンプルおよび、docker/build-push-action を利用したキャッシュ方法が記述されたリンクが紹介されています。

build-push-action/cache.md at v2.7.0 · docker/build-push-action · GitHub

Ruby on Rails に限らず、GitHub Actions 上で Docker build する機会がある場合、前述のサンプルが大いに参考になると思います。

cache-from, cache-to などの記述は Buildx のドキュメントを参考にする

GitHub Action to build and push Docker images with Buildx with full support of the features provided by Moby BuildKit builder toolkit. This includes multi-platform build, secrets, remote cache, etc. and different builder deployment/namespacing options.

と About 記載されている通り docker/build-push-action@v2 は Buildx を利用して Build, Push, Cache などの Docker に関する操作が行われています。

Buildx とは docker build を強化するプラグイン。前述の記事内などで記述されている cache-from / cache-to など、キャッシュの読み書き先を指定など、色々できるみたいです。

• Docker Buildx | Docker Documentation
• イメージのビルド高速化機構 Docker BuildKit、BuildX を理解していなかったので調べてみました | ゲンゾウ用ポストイット

お世話になった記事

• GitHub ActionsのイメージビルドをDockerレイヤキャッシュで高速化（翻訳）｜TechRacho（テックラッチョ）〜エンジニアの「？」を「！」に〜｜BPS株式会社
• DockerイメージビルドのキャッシュをBuildKitを交えつつActionsでやってみた | DevelopersIO