詳しい方いたら教えてください。めっちゃ欲しい情報ですん。 別にモノレポでなくてもいいんですが、backend/frontendをTSで開発されてる場合Prisma入れてる気がするのですがそういう時の型共有の方法、ggってもあまり出てこない気がする。 Prisma とは Node.jsのORMです。かなり使いやすくて気に入ってます。 スターもたくさんついてますね。 お金もたくさん調達できてるみたいでいい感じです。 Prismaの型の生成 参考: Set up Prisma 上記ページをもとにサクッとinstallすると /prisma に schema.prismaというファイルが生成されます。そのファイルに、例えばこんな感じでスキーマを定義してみます。 // ユーザー model User { id String @id @default(cuid()) slug String @uniq

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.offsetLeft + event.movementX + 'px' this.style.top = this.offsetTop + event.movementY + 'px' this.style.position = 'absolute' this.draggable = false this.setPointe

本作は、プレイヤーがコーヒーチェーンのCEOとなり、大企業に育て上げるゲームだ。プレイヤーは店舗の立地選定から始め、仕入れ、商品開発、人材採用、マーケティング戦略、財務管理など、実際のビジネス運営に必要なほとんどの要素を手掛ける。 『Coffee Inc 2』の特筆すべき点は、そのリアリティと細部にわたるゲームデザインにある。プレイヤーは経営の基本から、政策金利や物価といったマクロ経済要因まで考慮した、高度なビジネスプランの立案が必要となる。 （画像はApp Store『Coffee Inc 2』より） 損益計算書、貸借対照表、キャッシュフロー計算書など、実務レベルで目にするようなデータも多数登場。ほかにも市場分析や競合他社との差別化戦略、さらには顧客満足度の向上など、やり過ぎなほどに再現されている。 （画像はAppSotreトップ有料ゲームより）Xを始めとしたSNS上でも本作のリアルな経

2月9日、予告していた通りHono v4をリリースしました。 そのHono v4のリリースと同時に、Honoを使ったメタフレームワーク「HonoX」を公開しました。 今回はHonoXのいくつかの特徴について書いてみたいと思います。これは使い方というより作者目線の思想みたいなものです。 メタフレームワーク HonoXとは一言で言うと「HonoとViteを組み合わせたメタフレームワーク」です。HonoX自体が機能を提供しないのが肝です。 もう少しだけ具体的に言います。HonoXで扱うのは「Honoのインスタンス」そのものです。つまりあなたがHonoXでアプリを作るということは「Honoのアプリを作る」ことになります。その証拠にエントリーポイントになるapp/server.ts内で出てくるappはHonoのインスタンスなので、hono/devにあるヘルパー関数showRoutes()がそのまま使

2024年1月時点のAWSベストプラクティスに従って作成しました 好評でしたら続編も検討します 1. 環境ごとにアカウントを分離する 本番、検証、開発ごとにアカウントを分割しましょう ✕良くない例 ◎良い例 最初にアカウント分割しておかないと、後で分割するのはとても大変です アカウントを分割することで「検証と思って作業したら、実は本番だった」のような事故を減らすことができます コストがアカウント単位で集計されるため、環境ごとのコストを簡単に算出することができます AWS Organizationsを使用することで、各環境に応じた権限設定が簡単にでき、ガバナンスを強化することができます AWSアカウントはAWS Control TowerのAccount Factoryを使用することで、クレジットカード情報を都度入力することなく簡単にアカウントの払い出しが可能です また、AWS Contro

ウクライナ軍に入隊したアジャイルコーチが、さまざまなメソッドを駆使して中隊長としてのリーダーシップを実現した話（前編） アジャイル開発の代表的な方法論であるスクラムをテーマに、都内で1月に開催されたイベント「Regional Scrum Gathering Tokyo 2024」で、経験豊富なアジャイル開発のエキスパートとしてウクライナを拠点にアジャイルコンサルタントをしていたドミトロ・ヤーマク（Dmytro Yarmak）氏が、ロシア軍の侵攻後にウクライナ軍に入隊し、中隊長としてリーダーシップを発揮するためにさまざまなメソッドを駆使して軍隊の組織を変革していった経験を語ったセッション「A True Story of Agile Coaching in Ukrainian Armed Forces」が行われました。 軍隊という、企業とは異なる構造や目的を備えた組織で、しかも多くの民間人が入

江口大和さん（元弁護士）が横浜地検特別刑事部から犯人隠避教唆の疑いをかけられ、逮捕されたのが平成30年10月15日。 彼はそれまでの任意の検事取調べにおいて被疑事実を否認していた。 そして、逮捕直後の弁解録取において彼は黙秘権の行使を宣言した。 日本国憲法第38条1項 何人も、自己に不利益な供述を強要されない。 ところがそこから約21日間、合計約56時間、一言も話さない江口さんに対して、横浜地検特別刑事部の検察官（そのうちのほとんどは川村政史検事）は取調べと称して「僕ちゃん」、「お子ちゃま」、「ガキ」呼ばわりし、「うっとうしい」、「どうやったらこんな弁護士ができあがるんだ」、「嘘を付きやすい体質」、「詐欺師的な類型の人に片足突っ込んでる」などと言ったり、江口さんの弁護人の活動を侮辱したりする発言をし続けた。 それでも江口さんは決して口を開くことはなく、耐え抜いた。 このような検察官の取調べ

RelayHub合同会社の久保田光則です。 Reactでフォームを効率よく実装するためのライブラリとして、React Hook FormやReact Final Form、TanStack Formなどがあります。これらのライブラリは、フォームを効率よく実装できる枠組みを提供してくれるだけではなく、高速なフォームを実装するための方法も提供してくれます。 で、この記事ではReact Hook Formとかそういうライブラリの使い方というよりかは、そもそもなぜReactで実装したフォームのパフォーマンスが問題になりやすいのか、その辺りの事情について解説します。 Reactのレンダリングの仕組み Reactでは皆さんご存知のとおり、仮想DOMと呼ばれるDOMに似た構造のオブジェクトを生成してレンダリングを行います。Reactのコンポーネントはレンダリングするたびにそのコンポーネントに対応する仮想

年始早々色々ありすぎてアニメ消化が捗らなかった。 16bitセンセーション -ANOTHER LAYER-エロゲ老人会向けの懐古作品。 当初こそ面白いけどキッツ…な面があったが段々ちゃんと面白くなっていった意外な枠。 関係者の人が同窓会か文化祭みたいな作品と言っていたが正にそんな感じ。 終盤の超展開も00年代エロゲによくあったトンデモ展開のオマージュと考えればむしろ余程マトモに見えるという。後で見返すと例の手紙が途中でしっかり出てきてたりしてああこれはトゥルーエンドルートだけをアニメ化したんだねえっていう。 あとはメイドさんロックンロールを鼻歌とはいえ令和に聞くとは思わなかったというかよく歌わせたなとか。 エロゲパケを実名のまま出すとか久々っぽい気がするけど実物の画像取り込みにするとそこだけ文字通りの解像度が高くなり、画面全体として違和感が出るというよくある絵になるのはどうしたものか。これ

2024年1月8日、GitHubはこれまでGitHub/Microsoftの従業員とパートナーのみが利用可能であったGitHub Certifications（資格認定）プログラムを、世界中のすべての顧客も利用可能とすることを発表した。1月8日から誰でも登録サイトにアクセスしてGitHub Certificationsの学習と認定試験の準備を進めることができる。 GitHub Certifications are generally available -The GitHub Blog 利用可能な認定プログラムは以下の4種。 GitHub Foundations Certification GitHubプラットフォームの基本的な概念とGitHub製品を初めて学ぶ人向け。gitの使用方法からリポジトリ管理、コミット、ブランチ、マージ、プロジェクト管理などのGitHubコア機能をひと通り学習で

先日の航空機事故を受けて書籍『失敗の科学』を読んでいます。第１章 失敗のマネジメント（「ミスの報告」を処罰しない）に、次のようなことが書かれていました。 学習の原動力になるのは事故だけではない。「小さなミス」も同様だ。パイロットはニアミスを起こすと報告書を提出するが、10日以内に提出すれば処罰されない決まりになっている。また現在航空機の多くには、設定した高度などを逸脱すると自動的にエラーレポートを送信するデータシステムが装備されている。データからは、操縦士が特定されない仕組みだ。 この「操縦士が特定されない仕組み」は、忍者式テスト*1の「テスト履歴」を思い起こさせました。履歴として記録するのはテストした日付と結果（OK、NG）のみ。誰がテストしたかは記録しません。といっても、NGの場合はその詳細が報告されるので誰がテストしたかは自ずとわかります。OKの場合はわかりません。この記事の最後に忍

まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。 あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解した モダンなWeb制作を行いたい これから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。 作成するものによっ

ソフトウェアエンジニアとして働き始めて 20 年以上になります。 元々ソフトウェアでいろいろ作りたくて就いた職業なので、結構な数のプロダクトを開発してきました。 私がメインで開発したもので OSS として出ているものでは、 yrmcds: memcached クローンで、レプリケーション機能などを持つ usocksd: SOCKS4/5 サーバー & ライブラリ transocks: アプリのネットワーク通信を透過的に SOCKS サーバーにプロキシする透過プロキシ coil v2: Kubernetes の CNI ネットワークドライバ moco: MySQL を自動運用する Kubernetes オペレーター accurate: Kubernetes 上で namespace ベースのソフトマルチテナンシーを実現するためのソフトウェア などがあります。これらのソフトウェアの多くは、現役

小学校の高学年になった頃だろうか、家族共用のPCに触らせてもらえるようになった。 しかし、見ていいのはyahoo!きっずから行けるページだけだった。 それでゲームのカテゴリからいろんなページに行ってみたけれど、どれもルールが難しくていまいちハマらなかった。 ただ、あるゲームに併設されていたチャットルームだけは同年代の子どもが多くて楽しく、あっという間にハマってしまった。 そのルームにいるのは小中学生が７割、残りは高校生と大学生と社会人が１割ずつぐらいだったと思う。 私は毎日のようにログインし、「こん」「何歳？」「アニメなにみてる」「私もそれすき」と一生懸命キーを打って会話を楽しんだ。 結構にぎわっているところだったので曜日や時間帯によってもメンツが違い、常に新しい出会いがあるのが嬉しかった。 そんな中、いつ行っても同じ名前を見かけることに気がついた。 近い音で表現すると、そのメンバーは「も

Metaから10月に発売された新型VRゴーグル「Quest 3」の最大の特徴は「MR」への対応である。筆者はこれまで、従来機「Quest 2」で日常的にVRは使っていたので(主にVRChat)、MRについては「VRの背景をリアル映像にしただけでしょ？」というくらいの認識でいて、それほど重視はしていなかった。が、それは大きな間違いだった。 Metaの「Quest 3」。筆者は128GBモデルを購入した VRの楽しさは「やってみないと分からない」とよく言われる。PC上の平面的な画像や動画だけでは、どうやっても人体の感覚で得る3D体験は伝えきれないのだ。それと同じく、MRの楽しさもまた、やってみて初めて分かることが多かった。 Quest 3を入手してからのこの2カ月で、筆者はいろいろMRアプリを開発して、楽しんでみた。開発方法について詳しく説明しようとするとかなりの長編連載になってしまうため、本

2013年から「その年ごとにブックマークしたページでよかったもの集めた」と題して、1年分の「自分がブックマークしたページ」を振り返り、まとめています。正確には毎年ではなくて、2022年だけ抜けています。いろいろなことがあり抜けました。そしてあきらめて、2023年版を作りました。 完全に「私得」なまとめなのでカテゴライズなどは一切しておらず、主に自分のブックマークした順番となっています。基本的には、以下の基準で選出しています。 当年に作られたエントリーであること Wikipediaや当年に作られたことが明確でない役所のページなどは除外 ブックマークが多く集まっていてもリンク切れであるものは除外 Yahoo!ニュース（掲載終了）、サイトクローズなど 内容が「閲覧する際に1記事単位になっている（ページャーはOK）」になっていること 有料記事、課金しないと全部読めない記事などは除外 今年は入院した

DNS リソースレコードを管理していると、「DNS には浸透期間があるため、DNS の設定変更後は24時間〜72時間お待ちいただく必要があります」などと書かれた DNS 事業者の注意書きを見かけることがあります。 ホスティング業者によって「浸透」等が不適切に使われている例 - www.e-ontap.com DNS浸透言ってるところと言っていないところ【レンタルサーバ編】 - ohesotori.hateblo.jp このような記述が蔓延っているために、DNS 利用者の間で「DNS では設定が浸透するまで待たなければならない」という誤解が広まっています。 また、DNS リソースレコードの地理的な伝播状況を可視化するための DNS Propagation Checker なるツールがいくつか存在しています。 https://www.whatsmydns.net/ https://www.ns

全ての開発あるあるだと思うんですが、常にリソースがないですよね。やりたいことに対して使える開発期間が短いし、人も少ない。なので普通はやりたいことに優先順位をつけて、なくてもまあ大丈夫かなという部分は、泣く泣く落としていくことになるかと思います。今回はその優先順位を見誤った話をします。 ちなみに見誤った箇所は、エラーの表示です。Excel/CSVファイルをインポートすることで情報を登録するという機能のエラー表示だったのですが、リリース直後に改善の必要があるとわかり、再検討して実装＆リリースしました。（関わった皆さんありがとうございました🙏） これについて最近、開発チームやプロダクトマネージャー、他のデザイナー等いろいろな人と話していたのですが、そのときに出てきたことや自分の中で思った反省点について書きます。 同じような機能でも、扱う情報の内容や数が変わると状況が変わる該当の機能のエラー表示