FastAPI【FastAPI】ファイルのアップロード機能を作る方法
事前準備 今回はFastAPIでファイルのアップロード機能を作成する方法について紹介していきます。 FastAPIでファイルを扱うにはリクエストボディがmultipart/formdataになります。このmultipart/formdata...
FastAPI
FastAPIresponse_modelの使い方について【FastAPI】
FastAPIではリクエストやレスポンスが適切な内容であるかをバリデーションすることができます。 response_modelは名前の通りレスポンスに関する機能で、レスポンスについてバリデーションが行えます。 response_modelの...
shellディレクトリ構造をイイ感じに表示してくれるコマンド【tree】
treeはディレクトリ構造を下記のようにツリー形式で表示してくれるコマンドです。 . ├── .gitignore ├── package-lock.json ├── package.json └── src ├── index.css ├...
FastAPIファイルを分割してルートを定義する【FastAPI】
今回はFastAPIでルート定義を行う際に、ファイル分割して定義する方法を紹介します。 入門等でよく見る方法では、下記のコードのようにルートを定義しています。 from fastapi import FastAPI app = FastAP...
PythonImportError: cannot import name ‘Annotated’のエラーが出た時の対処方法
ImportError: cannot import name 'Annotated' typingのAnnotatedをimportできない時は、Pythonのバージョンを確認しましょう。 AnnotatedはPython...
PythonVSCodeでPythonの型チェックを有効にする
Pythonには型アノテーションの機能がありますが、せっかく型アノテーションをつけるなら、VSCode上でWarningを表示したいです。 型チェックはPylanceという拡張機能を入れることで有効化できます。PylanceはMicroso...
JavaScriptdefinePropsにデフォルト値を与える方法【Vue3+TS】
Vue3とTypeScriptで、propsを受け取るには、下記コードのようにdefinePropsを使用します。 <script setup lang="ts"> interface Props { firstName: string; ...
JavaScriptdefinePropsの使い方【Vue3+TS】
definePropsの使い方 TypeScriptでは下記のコードのように、definePropsのジェネリクスに受け取りたいPropsを定義することができます。また、?をメンバの末尾に付け加えることで、任意のPropsを定義することがで...
Pythonリストへの要素の追加方法まとめ【Python】
append appendはリストの末尾に要素を追加するための関数です。 lst = lst.append(3) print(lst) # lst.append() print(lst) # ] ちなみに、ドキュメントによるとappend関...
AWSNuxt3(Vue)でCognito+Amplifyによる認証機能の導入
今回はNuxt3でAmazon CognitoとAWS Amplifyを使用して、ユーザーのログイン機能（認証機能）を導入する方法について紹介します。 また、今回はAmplifyで用意されているUIを使用するため、自分でUIを作成する必要は...