前提 本記事は保守性の高いReact hooksコードの指針を記述します。指針はtipsに近いものから原則に近いものまで雑多に含まれます。総じてReact hooksの標準的なAPIを上手く扱う方法が多めです。 これらは保守性の低いコードを反面教師とした私的な経験則に基づきます。（思い出し次第随時追加していきます） ご留意ください。 解消したい痛み 再現が困難な不具合の発生 容易に無限ループが発生しうる 不具合発生箇所の特定が手間 分岐が多くコードリーディングに手間がかかる 解消する手法 useEffectは１ページに１つ useEffectにdeps自動補完除外コメントを入れる stateはプリミティブにする propsにフラグがある場合はコンポーネントを分ける useEffectは１ページに１つ 悪例: ユーザーイベントの処理 const [foo, setFoo] = useStat

VTeacher所属のSatomiです。 ※ 本家Miroさんからコメントをいただいたので掲載します！ ミロジャパン高山です。本記事ではMiroについてご紹介頂き誠にありがとうございます。大変参考になります。もし本記事の趣旨にあっていればですが、以下の２つのテンプレートを日本語対応をしましたので、よろしければ、リンクを付与頂けますと嬉しいです。 スクラムボード：https://miro.com/ja/online-scrum-agile-tool/ マインドマップ：https://miro.com/ja/mind-map/ 或る日突然、「100万円のプロモーション予算がついたから急いで作って」と頼まれました。 ※ちなみにプロモーション予算（100万円）に人件費は含まれないそうです。 そして、偉い人から下の画像が送られてきました。 （「4月1日に夢を語る」という PR TIMES の企画だそ

会社がスポンサーをやってる関係で某軽量級の日本チャンピオンと会う機会があるんだけど めっちゃペラペラでチビ、ヤバい 強さをまったく感じない そりゃボクシングしたら俺よりは何十倍も強いんだろうけど でも、なんていうか見た感じだけなら「勝てそう」って思っちゃうもん 身長で20センチ近く、体重で30キロくらい違ったらさ 大学時代のチームメイトが今は社会人ラグビーをやっていてたまにその関係者と飲むけど あの辺の選手って一目見て「うおっ、ヤベーわ」ってなるもん 近所に取り組みのシーズンだけ使われる相撲部屋があって場所があるときは相撲取りを見かけるけど 「うぉーデケー、戦ったら死ぬ(確信)」ってなるし なんか、やっぱどんだけ強くてもチビはダメだなってなる 生命、物体としてのエネルギーが小さく感じるのは本能的に尊敬できない

タコピーの原罪 タイザン5 <完結済み>地球にハッピーを広めるため降り立ったハッピー星人タコピーは、笑わない少女しずかちゃんと出会う。どうやらその背景には学校のお友達とおうちの事情が関係しているようで…。無垢なタコピーが知るざらついた現実とは!?衝撃のヒューマンドラマ、ここに開幕！ [JC上下巻発売中]

※本記事はアフィリエイトプログラムによる収益を得ています バーチャル空間とアバターがあれば、人は「バーチャルセックス」ができるのか――。以前、VRを活用したバーチャルセックス体験について寄稿いただいた（関連記事）、VTuberの「バーチャル美少女ねむ」さんが、3月19日に初の単著『メタバース進化論――仮想現実の荒野に芽吹く「解放」と「創造」の新世界』（技術評論社）を上梓します。 『メタバース進化論――仮想現実の荒野に芽吹く「解放」と「創造」の新世界』（バーチャル美少女ねむ／技術評論社） 同書では、2017年からVTuberとして活動しているねむさん自ら、主にソーシャルVR（VRChatなど）に焦点を当てつつ、今話題の「メタバース」について解説。そもそもメタバースとは何なのか、メタバースは私たちにどんな世界や革新をもたらすのか。「メタバース恋愛」や「アイデンティティのコスプレ」「メタバース経

ジャンプ＋で話題のマンガ『タコピーの原罪』についてだ。 最初に言っておくと、あれだけ話題になるマンガを作り上げた作者はすごい。そしてそのマンガのファンを責めたいわけではない。 ただ、俺には本当に合わないし、「だったらnot for meでしょ」とか言い出すしたり顔のクソはてなとケンカしたいからこの文章を書いている。 つまり、「マンガの好みなんて人それぞれ」という前提のもと、それでも「そんな絶賛されるマンガじゃねえだろ」という嫌悪感を言語化し、同士を求めることで救われたい。 対戦よろしくお願いします。 表現したいものの気持ち悪さ俺はタコピーの1話を読んでキレたし、その後話題になる度に最新話を読んで、読む度にキレてる。 なんでキレてるかって、あのマンガで表現したいことが「おれが考えた最強の胸糞展開をお届け☆」だと思ったから。 「無知な宇宙人が人間の心を学ぶ」とか「不幸な主人公が異星人との交流で

キズナアイに関するご報告とお願い https://t.co/4YsBtyYxxK

TailwindCSSを始めようとしている人へ JSフレームワーク内でスタイルをどのように当てるべきかは,多く議論されるものであるが,そんな中でTailwindCSSが注目と人気を集めている様子である. それはそうと私はなかなか使うまで踏み出せなかったが,v3.0以降にようやく使ってみたので, 使い方をざっくり知りたい人 できることをざっくり知りたい人 TailwindCSSをエアプしたい人 に向けて個人的な所感と要点を書いていく. TailwindCSSをすごく簡単に classNameに特定のclassを指定することでStyleを当てていくCSSフレームワーク. 例えば,ここにあるように, bg-red-600とclassNameをつけることで,CSSのbackground-color: #dc2626;と同様のCSSプロパティを当てたことになる. 普段このように書くところを

蝉ばいと@手作りクッキーで喜ぶ夫 @hyh3d ロシアへのペナルティが「米国による制裁」より「グローバル企業による締め出し」のほうがすぐに効いてる上に対策が難しいってこれ冷静に考えると滅茶苦茶怖いな… 2022-03-01 18:46:29 リンク Newsweek日本版 iPhoneからジェット機まで ウクライナ侵攻めぐる各国企業による対ロシア制裁まとめ ロシアによるウクライナ侵攻をめぐり、各国の企業がリスク回避でのロシアでのビジネス... 3 users 250

input[type="file"] な要素を装飾する方法を検索したときに、次のような間違った label 要素の使い方を紹介する記事ばかりヒットするのが気になったので書きました。label 要素を使っても問題ない場合もありますが、間違った使い方をしている（しようとしている）人に届きやすいようにこのような表題にしています。 何が問題か 上記の方法は input 要素を display: none で非表示にし、label 要素を使ってヒット領域を拡大させて「ファイルを選択」ボタンを表現するという方法ですが、この方法ではフォーカスが当たりません。また、tabindex 属性に非負の値を設定しフォーカスを当てられるようにしても label は clickable な要素ではないので Space / Enter キーで click イベントを発火することができません。 どうするべきか butto

音楽が嫌いなわけでもないんだけど、その探し方が昔から全然わからない。 自分が音楽見つけるルートについて改めて考えてみたが、大体下記のような感じだ。 1. えげつないほど流行っているためなんだかんだで聞く 2. 店の中とかで流れてるものが気に入ったときに Shazam かける 3. CM の挿入歌 4. 見かねた友人がたまにいい感じの音楽をお勧めしてくれる 5. 上記のいずれかで見つけた気に入った音楽を同作者で検索 1. のえげつないほど流行っているというのは、本当に滅茶苦茶流行っているときにしか発動しない。 感覚的には youtube 再生回数が 3000 万回を超えたぐらいでようやく自分のアンテナに引っかかって聞くという感じだ。 2.~4. はほとんど受動的なものでやはり供給はすくない。 5. も同作者の中でしか検索しないので発展性がない。 ちなみにここ数カ月で新しく知って気に入った曲は

《hololive English 1st Concert -Connect the World-》、「CJPFアワード2024」プロジェクト部門準グランプリを受賞

カミナシでEM(エンジニアリングマネージャー)をしている宮本と申します。 カミナシには現在CTOがいません。 ただ、採用活動は進めておりますので、近い内に採用活動が花開くことを切に願っております。 本記事では、将来のCTOを迎えるにあたり、EMである私が直近半年で何を考え、どんな対応をしてきたかについてまとめました。 カミナシが求めるCTOとはCTOを採用したいという話が挙がった際、カミナシは具体的にどういった方をCTOとして迎えたいのか議論になった事があります。 ここでよく議論の分かれ目になるのが、実務者のTOPとしてのCTOか、経営者としてのCTOか、という2つの観点です。 当然、両方の性質を備えているのが望ましいのですが、究極的にどちらの要素しか満たさざるを得ない場合、どちらを選択すべきか関係者の認識を揃えておく必要があると思います。 結論、カミナシでは経営者としてのCTOを優先した

背景 スコープ Tailwind CSSとは？ コンポーネント指向とは？ Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現したい場合に強味を生かしづらい 他ライブラリやフレームワークとの比較 Bootstrapとの比較 Material UI/Vuetify等のUIライブラリとの比較 インライン記述との比較 まとめ 所感 参考 背景 こんにちは。mtaaaです。 社内のフロントエンド勉強会でTailwind CSSについて発表を行ったまとめとして、ブログに残したいと思います。 スコープ Tailwind CSSとは？ なぜTailwind CSSに注目が集ま

電機くん @denkikun_stepup 東京都内勤務/大学院卒/ ビジネス/電機メーカー勤務/設計•開発職/NISA/インデックス投資/就職/転職/恋愛/子育て/Amazonアソシエイト•プログラム参加中 note.com/denkikun_stepup 電機くん @denkikun_stepup 年収高い会社の方が人格者多いし、まともな人間が多い。極端に年収高い会社はそこから漏れることあるけども。平均年収700万円で職場の人間関係に悩んで500万円の会社に行けば仕事は楽になり人間関係もいいなんとのは幻想。むしろ酷くなる。 2022-02-04 19:47:40 電機くん @denkikun_stepup ある一定レベル以上の大学出た人たちが入る企業の方が職場環境いい可能性が高いのは自明。そこから漏れた人たちがくすぶっている会社は酷い環境になるのは分かりそうなものだけど今が辛い人は見落

元公立高校教員だよ！クソみたいな仕事だったからやめたったぜ！ 「オンライン授業進めろよ！」 →その仕組みを誰か作ってくれよ！誰が授業して誰が成績つけて誰が責任取るのかの仕組みから学校に高速ネット回線を繋ぐ予算の捻出にオンライン授業のやり方を覚えようとしない高齢教員の説得にオンライン授業そのもののクオリティの維持や授業に集中できない生徒の対応をどうするのか、現場で対応なんてこれ以上できないよ！教育委員会はそういう「あいてぃー」みたいなものは苦手や嫌いな人が多いからそこに期待するのは無理だよ！そもそもn＝1の感想だけど教員自体そういうの苦手な人が多いよ！なんでだろうね！ 「部活やめれ！」 →やめられるならやめたいけど、せーのでやめないといけないからやめるの難しいよ！それに運動嫌いなはてなーには信じ難いだろうけど、部活を生きがいにしている生徒もいるから即廃止は難しいよ！ 「氷河期の採用サボったツ

新春ツール入れ替えシリーズです。macOS における Spotlight 的なランチャーツールとして Alfred を長いこと使ってきたが、最近 Raycast を使ってみてこれがよかったので、以来ずっと使い続けている。 Raycast - Supercharged productivity 開発者のための便利ツールという売り文句のようで、そういう点がまさに気に入った。 カレンダーの次の予定が表示される まずこれがいい。これだけで十分使える。ランチャーを起動したときにカレンダーの次の予定を表示してくれる。Enter でそのまま Meet や Zoom を開いてくれるのでキーボードから手を離す必要がない。 もともとカレンダーの確認には Dato を使っていたし今も使ってるが、これでミーティングへのアクセスがかなりよくなった。 コミュニティベースの Store で機能を追加できる https:

元自民党衆院議員の河村建夫さん(81)、よりによって社名ロンダリング4回で怪しいIR連発中のクオンタムソリューションズの会長に就任へ 自社株を担保に借金しているENECHANGE(エネチェンジ)筆頭株主兼社長の城口洋平さん、粉飾決算疑惑による株価下落で追証を喰らい保有株の一部が強制決済される

0.1gの誤算 緑川裕宇 @0153_you ▪️日本1バズるV系バンド！！0.1gの誤算で作詞作曲企画考案ボーカル担当■Youtube &SNSフォロワー計34万人▪️洗足学園音楽大学卒 ▪️official Twitter @0153_official youtube.com/channel/UCNNI7…