はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <

TypeScriptではtype alias syntax（型エイリアス構文）とinterface declaration（インターフェース宣言）を使って型を定義できます。 おおよそ両者同じことができるので、どちらを使うか迷います。 両者の使い分けに関する記事は沢山あります。 これらの記事を読んで基本的にはtypeを使えば良いと思っていました。 ですが最近以下のことがあり、typeとinterfaceの使い分けがわからなくなってしまいました。 typeよりもinterfaceの方がコンパイルのパフォーマンスが良いという話を耳にした。 interfaceしか使えない特定の機能を知った。 そこでtypeとinterfaceの違いを学んで、どう使い分ければよいかを整理しました。 type, interfaceそれぞれのメリット typeのメリット interfaceで表現できないことが表現できる

まさに今、新生児(3人目)を抱えてる産婦だよ！ わかりやすくポイントがまとめられてて良い増田！個人的に気になったところ書くね！！ 産後は各種申請作業がアホほどあるよ！！出生届、児童手当、保険証、医療費助成制度、育児休業給付金などなど。生まれてから○日以内に提出しなくちゃいけない、手書きの書類、しかも役所に持っていかなくちゃいけないものばかりなので、ここは是非とも巻き取って欲しい。「役所に出してと言われたから出す」じゃなくて、ちゃんと内容把握して出産前から準備してくれ〜！産婦はそれ以外のところでも自分や赤ちゃんの産後健診で色々書類書かされていっぱいいっぱいだよ！産まれたタイミングによってはすぐに保活が必要な時もあるから、そこも把握しておいて欲しいな。家事は確かに炊事洗濯掃除が大きいところではあるのだけど、個人的にはタオルの交換や備品の補充などのいわゆる「名もなき家事」こそきちんとやって欲しい

はじめに 「Flat Config が何かはわかったからサンプルをくれ！」という方向けの記事です。 筆者が普段使用している eslint.config.js をご紹介します。 Flat Config については良記事がたくさんあるため ↓ などを参照してください。 今回ご紹介する設定は、React × TypeScript を使用し、フォーマットは Prettier に任せる前提になっています。 しかし、Vue やサーバー Node.js でも使いまわせる箇所は多いと思います。 eslint.config.js まずは結論から。 // @ts-check import { fixupConfigRules } from '@eslint/compat'; import { FlatCompat } from '@eslint/eslintrc'; import eslint from '@

仕事をしていると、だんだんと抽象度の高いことを任されるようになる。 たとえば、方針も明確な小さな修正タスク => 修正方法がいくつか考えられるタスク => そもそも何をやるかから明確にしないといけないタスク といった感じで次第にふわっとした依頼になってくる。いわゆるグレード制を採用している会社において、"どれだけ抽象度の高い仕事を任せられるか" がグレードの違いの要素のひとつと言ってもいい。 抽象度の高い仕事を安心して任せられる人は何が違うのか自分もよくわからないので、自分のまわりの人がどういう動きをしているかを雑にまとめてみる。 1. なぜやるかを明確にしている わからないときはドキュメントやチャットのやりとりを探し、直接聞いたほうがよい人には自分でコミュニケーションを取っている やる理由がないと判断したら依頼者に話をして、実際にやらないこともある あとで「自分はこう言われただけなので」

これはすごい。 何がって、カイロソフトの新作ゲーム『ドラえもんのどら焼き屋さん物語』だよ。 カイロソフトの連中フツーじゃねえぞ。ユーザーが死ぬまでプレイをやめさせる気がないんじゃないかってぐらい、作り込みが本気だ。 「夜通しプレイして気づけば朝」なんて生ぬるいモンじゃない。俺は無職だから、深夜にプレイを初めてしまうと気づけば翌日の昼になっている。勘弁してくれ。 まず次から次へと課される低難易度のタスク。こいつがやばい。クリア→報酬→クリア→報酬……を超短いスパンで繰り返させてくる。なめてかかると生活リズムが崩壊し、いずれ死ぬ。絶対にユーザーのドーパミンを途切れさせてやるものかという鉄の意志を感じる。 そして全編にわたってほとばしる強い“藤子・F・不二雄作品”へのこだわり。 2011年にリリースされ、アニメ『ドラえもん』のエンディングとしても使われた『F組あいうえお！』という歌がある。曲に合

都内のメンズ系美容院で働いてるんだけど、ネットでやたらに清潔感について盛んに議論されてるせいか、最近20〜30代の男客からそういうリクエストをされることがすごく多くなった。 ただ、そういった新規のお客を見てきて、髪を整えるだけでは、その人が望んでいるであろう清潔感が手に入ることはほぼないんだろうなと思ってしまった。 髪型や服装みたいな、分かりやすい何か一つを整えることで一発逆転を求めている人が多い印象だけど、それは正直ちょっと難しい。 男の清潔感を異性が求めることの良し悪しはそれぞれ意見があるので、自分の考えを尊重すれば良いとは思うんだが、自分で選んで「清潔感が欲しい」と願った人がまず何をすればいいのか、そのファーストステップを書き置こうと思う。 ※顔の美醜について触れると軸がブレそうなので、ここでは特に肌や髪を手入れをしたことがなく、服装にこだわりのない人のことを全て初期アバターと呼ぶ。

葬送のフリーレン 山田鐘人/アベツカサ 魔王を倒した勇者一行。 魔法使いフリーレンはエルフであり、他の３人と違う部分があります。 彼女が”後”の世界で生きること、感じることとは――

こんにちは、TATSUNORIです。 先日の記事に少し触れた自家感作性皮膚炎についてお話しようかと思います。 nbyt.hatenablog.com 2018年梅雨頃にブヨに29箇所噛まれてしまい、あまりの痒さに夜も眠れない日々が続いていました。 あまり聞き慣れない皮膚炎だと思いますが、痒さのレベルはアトピーの酷い症状とほぼ同じ…もしくはそれ以上と言われています。 自家感作性皮膚炎とは ※写真はイメージです。（画像 : 写真AC / photo-ac.com） 難治性の皮膚炎の疾患です。最大の特徴として激しい痒みが恒常的に訪れます。 貨幣状湿疹や結節性痒疹が原発疹となり自家感作性皮膚炎へ移行するパターンが多いです。 私の場合はブヨに噛まれた患部を掻き壊してしまい結節性痒疹になってしまいました。その結果、原発疹となり自家感作性皮膚炎となりました。 自家感作性皮膚炎とは文字通り、自分のアレルゲ

産後の恨みは一生とかなんとかというポストが荒れているので、ここぞとばかりに自分の体験を投下する。何かの参考になれば（特に妻の出産を控える夫よ）と思いつつ、実際は自己顕示欲を満たしたいだけなので好き放題書く。 さて、自分は約1年ほど前に妻が初産した夫の立場だ。 妊娠発覚妻フリーター、自分正社員。計画妊娠ではない。とりあえず安定期に入るまでは静観。心拍が確認できた（妊娠2ヶ月くらい？）段階で両両親に報告。 妊娠期間互いに仕事に余裕があり融通が効いたので、1,2ヶ月ごとの検診に必ず2人で通っていた。この時期のデートは専ら病院から始まる。医療の民に色々聞きながらぼちぼち出産準備を進めることに。 互いに実家から遠く離れたエリアに暮らしていたので、ゼロから2人で情報を調べ始めた。身内の経験者にソースをあたれないデメリットはありつつ、変にバイアスかからずよかったとも思う。実際自分の両親世代の情報は古いも

技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL はじめに 新たに書きました。 MySQLを使っても会社は潰れない 久々に記事を書いたのでどうぞお手柔らかに... 私が過去2年間で行った技術選定の成功と失敗を振り返り、その学びを共有したいと思います。 文才無いので淡々と箇条書きでいきます Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 注意 意見を押し付けるものではありません。ただ建設的な議論は大事だと思う。 自分の意見は明確に、歯切れのよい表現を意識している。人それぞれだよねみたいな感じに逃げたくない。技術選定に結論はある（過激）。 ただし技術選定にはコンテキストがあり、例えばプロダクトのフェーズや組織の事情によって当然結論は変わる可能性がある。 OSSの開発者さん達は偉大ですごい。あ

AI・機械学習チームのブログリレーも9日目になりました。同チームの横本@yokomotodです。 本日はJavaとGoを題材に並行プログラミングまわりの自由研究をしたお話をしてみたいと思います。 3部構成で、パート1では発端となった「排他制御」について、パート2では「メモリの可視化」について、それぞれJavaとGoを比べてみました。 最後にパート3では、それらの動作を規定する「メモリモデル」について、わかりやすく解説されているリソースを紹介します。 長過ぎる！ 3行で！！ パート1: synchronized = 「排他制御」？ Java synchronized vs Go sync.Mutex Goで再入可能なロック？ 仮にGoで再入可能なロックを実装するなら？ Javaが再入可能を選択した理由 パート2. sycnhronized = 「排他制御」＋「メモリ可視性の保証」 Javaの

ソート順の選択プルダウンがある一覧系ページを実装するとき、選択肢たちの管理方法に頭を悩ませることが多いと思います。 商品一覧ページの概要 ソート順プルダウンの選択肢たち 上の画像に示したような場合だと、 《クエリパラメータ》と《選択肢》の間の相互変換 ?sort=price&order=desc <--> 「価格が高い順」 《select の状態に使うための文字列》と《選択肢》の間の相互変換 <option value={id}>{label}</option> クエリパラメータが sort order の2つあり、それらをそのまま流用できないので 最低限でも、これらの変換ロジックを用意しておく必要がありますね。 この記事では、このような「選択肢と、それにまつわる変換ロジック群」を整理する方法を、高凝集・SSoT (Single Source of Truth; 信頼できる唯一の情報源)

子どもがおらず、ふたりとも働いていたので（もっとも最後の2年くらい夫は働けていなかったが）、なんとなく私たちは独立した個人で、ただ好きあっているので一緒にいるだけなのだとどこかで思っていた。一緒にいることもあれば、お互いの趣味や友人についてそこまで深入りすることもなく、それはとても理想的だと思っていた。 それがひとりぼっちになった途端、足もとかおぼつかなくなっている。私個人の外側に置いているとばかり思っていた夫は、ずいぶん私の中に入りこんでいたらしい。夫という一部を失った私は、自分の輪郭が分からなくなった。どうして毎朝起きるんだっけ。何で毎日食べるものを考えて作ってご飯を食べてるんだっけ。今、立っている場所が、地面が揺れている。何で仕事に行って、なんで休みの日に休むんだっけ。お金を稼いでも、休みがあっても何にもすることはないのに。なんで夫は死んで、私は生きているんだっけ。 確かにあった肉体

TypeScriptのコードでは、export {}; という記述を見かけることがあります。これはECMAScriptの構文ではあるものの、これが使われる背景にはTypeScript特有の事情があります。この記事では、export {}; がなぜ使われるのか、どのような効果があるのかを解説します。 export {}; とは この構文は、exportというキーワードから分かるように、モジュールに関連する構文です。 一般に、export { ... };という構文は、既存の変数をモジュールからエクスポートするために使われます。例えば、次のようなコードが考えられます。 const foo = 42; const bar = "hello"; const banana = "banana"; export { foo, bar as hello, banana as "🍌", }; 変数をエク

シネマ座 @TKH3D そういえばトルコって実は2年ほど前に英語表記がTurkey「ターキー」からTürkiye「トルキーヤ」に変更されたんですよね。今後はそう呼んでくれると嬉しいとトルコの友人が申しておりました。ホラントはネザーランドに、グルジアはジョージアに、キエフはキーヴに。意外と地名もアップデートが必要。 シネマ座 @TKH3D いろんな方が既に補足してくださっていますが、カタカナ表記はテュルキエになるようです。友人に教わった音そのまま書いちゃった。テュルキィーエって感じで最後伸ばした方が雰囲気近いと思うのだけど、カナ表記で音節まで表現できないのは仕方ないか。

こんにちは！　元イタリアン料理人、現役専業主夫料理人パパイズムです。 フライパン1つ、ひと口コンロでもできる手軽さで1人メシにぴったりの「ワンパンパスタ」。 www.hotpepper.jp www.hotpepper.jp 手間も洗い物も減らせるばかりか、具材とスパゲッティを一緒に煮込むことで、スパゲッティに含まれるでんぷんが溶け出してソースはとろりとなめらかになり、麺は具材のうま味をたっぷり吸いこんで美味しくなる、とメリットばかり！　僕も気に入っています。 今回ご紹介するのも、そのワンパンパスタのレシピ。以前好評だった「ワンパンペペロンチーノ」のレシピをアレンジした新作「ワンパンカレーパスタ」です。子どもも大人も大好きなカレー味とパスタのコラボは間違いない美味しさですよ。 パパイズムの「ひき肉と玉ねぎのワンパンカレーパスタ」 【材料】（1人分） スパゲッティ（1.6～1.7mm）　10

しまき🇺🇸 @readeigo カフェでカレーを食べたら思いの外美味しくて、外国の方と思われるサーバーさんに「とても美味しいです、すごい秘密があるんでしょうね」と、当然秘密を教えてもらうつもりなどはなく言ったら「SBゴールデンカレーに横浜亭カレーを入れて良いお肉とネギを使います」と答えてくれてしまって驚いた😇 しまき🇺🇸 @readeigo 今でも時々思い出しては笑ってしまう。企業秘密というのは、このような文化の違いや忖度のなさ、人の良さなどから漏れている事もけっこうあるのでは…と思ったりした😂 しまき🇺🇸 @readeigo 失顔症。片耳難聴。多誤字。底辺高→色々→🇺🇸某院卒。カリフォルニア州在住。アラサー女の世間話。アカウントはこれ一つのみです。他のアカウントは私ではありません。メンションでの突然のリクエストはすべてお断りします。開示請求は機嫌が悪い時にまとめてやり