JSONForms AntDesign Vueを書いている

JSON Formsというjson schemaを入れるとフォームを生成してくれるライブラリがあって、これをAnt Design Vueに対応させるレンダラー(プラグイン)を暇なタイミングでちょくちょく作ってて、多少動く様になってきた。https://t.co/6s5kHUcHRXstorybookhttps://…

Dockerのイメージビルド時に環境変数が未定義の場合にエラーを出したい

まとめ Dockerfile側ではエラーを出すようなENVの定義方法がなさそうで、docker image buildを叩いている場合は厳しそうに見える。 ワークアラウンドではあるものの、イメージビルドにdocker-composeを利用している場合、envプロパティを変数展開する際にエ…

pnpmをgithub actionsで使う

今更ながらGithub Actionsを触り始めたものの、pnpmを使ってコードを書いておりいきなりハマったのでメモ。 結論 2021/12/24追記 いまは公式のactionsではなく、nodejsをセットアップするactionsを呼びつつ corepackを使ってpnpmをインストールしている 成果…

vscode+volarでvue3のref sugerを使う際に型定義のimportでエラーが出る問題の解消

問題 script setup(ref suger)を使っている際、特に何も考えずimportすると、以下のようなエラーが出てしまう。 only refers to a type, but is being used as a value here.ts(2693) 解消法 - import { ControlElement } from '@jsonforms/core'; + import …

vue3+vite+storybook+pnpmでハマったことメモ

StorybookがViteに対応していたので、試した際にハマったことなど。 storybook.js.org pnpm起因の問題は使っている人には参考になるかもしれない。 pnpx sb initが動かない Storybook for Viteに↓の記述があるので、pnpxとバージョンを読み替えて npx sb@nex…

Vue3+TypeScriptプロジェクトでEslintをお手軽に設定するメモ(@antfu/eslint-config-vueについて)

tldr devDependenciesに以下のパッケージを追加する yarn add -D eslint @antfu/eslint-config-vue .eslintrcは以下のようにextendsする { "extends": [ "@antfu/eslint-config-vue", ] } 以上、楽ちん。 詳細 @antfuというVue本体のコミッターが@antfu/esli…

flutter for web でfile pickerを使う

完成イメージ import 'dart:convert'; import 'package:file_picker/file_picker.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @over…

mysql 8.0 PDO error

ことはじめ mysql:8.0にpdoでつなぎに行ったらこんな感じのエラーが出た。 PDOException: PDO::__construct(): The server requested authentication method unknown to the client [caching_sha2_password] in /var/app/bin/setup.php on line 19 認証方法…

alpine composer

コンポーザーをalpineに楽に入れたい。 (※alpine以外の環境にこの方法で入れて動くかは不明) 結論としては、こんな感じにすればOK FROM alpine:3.10.3 ENV COMPOSER_HOME /composer ENV COMPOSER_ALLOW_SUPERUSER 1 ENV PATH /composer/vendor/bin:$PATH COP…