React (typescript)：yup に アプリ全体で使用できる独自の検証メソッドを追加する
React（typescript） で MUI + react-hook-form + yup で入力フォームを作成しています。 yup は独自の検証メソッドが追加できるのですが、独自の検証メソッドをアプリ全体で使用する方法がわかりにくかったので記事にしました。 yup に独自の検証メソッドを追加する yup には required という必須検証用のメソッドがあります。 この required メソッドですが、string項目であれば、「undefined」と「空文字」の場合は検証エラーになります。 requiredメソッドは number 項目で使用すると「undefined」は検証エラーになりますが、「空文字」は Castエラー、「0」入力はもちろん検証エラーになりません。 値が undefinedの場合は必須エラーになる 値が空文字の場合は Castエラーになる number 項目
react-hook-formでyupとzodの違いを検証
始めに react-hook-formでは、バリデーションロジックをresolverオプションのところを変更することでyupやzodなどのバリデーションライブラリを使うことができます。 const { control, handleSubmit } = useForm({ resolver: /* yupResolverやzodResolverを入れる */, }) 最近はよくzodを見かけるのですが、僕はyupしか使ったことがなかっため、どういった違いがあるのか、またzodの方が本当に良いのかというところが気になったのでサンプルコードを書いて使い勝手を検証しました。 検証内容 今回は以下のようなフォームに対してのバリデーション設定をしました。 メールアドレス（メールアドレス形式バリデーション＋必須） ナマエ（カタカナバリデーション、文字数制限） パスワード（必須） 確認パスワード（パスワ
小1の息子に無印良品の新しいノートを買って渡したら｢表紙に写真があるジャポニカ学習帳がいい！何もないダサいのはイヤ！｣と言われた→これは小学生には”ダサい”のか...
カシシ 7/28西2ス36a @the_m_r_p 1年生に「ノートがそろそろ終わるから新しいの買っておいたよ〜」と無印のノート渡したらまさかの号泣😞「表紙にペンギンとか虫の写真があるノートがいい！ジャポニカ学習帳がいい！こんな何の絵も書かれてないダサいノートはイヤァァァ😭😭😭」って…。そうか…これは"ダサい"に分類されるのか…。 pic.twitter.com/VEjCyrPVVq
Vue3のStore（Pinia）のリアクティブ(reactive)の動きを確認してみた - Qiita
はじめに リアクティブに関してのPinia Storeの動きが、Vue3のComposition APIの中でどうなるのか？Options APIの時はどう実装すべきか？混乱してしまい、良く分からなくなってしまったので、自身の整理メモとして備忘録を残しておこうと思う。 試したパターンは以下。 storeのstateはプリミティブな値 Piniaを Composition API で実装 コンポーネント側もComposition API 番外編 コンポーネント側はOptions API Piniaを Options API で実装 コンポーネント側もOptions API 番外編 コンポーネント側はComposition API storeのstateはオブジェクト Piniaを Composition API で実装 コンポーネント側もComposition API 番外編 コンポーネント
有料ウェブマガジン「みやーんZZのRadio Days」に関するお詫びと廃刊のお知らせ
平素より「miyearnZZ Labo」をご愛読いただき、誠にありがとうございます。 2024年7月より創刊・配信を開始いたしました私のウェブマガジン「みやーんZZのRadio Days」におきまして、ラジオ各局様が制作された放送内容を無断で書き起こし、記事化して有料配信するという重大な過ちを犯しました。この行為が著作権侵害に該当し、多大なご迷惑をおかけしたことを真摯に受け止めております。 私の不注意と重大な判断ミスにより、ラジオ局関係者の皆様、読者の皆様、そして全ての関係者の方々に多大なるご迷惑をおかけしましたことを、心より深くお詫び申し上げます。 本件を受け、下記の対応を取らせていただきます： 1. 「みやーんZZのRadio Days」は即刻廃刊いたします。 2. 有料会員登録およびコンテンツをご購入いただいた方々には、お支払いいただいた金額を全額返金させていただきます。 3. ブロ
ユニクロの自動会計機で「なんで計算されるの？」という小学生男児の疑問に「うるさい」と怒鳴る母親と「うるさいとゲンコツだぞ」という父親がいた
MW岩井 @mwiwai ユニクロ系ショップの自動会計機。 「なんでここに入れると計算されるの？」という小学生男児の疑問に、「うるさい。金を払ってるんだから黙ってろ」と怒鳴る母親。 近くにいた父親も「うるさいとゲンコツだぞ」と警告。 彼の、理系への興味が絶たれないことを祈るばかり。 僕がRFIDのことを教えたい pic.twitter.com/cOj9PbrA9R MW岩井 @mwiwai 「ゲーメストEX」元編集長で、以前はゲーム雑誌や攻略本の編集。今はオタ向け書籍の企画・編集とゲームPR。 ＜直近実績＞ ●雑誌寄稿 BRUTUSゲーム特集 CGWORLD／パルワールド ●書籍企画・編集 岡田斗司夫ゼミのサイコパス人生相談 機動戦士ガンダム 宇宙世紀vs.現代科学 ●書籍寄稿 セガハードヒストリア beep-shop.com/column_entry/1…
一般人がイメージする激辛（ハバネロ）のスコヴィル値は10万位。タバスコが5万。今回のポテチに使われているのは100万←決して軽い気持ちで食べないで！
三幸貿易公式 @SANKO_TRADING (･～･ ).｡oO(一般の方がイメージする激辛のスコヴィル値は10万位です（ハバネロ）。 タバスコが5万。 今回のポテトチップスに使われているブート・ジョロキアは100万（現在はもっと上がっています） キャロライナ・リーパーは200万以上です（弊社販売品）。 決して軽い気持ちで食べないで下さい） pic.twitter.com/fp5g3HPPBS スコヴィル（スコビル）値とは トウガラシに含まれるカプサイシンという辛味物質の割合を測定したもので、正式にはスコヴィル辛味単位（Scoville heat units／通称：SHU）と呼ばれています。化学者ウィルバー=スコヴィル氏の名前が由来です。 ↓引用元 リンク macaroni [マカロニ] 激辛好きの基礎知識。辛さの単位「スコヴィル値」ってなんだ!? - macaroni 世界中の辛いもの好
多重下請けでは構造的にいいソフトウェアが作れない - きしだのHatena
多重下請けではエンジニアが育たないという話を前回のブログで引用していたのですが、そもそも多重下請けではまともなソフトウェアは開発できないんではないかという気持ちになりました。 多重下請けでは、上位受け会社の「SE」が「設計」を行い、下位受け会社の「PG」が実装を行うという役割分担があります。というか、今回の話はそういう役割分担がある多重下請けを前提とします。 そうすると、設計というのは会社間をまたがった契約文書であり、発注のための作業指示書であるということになります。ソフトウェア開発で本質的に必要な文書というよりは、ビジネス構造によって必要になったビジネス文書です。ちなみに派遣ではなく業務委託のはずなので詳細な作業指示になってはいけないのもポイントです。 ※余談ですが「設計は必要である」という人の話をきいてみると、必要なのは実装のための設計ではなく保守のためのドキュメントということがほとん
仮にコンピューターが無くなっても食っていける。課題解決のスキルは生き残るから。CTOを経験して得た大きな学びとは【前編】 - Findy Engineer Lab
「立場が人を育てる」という言葉があります。責任のある役割に就くことで、その立場にふさわしいスキルや知識、人間性が身に付くという意味です。人は重要な役割を任されると、事業やプロジェクトを成功させるために思考・行動し、問題解決能力やリーダーシップが養われます。チャレンジングな環境に身を置くことでひたむきに努力し、成長するのです。 さまざまな役割があるなかでも、開発組織をけん引するCTOのポジションは、業務の難易度の高さや責任の重さなどから、その成長の度合いも著しいものがあります。今回は前職でCTOを経験した、株式会社LayerXの新多真琴さんと篠塚史弥さん、星北斗さんに前編・後編に分けてインタビュー。前編ではCTOを担って得られた学びについて聞きました。 CTO経験者が数多く所属するLayerX ――今回インタビューに参加してくださったみなさんは前職でCTOを担われていますが、LayerXには
軍事研究家・小泉悠氏が「人の脳が戦場になる」解説 「信じない人」が狙われる＜認知戦インタビュー詳報＞：東京新聞 TOKYO Web
交流サイト（SNS）の浸透を背景に、戦争は、人々の考え方の主体となる「脳」を巡る争い「認知戦」に発展しつつある。「人の脳が戦場になる」とは、どういうことなのか。ロシア・旧ソ連諸国を専門とする軍事研究家で、安全保障問題に詳しい小泉悠・東京大学先端科学技術研究センター准教授（42）に聞いた。（聞き手・滝沢学） 認知戦 人の脳など「認知領域」を標的にした戦い。世論の誘導や敵対勢力の撹乱を狙う「情報戦」の一つ。マスメディアを通じたプロパガンダ（宣伝）の流布だけでなく、SNSなどで刺激的な情報発信を繰り返し、人の頭の中に直接働きかけて考え方を先鋭化させ、対立をあおって社会を弱体化させる。陸海空や宇宙、サイバー空間と並ぶ6番目の戦闘領域として「認知領域」が捉えられ、各国で研究が進む。日本では2022年の防衛白書で初めて「認知戦」の用語が登場した。
トロイの木馬化された「jQuery」がnpmやGitHubで拡散
海外のセキュリティ企業「Phylum」はトロイの木馬化された「jQuery」がnpmやGitHub、jsDelivr のCDNホストで拡散している事を指摘しました。 「jQuery」を悪用したサプライチェーン攻撃の概要 Phylumは 2024 年 5 月 26 日以来、トロイの木馬化された jQuery のバージョンを悪用する執拗なサプライ チェーン攻撃者を監視しており、最初に npm でこのjQuery を悪用する亜種を発見しました。 そこでは、1 か月にわたって数十のパッケージで侵害されたバージョンが公開されていました。 調査の結果、GitHubや、jsDelivr の CDN ホスト リソースでも、トロイの木馬化された jQuery のインスタンスを発見しました。 なお、今回解説されている内容は正規の「jQuery」へ今回のトロイの木馬が紛れ込んでいるのではなく、 悪意のあるユーザ
蓮舫さんと小池さんの笑い方（追記あり）
上沼恵美子の「蓮舫さんキツイもん」が批判されているけど、なぜそう受け取られやすいのか 微笑みの練習で表情筋のトレーニングをした自分から見た二人の表情の違いを書くね。 小池さんは「微笑む」、蓮舫さんは「微笑まない」。この点で、ずいぶん与える印象が違う。（石丸さんについては今回はパス） 蓮舫さんの笑い顔は口角を上げて歯を見せる笑い方で、筋肉でいうと口輪筋と頬骨筋で笑ってる。 咀嚼に使う筋肉で、表情筋の操作が女性に比べて下手な代わりに筋量のある男性がよくやる笑い方。 これは、力強さは感じさせるので味方を鼓舞するがそれ以外を安心させない。例：トランプ。 あと演説の際には聴衆には目が笑っている笑顔を見せていたが、テレビでは目が笑っていないことも多い。そのため、意識的な作り笑顔に見えかねない。 よく言われる「笑うという行為は本来攻撃的なものであり、獣が牙をむく行為が原点である」は科学的根拠は薄いが、
日本のSIerの技術力の低さの要因から考えるアメリカソフトウェアの強さ - きしだのHatena
この連休はなんだかSIerについて考えることが多かったのですが、そういうことを考えると、なぜアメリカのソフトウェアが強いのかがわかってきた気がします。 まず、もちろんSIerの技術力が低いといっても技術力が高いSIerもいるわけで、とくにこのブログを見てる人だと技術力の高い側にいる人が多いと思います。 けれども、DX白書2023によればSIerのIT人材というのは75万人いて、技術力の高い人はその一部で、多くは技術力の低い側にいるんじゃないでしょうか。 https://www.ipa.go.jp/publish/wp-dx/gmcbt8000000botk-att/000108046.pdf 2014年、ちょうど10年前に、プログラマはSIerと自社サービスで2分化するんではないかというブログを書いていますが、そのまま現実になった形です。 プログラマ業界の二分化 - きしだのHatena
会社上層部に丸一日マンマークで仕事を観察されて地獄だった。 - Everything you've ever Dreamed
会社上層部四天王に一日マンマークされて死にかけた。嫌な予感はしていた。「社員ひとりひとりが経営者意識を持ってほしい。皆さんとは待遇と立場が違うだけで目指す方向性は一緒です」と激ヤバ発言を繰り返していた会社上層部が、方針転換したのだろうね、先日の朝礼で「我々役員も立場と待遇の違いを越えてイチ社員の仕事をすることが大事」と根本的に間違った現場第一主義発言をしていたからだ。社員ひとりひとり経営者意識発言の時点でヤバかったのが、更にダウングレードされた感が凄かった。会社上層部四天王は、金融機関からの出向を経て取締役になっているため、ウチの業界（食品業界）のことを知らない。仕事もわからなければ、コネクションもない。プライドが高いので知ろうともしない。NAI・NAI・６０（６０代）なのである。 クソ現場第一主義の一環で、四天王四番目の男、通称四番（ヨンバン）が抜き打ちで僕に密着マークをすることになった
Spec Markdown
Renders Markdown with some additions into an HTML format commonly used for writing technical specification documents. Markdown additions include code syntax highlighting, edit annotations, and the definition of algorithms and grammar productions. Philosophy Spec Markdown is first and foremost Markdown. As such, it follows Markdown’s philosophy of intending to be as easy to read and easy to write a
tbsp - tree-based source-processing language
tbsp - tree-based source-processing language tbsp is an awk-like language that operates on tree-sitter syntax trees. to motivate the need for such a program, we could begin by writing a markdown-to-html converter using tbsp and tree-sitter-md [0]. we need some markdown to begin with: # 1 heading content of first paragraph ## 1.1 heading content of nested paragraph for future reference, this markdo
トランプ氏が副大統領候補にJ・D・バンス氏を指名 どんな人物？：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
徳川家康の最大の功績は「関東平野の魔改造」だと思ってる→「川の位置変えちゃうのすごい」「今の東京発展の基礎を作った」
釣りのエサなんて『タフグミ』でいいんだよ【グミで鯛を釣る】
Getting started with Vest | Vest