はじめに エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約3分程度で読めるので最後まで読んでもらえると幸いです。 要件定義フェーズの新しい案件に入る予定です。過去何回か対応したものの、対応手順や内容、要件定義に関わる用語について上手く言語化出来ない箇所があったため、振り返り兼ねて整理してみました。 要件定義とは 要件定義は、システム開発の初期段階で、ユーザーの要求やニーズを具体的な開発内容に落とし込む工程です。要求定義がユーザー視点で 「何を必要とするか」 を定義するのに対し、要件定義は開発者の視点から 「どのように実現するか」 を明確にします。このプロセスでは、システムの機能や性能、利用する技術などを具体的に定め、ステークホルダーと合意形成を行います。 プロジェクトの目的やゴールを明確にし、開発範囲や実装すべき機能を確定するため

はじめに Go1.23から使えるようになったイテレータをワクワクしながら実装してみようとしました。 しかし、シグネチャの理解すら難しく、皆さんが公開してくれている解説記事を読んでも手が動かせない状態になっていました。 特にyiledの挙動がシグネチャから読み取ることができずに理解に時間がかかりました。 もしかするとGoのイテレータの実装には一定のハードルがあるかもしれません。 そこで、1人でも多くの方がイテレータを詳しく解説している記事を読むことや、実装自体のとっかかりになれるように、私の独自解釈を説明してみます。 まずはiterパッケージなしで、range-over-funcから ここではyiled()はforブロックの中に戻って実行するための関数として解釈してください。 このyiled()の挙動さえ理解できればなんとなくイテレータも実装できるようになってきます。 package mai

最近、業務で何回もdialogフォームを書いていたら、書き方がテンプレ化してきたので備忘録。 ついでに、記事っぽくするためにRxJSの基本的なところからまとめてみる。 subscribeのコールバックたち of(1,2,3).subscribe({ next: (res) => console.log(res), error: (e) => console.error(e), complete: (res) => console.log(res) }) next Observableが新しい値を発行するたびに呼び出される error Observableがエラーを発行した時に呼び出される。 complete Observableが完了した時に一度だけ呼び出される。ストリームが正常に終了したことを示す。 下記のように何も指定しないとnextが呼ばれる。

This release marks v1 of Jimp and there are some notable breaking changes. Removed some odd api and made the main api easier to reason about Rewrote it in TypeScript Support for ESM/CJS/Browser All methods have been refactored to an options object for easier readability 🎉 This release contains work from a new contributor! 🎉 Thank you, Juan Pablo Garcia Ripa (@Sarabadu), for all your work! 💥 Bre

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Grit automatically fixes technical debt by combining static analysis and machine learning to generate pull requests that clean up code and migrate to the latest frameworks.

canvasに線などを描画しているときにウィンドウや親要素のサイズが変更すると，画像のサイズはそのままに描画領域の大きさだけを自動でリサイズするcanvasが必要になったので作ってみました．画像が勝手に伸縮したりぼやけたりするのを防ぐために，divラッパーやResize Observerを使い実装しました． canvas要素の大きさと画像の大きさの関係 canvas要素では，画像や図形を「キャンバス」といった領域に描画します．そして，そのキャンバスを実際に画面で表示される領域の大きさに合わせて表示します．つまりキャンバスと実際に表示される領域の大きさを適切に設定しないと，画像が伸縮して表示されてしまいます． 例えば正方形の大きさのキャンバスを用意し，そこに棒人間を描いたとします．canvas要素は画面上に表示される自分自身の大きさに合わせて，このキャンバスに書かれた画像を表示します．ここで

※ 2024/9/15時点での仕様です 結論として、Biomeのルールの方が依存配列をより厳密にチェックでき、チーム内のコード記述を統一できると感じました。 exhaustive-depsについて Reactが公式に公開しているESLintプラグインのルールです。 useEffectなどのフックを定義する際の依存配列をLintしてくれます。 // 依存関係の不足 const [count, setCount] = useState(0); useEffect(() => { console.log(count); }, []); // React Hook useEffect has a missing dependency: 'count'. Either include it or remove the dependency array ルール違反となるのは主に以下の場合です。 依存関

1. はじめに 前回の記事では、Sumaregi APIとやり取りするためのGoライブラリ「Sumaregi-go」の基礎について説明し、token.goファイルを使ってAPIのアクセストークンを取得する方法を解説しました。今回は、Sumaregi APIと対話するクライアントの設計と実装について詳しく説明します。クライアントの初期化からAPIリクエストの送信、エラーハンドリングまで、具体的な実装方法を紹介します。 2. 対象読者 この記事は、Sumaregi APIをGoで活用したい開発者を対象にしています。前回の記事を読んで、基本的なプロジェクト構造とトークン管理の仕組みを理解していることを前提としています。GoでのHTTPリクエストやエラーハンドリングの基礎を理解していると、この記事の内容をよりスムーズに把握できます。 3. 記事を読むメリット この記事を読むことで、以下のメリットが

tl;dr OGP 画像を satori (@vercel/og が内部で利用しているもので、JSX を SVG に変換するなんかすごいライブラリ) で生成していたが、運用上微妙だったので Playwright を使った生成に変えた 生成の所要時間は伸びてしまったが、挙動が安定しているため安心して運用できるようになった モチベ satori のテキスト周りのスペーシングの挙動がコロコロ変わりすぎて、安心して使い続けるのが難しかった 具体的には改行を含む右揃えテキストで最終行以外の末尾が変に空いてしまう事象などが発生した 特に困ることに、このような挙動変化が patch リリースでしれっと引き起こされ、リリースノートで特に言及されることもなくまた patch リリースで修正されたり、また別の挙動に変わったりする 実際前述の事象関連では v0.10.x 台だけ(つまり patch リリースのみ

目的 PrismaClientを使って取得したデータの型定義が欲しかったのですが、手動定義ではなくクエリ情報から自動定義したいので調査しました 方法 Prisma documentの該当ページを参考に、Prisma.validatorユーティリティ型で抽出しました。 // 1. validatorにクエリの種類に応じて作成した情報を渡す const fetchLatestInvoicesQuery = Prisma.validator<Prisma.invoicesFindManyArgs>()({ select: { amount: true, id: true, customer: { select: { name: true, image_url: true, email: true, }, }, }, orderBy: { date: "asc", }, take: 5, });

1. はじめに 本記事では、PrismaとZodを組み合わせたzod-prisma-typesを使用して、型安全なバリデーションを実装する方法を解説します。 特に、zod-prisma-typesが自動生成する3つのスキーマ（inputTypeSchemas、modelSchema、outputTypeSchemas）に焦点を当て、関連テーブルを含むデータのバリデーションと操作方法を詳しく説明します。 対象バージョンはv3.1.8 対象読者 Prismaの基本を理解している初級から中級レベルの開発者 zod-prisma-typesの効果的な活用方法を学びたい方 2. zod-prisma-typesのセットアップと基本的な使用方法 本記事のディレクトリ構造 記事で言及するディレクトリとファイルは以下の通りです。 project-root/ ├── prisma/ │ ├── schema

ホーム Now Gaming PS5『アストロボット』最終ステージがゲキムズ。ValveのTPS+MOBA『Deadlock』は使用キーめっちゃ多い。『ファンタジーマップシミュレーター』を眺めた。『鳴蟇村』で納涼。今週のゲーミング 全記事Now Gaming

はじめに 包み隠さずオープンに伝えると、投稿主は質問が全然上手ではありません。 多分、この記事を読んでいる皆さんの方が何倍も上手です。 ということで本記事は以上です（冗談です） こちらでは誰よりも質問下手だった投稿主が試行錯誤した結果、導き出した良い質問・悪い質問それぞれの共通点や法則性を提唱します（単なる一般論でしたらすみません） あなたの質問はなぜ伝わらないのか 結論？ それは、あなたの質問に愛がないからです。 というのは半分冗談として（笑）、よくありそうな悩みを以下に記載します。 拙い文章ですが、皆さんのお役に立てれば幸いです。 テクニックに走ることによる弊害 「本をたくさん読んだり、質問フォーマットで文章を丁寧に書いてみたけど、全然伝わらない！」 生成AIに聞いてみたりしたら、たとえばこんな答えが返ってくると思います。 Q. 私はエンジニアなのですが、質問はなぜ伝わらないのでしょう

人工知能（AI）の健全な利用を後押しする国際的な取り組みが動き出す。主要7カ国（G7）が年内にも生成AIの悪用リスクなどに関する情報開示の基準を定め、開発事業者に回答を求める。グーグルやオープンAIなど各国大手が参加する想定で、国際標準の仕組みとして普及をめざす。AIが提供する文書や画像作成といったサービスは国境を越えて広がる。利便性の半面、知的財産の侵害や情報漏洩、犯罪への悪用、偽情報の拡散

Itemオブジェクトの作成(Create)、読み込み(Read)、更新(Update)、削除(Delete)を行うAPIをginフレームワーク、postgresqlを使用して作りました。 さらに、pgAdmin(postgresql用のGUI管理ツール)を使用し、データベースサーバーを作成しました。 はじめに Ginフレームワークの特徴 軽量で高速なパフォーマンス 基数木（redix tree）を元にしたルーティング、小さなメモリフットプリント、リフレクションなし、予測可能な API 性能などの特徴があります。 ミドルウェアのサポート 受信したHTTPリクエストをミドルウェアのチェーンと最終的なアクションによりハンドリングできます。たとえば、ロガー、認証、GZIP、さらに DB へのメッセージのポストなどが可能です。 クラッシュフリー HTTPリクエスト中に発生したパニcをキャッチし、回復

はじめに 前にも別のモデルでやってる ただ o1-preview は、やり取りを重ねるよりも一発で終わらせるほうがいいらしいので、最終的なテスト全体を渡すようにした。 情報の提示方法が異なると当然結果も変わるので、 gpt-4o でも同様なことを試した。 材料 プロンプトは以下。 基本的に最初にやったときと同じ。ペアプロではないのでその部分の調整をしている - 私がテストコードを提示するのでそのテストケースをパスする最小限の実装をしてください - Vue.js のバージョン 3 と Typescript で実装を行ってください - コードのみを示してくださいコードの解説などは必要ありません - スタイリングは必要ありません - テストケースに失敗したらその内容をチャットで送信するので最小限のコードの修正をしてください - テストのコードには vitest を利用しています jest と互換