Reactのコンポーネント周りの用語を整理する
React のコンポーネント周りの用語ってごっちゃごちゃになった経験はありませんか? 友人と話すときなどはなんとなくのニュアンスで伝わるので気にしていなかったのですが、型注釈つけるときやコードリーディングするときに言葉の定義がわからなくなって何回も調べるといったことをよくやるのでこれを機に整理しようと思います。 本記事では JSX 以外にも createElement 記法の知識も要するので、自信がない方は公式やどうして JSX を使ってもエラーにならないのか？をご覧ください。 ここでは React のドキュメント JSX Elements Components TypeScript の型定義 JSX.Element ReactElement DetailedReactHTMLElement DOMElement FunctionComponent Component ReactNode
藤井聡太二冠「自作PC」の値段にパソコンマニアもびっくり（NEWS ポストセブン） - Yahoo!ニュース
「大学などの研究機関や、動画編集を業務とする企業が使うようなパーツです。一般の家電量販店ではまず取り扱っておらず、ウチのような専門店じゃないと手に入らない。ましてや藤井（聡太、18）さんのように将棋ソフトのために購入した人は見たことがない」 将棋界で快進撃を続ける藤井二冠は棋譜の分析のためのパソコンを自作することで知られているが、9月10日付の中日新聞に掲載されたインタビューで、〈最新のはCPUに「ライゼンスレッドリッパー3990X」を使っています〉と明かした。 CPUはコンピュータの頭脳にあたるパーツだが、藤井二冠が名前を挙げたのは今年2月に発売された最新モデルで、お値段なんと約50万円。通常の家庭用パソコンのCPUであれば価格は2万～3万円程度である。 この高級品が「将棋の分析に最適」と評するのは、今年の世界コンピュータ将棋選手権で優勝した将棋AI「水匠」の開発者である杉村達也氏だ。
ITエンジニアがおすすめする仕事用リュックまとめ
リンク 「TIMBUK2（ティンバックツー）」日本公式サイト 「TIMBUK2（ティンバックツー）」日本公式サイト 人気の「クラシックメッセンジャー」などのメッセンジャーバッグやカメラバッグ等。 24 users 2104 片山 暁雄 @c9katayama モンベルどうでしょうか？PC入れと傘入れが独立してて、フロントジッパーは防滴加工してあります。安くて軽い、MacBook 16inch入るので愛用してます。 webshop.montbell.jp/goods/disp.php… twitter.com/mana_cat/statu… 2020-09-20 20:49:40 リンク モンベルウェブサイト 【モンベル】ユティリティー デイパック 25 「背負う」「持つ」の2通りの使い方ができる、通勤から泊まりの出張にも対応したサイズのビジネスバッグです。フレームを内蔵し、重い荷物を収納し
React17におけるuseEffectの破壊的変更を理解する
しばらく前、React 17 RCが発表されました。現行のReact 16に比べて、いくつかの破壊的変更がある一方、新機能が何もないというのが特徴です。Reactチームとしては、新機能が無いとはいえ、破壊的変更も少なくなっておりなるべく16から17へのアップデートを行なってほしいという考えのようです。 この記事では、React 17における破壊的変更のうち、useEffectのクリーンアップのタイミングに関する変更を取り上げます（以下は公式サイトから引用）。 In React 17, the effect cleanup function also runs asynchronously — for example, if the component is unmounting, the cleanup will run after the screen has been updated.
冷凍ご飯の解凍が「超楽になる」ライフハックが話題に → 試してみたら効果は歴然だった
ごはんを冷凍する際、ちょっと一工夫するだけで解凍の手間が劇的に減るテクニックが、Twitterで話題を集めています。 その工夫とは、炊いたご飯を中心に穴を開けたドーナツ状にしてラップの上に置き、そのままなるべく薄くして包むというもの。Twitterに投稿したのは、現役シェフでフードコディネーター、料理研究家としても活動する麦ライス（@HG7654321）さん。たったこれだけで「解凍が超楽になる」とされています。 なんとなく「ドーナツの中心が抜けているのと同じ理屈なんだろうな」という予想はつくのですが、しかしそこまで違うものなのか……。というわけで早速実験してみました。 まずは普通にご飯を炊いて…… リング状に盛ります その後ラップを折り返してご飯を包みます ちゃんと薄くなるよう、上から軽く押さえました 比較対象として、大体同じくらいの量のご飯を普通にラップに包んだものも用意。粗熱がとれたら
node.js のメトリクスの計測、ベンチマークの改善、Docker イメージの絞り方を勉強した
フロントエンドのパフォーマンス計測は得意なのだが、サーバーサイド node.js のメトリクスの取り方はあまり知らなくて、いつも勘でやりがちだった。最近は業務でこの周辺で困ることが増えたので、勉強しなおした。 また、最近使ってみたかった cloudflare workers の制限で、メモリ 128MB、CPU 時間 50ms という制約があり、このためにも Node.js の CPU のメトリクスを計測できるようになっておく必要があった。 という目的を踏まえて、今回は OS やデータベースの最適化は扱わず、ネットワークとアプリケーション層だけに絞って学習した。あと仕事の Docker イメージのサイズにも悩んでたので、ここも。 (あと ISUCON 参加者が楽しそうだったのもある。 ISUCON のチューニング対象にフロントエンドは含まれないので…) 計測対象 今回実験したリポジトリはこ
スクリプト言語を舐めてはいけない｜shi3z｜note
おれはハッカーだ。 なので、ハッカーではない人種と呑むのが苦手である。 たとえば「ITエンジニア」と自称するような人たちだ。 当然だが、ITエンジニアと自称する人はハッカーではない。 ITエンジニアと言う言葉はスコープが広すぎていちいち細かい説明を聞かなければならない。 これが厄介なところである。 あるとき、友達の家で飲み会をすると言われ、誰が来るの？と聞いたら知らないIT関連会社のエンジニアたちだという。 エンジニアと呑むと喧嘩しちゃうので断ったのだが、いろいろあっていくことになってしまった。 するとやっぱりこんなはなしをしていた。 「やっぱ私もRubyみたいなスクリプト言語なんか卒業してコンパイル言語やんなきゃ。処理速度がね…」 「コンパイル言語って？」 「TypeScriptとかJavaとかC＃とか」 「それ、中間コード言語じゃねえか。なんの意味があるんだ。YARV知らないのか」 ま
フルスタックエンジニアになるためのモダンな8つのプロジェクト - Qiita
こんにちは、たかとーです。 今日は8 Projects with modern designs to become a Full-stack Master 2020の日本語訳記事です！ *当記事は、Thuさんの許可を得て翻訳しています。 ブログでも読めます！ 8 Projects with modern designs to become a Full-stack Master 自分のスキルを磨くためのプロジェクトを探していますか？新しいアイデアを思いつくのに行き詰っていませんか？ 開発者として、私たちはコードを書くのが大好きですが、デザインやアイデアを見つけるのが難しいことがあります。 こんにちは、Thuです。ここ数ヶ月、私はデザインや要件を含む8つの実在するプロジェクトの作成に取り組んできました。 私は、あなたがスーパースターなフルスタックデベロッパーになるために必要な全てのスキルを鍛
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「下手だなあカイジくん…！技術的負債の返済の仕方が下手…！」 ちゃんとシステムを構築しないと後で多く利子を払うことになる
あなたの知らない連絡先の世界