Azure Pipelines で SQL Server LocalDB を用いたテストを実行する - ツナ缶雑記
Azure Pipelines では、ビルドサーバーを大きく 2 つの種類から選択できます。 1 つ目は「MS-Hosted Agent」と呼ばれるもので、雑に言うとマイクロソフトさんが準備したビルドマシンをオンデマンドで借用する方式です。 2 つ目は「Self Hosted Agent」と呼ばれるもので、自分で用意したマシンをビルドマシンとして登録して利用する方式です。 MS-Hosted Agent は、特に自分で何か用意する必要はなく、非常にお手軽に利用できます。 マイクロソフトさんが提供しているエージェントの中から、利用したいものを選択する形式です。 そのため、万人が必要とするソフトウェア以外、エージェントにはインストールされていません。 今回は MS-Hosted Agent で SQL Server LocalDB を用いたテストを実行する方法について解説します。 環境 SQL
Prisma で本物のDBMSを使って自動テストを書く - mizdra's blog
DBMS に依存するロジックのテストを書く時、主に2つの手法があると思います。 Repository 層などを mock する Service 層のテストをする時は、その下位の Repository 層を mock して、DBMS に依存しない形にしてからテストする レイヤードなアプリケーションで適用できる手法 テスト実行時も DBMS を裏で動かして、それを使う 本番と同じスキーマを持つ DBMS に対して、実際に insert したり select してテストする DBMS は docker-compose upとかで事前に立ち上げておく 双方にそれぞれ良さがあって、プロダクトによってどっちでやるか変わってくると思います。 この記事では 2 の手法を Prisma でどうやるかについて紹介します。 前提 実際のテストコードの例 テストヘルパーを作る 別解: ヘルパーを自動生成する je
外部キー制約が一切ないと何に困るのか？
こんにちは。株式会社プラハCEOの松原です 注目を集めつつあるMySQLプラットフォームのPlanetScaleですが、外部キー制約が効かないという一見致命的に見える仕様について調べていたところ、こちらのDiscussionで興味深い回答が開発者から寄せられていたので日本語でまとめ直してみようと思いました。 外部キー制約がなくてもそれほど困らない理由 今回の話はParentテーブル(id)とChildテーブル(id,parent_id)を前提に考えていきます そもそも外部キー制約は何に役立つのか 今回のDiscussionでは質問者から「外部キー制約がないとこういう時に困るよ！」と質問が寄せられています： 外部キー制約がないと参照先のデータが存在していることを保証できない！ 外部キー制約がないとデータの重複を回避できない！ それぞれの質問に対して回答者の回答は以下の通りです： 外部制約がな
VScodeのRemote Development+Dev Containersでリモートコンテナに接続しようとしたらローカルのDockerが起動するようになってしまった - Qiita
VScodeのRemote Development+Dev Containersでリモートコンテナに接続しようとしたらローカルのDockerが起動するようになってしまったDockercontainerVSCodeRemoteDevelopmentDevContainers リモートのGPUサーバにDockerデーモンを立てて，そこに手元のPCから（docker desktopを起動して）VSCodeのRemote Development / Dev Containersで接続して，コンテナ内でコードを書いて実行しています． 正常な場合 通常は以下のようなログが表示されて，リモートサーバのコンテナにvscodeが接続されます． [2023-03-30T07:08:06.858Z] Dev Containers 0.282.0 in VS Code 1.76.2 (ee2b180d582a7f
Lステップでセミナー運営を楽にする方法
Lステップを使えばセミナー申し込みから当日の受付、セミナー終了後の成約率をあげることができます。 セミナーやイベントの申し込みなどもLINEで完結できます。 また、セミナー当日までに「あと開催まで〇日です」といったリマインダーを配信する機能もあります。 Lステップを使えば、セミナー参加者だけを把握して、参加者だけに連絡をすることができます。 ＜セミナーで役立つLステップの活用方法＞ 例えばこんなことができます。 セミナー申し込みフォームを作成する 申込時に参加者用のタグをつける リマインダー配信で参加当日までフォローをする 当日の受付はLステップのＱＲコードで参加者把握 セミナー中に申込リンクなど送信 セミナー終了後に特典の送付や再度商品の案内 次回、同様のセミナーを開催する際には今回の参加者を外して案内 Lステップでは下記のようなフォームを作成して、LINE登録しているユーザーが入力でき
DX-LINE Plus｜Salesforce×LINE＝お客様サポートの効果＆効率ＵＰ！
LINE公式アカウントとSalesforceを直接つなぎ、 顧客管理、活動分析を行うことで、顧客体験を最大化する、 顧客一人ひとりに寄り添うアプリケーションです。
【逆引きリファレンス】Vue と React の書き方 比較とまとめ - Qiita
はじめに 実務では Vue / Nuxt をメインにフロントエンド 開発をしています。この度 React の案件にアサインされることをきっかけに React の学習をはじめたのですが、 Vue でやってたことって React やとどうやってやるんや？？ Vue / React の対象表みたいなのはいくつかあるけど、Vue の Composition API や React の関数コンポーネント、フックスに対応した記事がない… ということでこの度まとめてみました。 読んだ方がええ人 普段は Vue を使用していて最近 React をはじめた人（逆も然り） 普段は Vue を使用しているが、 React にも興味がある人（逆も然り） 読む前に知っておいてほしいこと Vue は Composition API 、React は関数コンポーネントや Hooks を用いることを前提として記述していま
VSCode+Dev Container+Docker+docker-composeの複数コンテナ開発環境構築 - Qiita
目的 複数のコンテナを使うシステム開発をする際、docker-composeを使いたい VSCode+DevContainerでdocker-composeを使う方法があるらしいが、一番開発しやすい方法で環境構築したい 環境構築の方向性選定 まず、VSCode+DevContainerでdocker-composeを使う方法を3種類試した。 空のワークスペースに、docker-compose.ymlとdevcontainer.jsonを含む.devcontainerディレクトリを作成 既存のdocker-composeで動く環境に、docker-compose.ymlとdevcontainer.jsonを含む.devcontainerディレクトリを作成 既存のdocker-composeで動く環境を、各コンテナに対応するディレクトリが存在するようにしておき、それぞれのディレクトリに.dev
コンテナによるローカル開発環境 その2(Dev Containers編) - NIFTY engineering
この記事は、ニフティグループ Advent Calendar 2023 18日目の記事です。 こんにちは。会員システムグループでエンジニアをしている山田です。 前回はDocker Composeを利用し、コンテナ上でアプリケーションを実行する環境を整えました。今回はコーディングまでを含めた開発環境を整えていきます。 コンテナ環境の課題 コンテナという独立した環境を用意したので、コーディング作業もコンテナ内で行いたいところです。LinterやFormatterなどのツールもコンテナ内で完結させることにより、統一された開発環境をチームメンバー全員に提供できます。 一方でコンテナ環境は基本的にCUI環境です。GUIアプリケーションを利用する方法がなくはないですが、ローカルPC側・コンテナ側とも設定が煩雑になるため、基本的にCUIアプリケーションを利用することになります。こうなるとVSCodeなど
Next.jsの_documment..tsxと_app.tsxについてメモ - Qiita
_app.tsxとは /page/_app.tsxを作成することでAppコンポーネントをカスタマイズができる。 すべてのページコンポーネントの初期化に使われるコンポーネント。 すべてのページで共通な処理などを書くことができる。 _documment.tsxとは /page/_documment.tsxを作成することでDocumentコンポーネントをカスタマイズができる。 htmlタグやbodyタグの定義を行うコンポーネント ページ共通のheadタグなどを定義する _app.tsxの例 import { AppProps } from 'next/app' import Head from 'next/head' const App = ({ Component, pageProps }: AppProps) => ( <> <Head> <title /> <meta name='view
Docker Compose な開発環境にちょい足し3分で作るVSCode devcontainer
こんにちは、devcontainer職人です🧑🍳 今回紹介するのはDocker Composeを既に利用している開発環境にかんたんにdevcontainerを構築する方法を紹介します。 VSCodeのdevcontainerはとても良くできた開発環境構築方法なのですが、ちょっと難しそうと思われていたり、VSCode以外のエディタを使う人の開発体験が悪くなるのでは、などの懸念がありまだあまり使われていないような印象があります。今回はそんなdevcontainerを3分で作れるtipsを紹介します。 準備するもの Docker Composeで構築した開発環境 VS Code Docker Desktop for Windows/Mac Remote - Containers extension Docker Composeで構築した開発環境のサンプル 今回用意するのはサンプルとしてRu
@azure/msal-node を使って Entra ID (Azure AD) で認証、JWT トークンを取得する (Next.js)
はじめに Microsoft Entra ID (旧称： Azure Active Directory) は、Microsoft が提供する認証・認可サービスです。 この記事では、Next.js の API Route を使用して、Microsoft Entra ID にログインするユーザーを認証し、JWT トークンを取得する方法を紹介します。 JWT トークンを取得することで、アプリケーション内でユーザーの情報を取得したり、Microsoft Entra ID で保護された API (例： Microsoft Graph) を呼び出したりできます。 Microsoft Authentication Library (MSAL) とは MSAL はセキュリティで保護された Web API へのアクセスを容易に実装するためのライブラリです。 ここで得られた JWT トークンを使用することで、
98.css
A design system for building faithful recreations of old UIs. Intro 98.css is a CSS library for building interfaces that look like Windows 98. See more on GitHub. This library relies on the usage of semantic HTML. To make a button, you'll need to use a <button>. Input elements require labels. Icon buttons rely on aria-label. This page will guide you through that process, but accessibility is a pri
Azure DevOps Organization,Project,Team,Areaの扱い - Qiita
Azure DevOps はプロジェクトを推進するための便利なサービスです。 色々と柔軟に使えるようにできていますがそれ故、複雑に感じる部分もあるかと思います。 考え方によっては機能が重複しているような部分があるのも事実です。 今回は、Organization,Project,Team,Areaの区分をどう考えると良いのか書いてみたいと思います。 ここに記載されていることがベストプラクティスだとは言いません。 とはいえ、"叩かれ台" があった方が良いかと思いましたので書いてみます。 セキュリティ、マイクロソフトアカウントとAzure AD については基本的に触れません。 Organization(組織) Organizationは、Azure DevOpsを利用する上で必ず扱う単位です。 使い始めると、何も考えなくても１つのOrganizationが付与され、そこにプロジェクトがぶら下がり
HTML/CSSで表現できる、すごいテキストエフェクト用スニペット44個まとめ
この記事では、CSSで表現できる新作テキストエフェクト用HTMLスニペットをまとめています。一部、jQueryなどプラグインが必要となりますが、CSSのコピー&ペーストで利用できるサンプルやテクニックを、WEB制作のためのコードコミュニティサイト Codepen よりピックアップしてご紹介します。 実際のコードを見ながらサンプルを確認、編集を行うことができるので、世界基準の新テクニックを効率的にウェブ制作に採用することができます。 HTML/CSSで表現できる、すごいテキストエフェクト用スニペットまとめ Fluid text hover マウスの動きに合わせて背景の画像がぐにゃりと液体のように変化するテキストエフェクト。 See the Pen Fluid text hover by Robin Delaporte (@robin-dela) on CodePen. SVG textPat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prisma ORMを2年運用して培ったノウハウを共有する
GitHub - xuri/excelize-wasm: A WebAssembly build of the Go Excelize library for reading and writing Microsoft Excel™ (XLAM / XLSM / XLSX / XLTM / XLTX) spreadsheets
Ubuntu 20.04にスワップ領域を追加する方法 | DigitalOcean
API Reference 2024 | Notion Template
Failed to deploy web package to App Service. Bad Gateway (CODE: 502) - Microsoft Q&A