So, you've got some code in React.useEffect and you want to know how to test it. This is a pretty common question. The answer is kinda anti-climatic and general. Here's how you think about testing anything: How does the user make that code run? Make your test do that. That's it. That's the secret. The trick is discovering what constitutes a "user." Your React components actually have 2 users: the

こんにちは😉 @ryokotmngです。 今日は社内ドキュメントの、Rust初心者向けのクックブックを公開しようと思います。 私自身コードを書くのに四苦八苦していた頃にとても助けられたので、Rustをはじめたばかりの方の参考になれば嬉しいです。 目次 [toc] はじめに この記事では、The Bookに記載されている知識を前提としています。 Rustを全く書いたことがない方は、先に読んでみることをお勧めします。 サンプルコードが結構長いこと、実行環境があった方が良い内容も多いことから、サンプルコードは大体Rust Playgroundのリンクとなっています。 ぜひご自身で修正して遊んでみてください。 単位つきの計算を型で厳格に縛る 例えば複数の長さの単位 (mm, cm, mなど) を扱う場合に、単位が合っていない長さ同士の計算をする場合、単位を揃える必要がありますね。 この時、最終的

プリズニーズは、山口県美祢市に5月13日に開校される日本初のPFI刑務所「美祢社会復帰促進センター」の刑務作業として、ソフトウェア開発を行える受刑者の育成と刑務作業としてのソフトウェア開発アウトソーシング業務を実施していくことを発表した。 プリズニーズは5月1日、山口県美祢市に5月13日に開校される日本初のPFI刑務所「美祢社会復帰促進センター」の刑務作業として、ソフトウェア開発を行える受刑者の育成と刑務作業としてのソフトウェア開発アウトソーシング業務を実施していくことを発表した。刑務作業としてのソフトウェア開発の実施は世界初。 開校に伴い同センターに収容される新居受刑者1000名から60名の女性受刑者を選抜し、4カ月間の職業訓練を通して開発に必要な基礎を養わせ、その後実際にプリズニーズのプロジェクトにアサインさせる計画。開発言語はRubyで、プリズニーズでは2007年8月以降から刑務所リ

俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサイズを意識して決める人が半数以上を占めていた。 アンケート結果を抜きにしても「2021 年のブレイクポイント決定版はこれだ！」的な記事がバズっているのを定期的に目撃し、主流のデバイスのサイズを比較するアプローチがほとんどであるが、僕はデバイスの端末のサイズを基準にブレイクポイントを決めることには否定的である。 主流のデバイスのサイズなんてものは時間が経てば変化する。 昨年 iPhone 12 が発表された時に従来の画面サイズとは違うバリエーションになることが分かるやいなやタイムラインが慌てふためい

『エルデンリング』DLC「SHADOW OF THE ERDTREE」最新アップデート配信開始。DLC最終ボスが弱体化

I am trying to filter a Vec<Vocabulary> where Vocabulary is a custom struct, which itself contains a struct VocabularyMetadata and a Vec<Word>: #[derive(Serialize, Deserialize)] pub struct Vocabulary { pub metadata: VocabularyMetadata, pub words: Vec<Word> } This is for handling a route in a web application, where the route looks like this: /word/<vocabulary_id>/<word_id>. Here is my current code

RustのCloneとCopyトレイトについての質問です。 配列の要素として、Stringのclone()を並べるとコンパイルが通ります。 let s = String::from("xxx"); let a = [s.clone(),s.clone(),]; ←これはOK 配列の初期化の書き方をすると、エラーになります(String型にCopyトレイトが実装されていないので)。 let s = String::from("xxx"); let a = [s;2]; ←これはNG clone()を並べる書き方が許されていて、初期化の書き方が許されていないのは、 何故なのでしょうか。同じように見えるのですが‥‥？ 実害はないのですがすごく気になり質問いたしました‥‥ X-( error[E0277]: the trait bound `std::string::String: std::ma

Loader Gallerycustomize and make your own unique loader!

2022年9月24日 CSS, JavaScript ページやコンテンツの読込中、何も表示されない真っ白な画面が延々と続くと、なんだか不安になりますよね。本当にこのページであってるのか…今何を待ってたんだっけ…なんて。ユーザーを不安にさせないためにも、読込中だと認識できるローディングアニメーションを取り入れてみるといいですね。 ↑私が10年以上利用している会計ソフト！ ローディングアニメーションの設置手順 こんな感じで、最初にローディングアニメーションを表示させ、ページを読み込んだらコンテンツを表示させるページを作ってみましょう。よく「CSSだけで実装できる！」なんてうたわれている場面もありますが、多くの場合アニメーション部分のみのおはなしで、実際にページの読み込みを認識させるには簡単なJavaScriptも必要です。 1. ローディング画面の用意 まずはコンテンツを用意しましょう。上部に

はじめに 完全に釣りタイトルです。Three.js などを使わずに生の WebGL で ▲ を描くというだけの話です。いわゆる WebGL の「Hello World」です。Vercel や Next.js とは一切関係ありません。 WebGL を詳細に解説しているサイトはいくつかあって、内容に関してはどれもすばらしいものです。ただ、何年も前のものなのでソースコードにまだ var が使われているものも多く、また独自関数で処理をまとめていることで、個人的には全体の流れが少しわかりにくくなっている気がします。さらに TypeScript を使っている日本語記事は見当たりませんでしたので、それらを補う形でまとめてみたいと思います。 なお、本記事では全体的な流れに焦点を当てているので、詳細な解説は下記サイトなどをご参考ください。 WebGLの基本 (日本語) wgld.org | WebGL (日

きっかけ Rust Programming Language Forumにこんな質問が出ていました。 構造体にStringを持たせられるようにStringを受け取りたいです。これを実現する方法はいくつかあります。 &str String T: Into<String> T: AsRef<str> 例: pub struct Person { name: String, } impl Person { pub fn new(name: WhatTypeHere) -> Person { Person { name: name.some_conversion() } } どれが一番Rustらしい書き方ですか？ 単純に構造体に文字列を持たせる方法はいくつかあるのですが、実はその実装方法によって文字列のコピーやアロケーションの回数が異なります。 ここでは、上記の4つの場合と、コメント欄で提案されて

回答 (9件中の1件目) 質問に間違いがありますね。 2000個のコアが入ったGPUなんかありません。企業の広報は違った(間違った)方法で計算して数字を大きく見せています。 Radion 6900XTの本当のコア数(DCU)は、5120個ではなく、40個です。こちらでダイの写真を確認でき、4*5のコアが2グループあります。 各コア(DCU)には32レーンのSIMDユニットが4つあり、各コアには並列に動作する32 bitの浮動小数点演算ユニット(FMA)が128個あり、チップ全体としては32 bitのFMAが5120個同時に動きます。 Zen2とZen3のCPUコアはどちらも256...

この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ

政府は新型コロナウイルスの感染拡大が続いていることを受け、所得税などの確定申告の期間を1カ月延長し、4月15日までにする。政府は昨年も同様の措置を講じた。2年連続で全国一律の延長を認めるのは初めて。政府は2日、緊急事態宣言の延長を決めた。これに伴い申告の準備が遅れる納税者にも配慮すべきだと判断した。所得税や贈与税、個人事業主が支払う消費税を対象とする方向で調整している。今年は当初、所得税であ

Tao of React - Software Design, Architecture & Best PracticesJanuary 18, 2021 • 25 minute read I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best practices on the micro level, most teams build their own “thing” when it comes to architecture. Of course, there isn’t a universal best practice tha

Ganesh Mani I'm a full-stack developer, Android application/game developer, and tech enthusiast who loves to work with current technologies in web, mobile, the IoT, machine learning, and data science. Editor’s note: This article was updated 27 September 2022 to include information about state patterns and anti-patterns in TypeScript, as well as to make general revisions to the article. Design patt

先日大阪に出張した際、耳に残る関西弁に出くわした。「知らんけど」だ。仕事相手にこれからの方針を尋ねたり、タクシーの運転手とうわさ話で盛り上がったりする中で何度も聞いた。生まれも育ちも関東人の筆者（私）は「結局知らないのかよ（汗）」と戸惑いを覚えたと同時に、このワードが使われると場の雰囲気がパッと明るくなるのを感じた。 ⇒【写真】駅内にも笑いを愛する関西人の気質がちらり。知らんけど お笑い芸人の「かまいたち」の冠番組でも題名に使われ、今やSNSの急上昇ワードにも出てくる「知らんけど」。一体どんな意味で使われているのか？ その謎を解明すべく、日本語研究者で大阪大教授の金水敏氏に話を聞いた。 関西出身の友人「僕らにはなくてはならないもの」　まず「知らんけど」を使った例文をいくつか出してみたい。 「菅野が巨人残留するようだけど、来季は藤浪が完全復活するから阪神がV奪還や！ 知らんけど」 （意味：今