こんにちは、stand.fm エンジニアの 外松(@toshi-toma)です。 stand.fmでは、Sentryをエラー監視に加えて、パフォーマンスの計測でも活用しています。 今回はSentryのPerformance Monitoringの活用方法について紹介します。特にReact Nativeやフロントエンド・クライアントの計測について扱います。 SentryでPerformance Monitoring SentryはアプリケーションのPerformance Monitoringを提供しています。 Web Vitalsや画面遷移、特定の操作完了までの時間などをSentryのダッシュボードで視覚的に確認したり、詳細な情報を見て分析することができます。エラーに関する情報は「Issues」タブを見てると思いますが、「Performance」タブから情報を確認できます。 既にSentry

3 行まとめ css mixin を使うことで、複数のコンポーネントで使い回せるスタイルヘルパを作成できるcsstype を使って、Typography, Space, Color などの型付き props を作ることができる基礎コンポーネントに型付き props を混ぜて受けられるようにし、mixin で受けてスタイリングさせることで、Chakra UI のような型安全なスタイル記述ができるようになる何がしたかったかこういう Chakra UI みたいな書き方がしたかったので、styled-components でやれるかを試したのが今回の記事の主題です。 export default function App() { return ( <VStack spacing={4} w="100vw" h="100vh" px={4} py={8} bgColor={palette.white

チラシやネットで格安物件を目にしたとき、ちょっとしたワクワク感を覚えると共に「どうしてこんなに安いんだろう？」と疑問に思ったことはないでしょうか。爆安の土地を見に行った経験を描いた漫画が、その疑問に答えてくれるかもしれません。 格安どころか爆安なのはなぜ……？ 駅近にもかかわらず爆安で販売されている土地を見つけた夫婦。案内してもらおうと物件の近くまで来ると、不動産屋さんが突然声を小さくして言いました。「この辺から声出すと苦情来るので、小声でお願いします」。普通に声すら出せない場所なのか……？ とはいえ実際の土地を見ても、爆安の理由はイマイチ分かりません。不動産屋さんに安さの理由を尋ねると、まず1つ目の理由は車が停められないこと。そして2つ目は「隣のおばちゃんがやばいのでこの価格です」。 おばちゃんは、不動産屋さんが除草剤をまこうとしたらフライパンを鳴らしてきたり、会社に怪文書を送りつけてく

初めまして。普段はTwitterやブログでラノベに関する情報を発信している者です。 この記事もブログに掲載するために書いたのですが、内容が少しセンシティブな内容となった為にこうして匿名かつnoteで公開させて頂きました。 粗製乱造と言われることも多いラノベ業界。似ている作品は多々ありますが、私は読んでいる中で完全なコピペ（盗作）を発見しました。 買って読んでいるうちにこの2冊は内容が同じだ、と思って検証したところ、黒だと確信しました。 二つのラノベが似ているというレベルではなく、キャラクターの名前をWordなどのソフトで置換しただけと言えるほどのコピペでした。 ページにして50枚分。自分が気付いた部分がその範囲なので実際にはもっとあるのかもしれません。 その件に関して、コピペした側の出版社に問い合わせをしてみることにしました。 2冊分の料金を払って実質的に1冊しか楽しめなかったというのは損