mission09
エアコン冷房は、室内の暖かい空気中の「熱」を室内機で集め、「冷媒」というガスに乗せて室外機まで運び、屋外に追い出すことで部屋を涼しくしています。室内機と室外機の間で冷媒を循環させるために必要なのが、エアコンの心臓ともいわれる「圧縮機」です。圧縮機はエアコンの消費電力の約8割を占めており、エアコンの節電には、圧縮機にかかる負荷を抑える工夫が大切です。こうしたエアコンの仕組みが分かっていれば効果的な節電方法を意識しやすいかもしれませんが、多くの人がエアコンの仕組みを知っている訳ではありません。そのため、逆効果になりかねない運転をしてしまう人も多いようです。そこで、一般的に勘違いされやすいエアコン冷房に関する4つの「勘違い節電術」について調査隊が検証しました。
react-router 使う機能、使わない機能
最近久しぶりに React Router を使う機会があった。 SSR不要な要件だったのでNext.jsではなく Vite を選んだら、ルーターが必要となり React Router を選定した。 React Router は Remix との統合もある通り、もはやただのルーターではなく、fetch や form action までもサポートされている。 採用にあたって考えるのはどこまで React Router の機能を使うかだ。 自分は router が欲しくて入れるので fetcher や action は不要だ。 一方で React Router を FW と考えると FW の標準に乗るのは自然な発想にも思える。 今回、React Router の機能に寄せて開発してみて、この機能使う・この機能使わないという土地勘ができたのでメモをしておく。 router ルーターライブラリなので
自分のパフォーマンスを最大化し続ける方法 - igsr5 のブログ
こんにちは。個人パフォーマンスを安定させることが得意な @igsr5_ です。 最近何人かに何か工夫してることあるの？と聞かれたのでブログとして書き出してみようと思います。 はじめに 業務に慣れてくると、求められるアウトプットのレベルや量は上がっていきます。 しかし業務知識をいくら習得しても、働き方が非効率だとパフォーマンスは安定せず、上昇する期待値についていけません。 仕事の成果を増やしたり、残業を減らしてプライベート時間を充実させるためには自分のパフォーマンスを最大化し続ける必要があります。 4つの意識を持つ 自分のパフォーマンスを最大化し続けるためには、4つの意識を持ちましょう。 決して「余裕」を失わない 「よし、やるぞ！」と脳が勝手に思える習慣を持つ 仕事に「モヤモヤ」を持ちこまない 健康でなければ全ての工夫は無意味 重要なのはプロジェクトが佳境の時など、普段より忙しい時こそ4つの
Next.jsのエラー画面が簡単＆柔軟
Webアプリケーションの開発にかかせないエラー画面ですが、Next.jsでは簡単かつ柔軟に対応することができます。今回はそんなNext.jsのエラー画面表示の解説をします。また、ムーザルちゃんねるのYouTubeに解説した動画の公開もしています。動画ではより詳細に、記事では内容をすぐ把握できるよう簡易にしています。 Next.jsのエラーハンドリング挙動 Next.jsでは予期せぬエラー（例外）が発生したら自動でキャッチしてくれます。具体的に言うと、 error.tsx というエラーコンポーネントを配置すると、自動でそのコンポーネントがレンダリングされます。 例外があると、error.tsxが表示される ネストしたエラー表示 error.tsx はどこの階層にも配置することができます。そして複数 error.tsx がある場合、エラーが発生したページコンポーネントからディレクトリの上方向に
export {}; が使われるTypeScript特有の事情
TypeScriptのコードでは、export {}; という記述を見かけることがあります。これはECMAScriptの構文ではあるものの、これが使われる背景にはTypeScript特有の事情があります。この記事では、export {}; がなぜ使われるのか、どのような効果があるのかを解説します。 export {}; とは この構文は、exportというキーワードから分かるように、モジュールに関連する構文です。 一般に、export { ... };という構文は、既存の変数をモジュールからエクスポートするために使われます。例えば、次のようなコードが考えられます。 const foo = 42; const bar = "hello"; const banana = "banana"; export { foo, bar as hello, banana as "🍌", }; 変数をエク
ふとんばさみが脆すぎる
すぐバキッといく しかもプラスチック片がすっげー飛んでくる その上よく目に入る 「金属で作れ、金属で」と思ったらステンレスのやつあったけど たっかー！
次のAmazonレビューを確認してください: 【VGP 2024金賞】EarFun UA100 HiFi USB DAC ヘッドホンアンプ 32bit/768kHz DSD 512ハイレゾ対応/3.5mm 4.4mm ケーブル着脱式/Hi-Res認証/Type-C 対応/アルミニウム合金材質/スマートフォン/PC/ノートパソコン/タブレット/プレイヤー用
音質の良さ、解像感、音のヌケの良さ、こんな音があったんだと驚かされるそんな１品 これあればスマホでOK DAP要らないです マジで 他のレビュアーさんが音質などは細かく記載されているので、私はアプリの調整などをここに記載します。 EQ等はメインで再生されるプレイヤーで調整して頂いて、Shanling製EddictPlayerアプリではDAC自体の音量とゲインの調整をして下さい 私のXperia1ⅲの端末では音量100では鼓膜が破けるかと思ったぐらい大音量でした なのでDAC自体は80ぐらいの音量にしています ゲインはイヤホンで聞く場合はLOWで良いです ヘッドホンの場合はHIを選んで良いかと そしてこのアプリのミソとも言えるデジタルフィルターです Androidだけの機能かもしれません これどこ調べても出てこなかったのですが、SNS等探し回って発見したのでここに記載します Linear-
State of React 2023
React has been around for 11 years, which seems hard to even grasp when you look at the current pace of web development. The reason why we're still talking about React today is that it's somehow been able to keep up, always evolving to meet the challenges thrown at it by its users. In fact, not content with merely keeping up, React is even leading the way on new innovative patterns such as Server
【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】
はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると同一名称のファイルを開いているときには右側にディレクトリ名も表示されているのですが、薄い文字かつ、目線移動が必要で分かりづらいです。 この記事では、VSCodeの設定を変更することで、タブ表示名にディレクトリ名を含めて表示する方法を紹介します。 設定方法 VSCodeの設定ファイルsettings.jsonに以下の設定を追加します。 "workbench.editor.customLabels.patterns": { "**/index.*": "${dirname} .../${dirname(1)}", "**/{page,layout,template,route,actions,hooks,components,ut
価値が出るポイントまで一気に進めてから次のタスクに取り組む - $shibayu36->blog;
以前同僚から、いくつかのプロジェクトやタスクを持っているときにどう進めると良いかという質問を受けた。僕はその時、価値が出るポイントまで一気に進めてから次のタスクに取り組むようにしていると答えた。この話についてブログに言語化してみる。 良くない進め方の一例 たとえばプロジェクトA（自分の担当分工数10日）、プロジェクトB（自分の担当分工数20日）で、合計30日分のタスクを持っているとする。この時良くない進め方は、両方ともを完全に並列に少しずつ行って、30日後に終わるということだ。1 このやり方だと30日後にならないとプロジェクトAもBも結果が出ない。もしプロジェクトAのみに集中して終わらせれば少なくともプロジェクトAの結果は10日後に出るのに関わらずである。 このやり方がまずいのは当たり前に見えるのだが、気をつけないとやってしまいがちである。なぜなら少しずつ進めれば、他の関係メンバーに「自分
寝るときのエアコン『何℃』で『何時間』がベスト？大事なことは「脳をクールダウン」 目からウロコな“睡眠の正解”（MBSニュース） - Yahoo!ニュース
睡眠の目的は「疲労回復」だけではありません。実は「記憶の定着」や「脳の老廃物の排出」にも関わっています。睡眠時、一番休ませないといけないのはどこ？寝苦しい熱帯夜でのエアコンの使い方の正解は？睡眠の専門家である東京疲労・睡眠クリニックの梶本修身院長への取材などをもとに情報をまとめました。 【写真で見る】脳をクールダウンさせる「鼻呼吸」 寝ている間に「脳」を冷やして休ませよう まず、睡眠で一番休ませるべきところは、実は筋肉や臓器ではなく「脳」です。というのも、面積あたりの発熱量が体の中で一番多いのは脳だということです。また、自律神経の中枢があるということで、特に冷やして休ませることが“体を休ませる”ことにつながるのです。 夏でも冬でも、同じ距離を運動したときの体の疲れ具合は同じはずだということです。しかし、夏のほうが疲れを感じるのではないでしょうか。それは、汗をかいたという身体的な疲れではなく
AQUOSの純正付属充電器はなんでガラパゴス規格を採用してるのか、それはわからないユーザー向けである話
さんにゅ @3Nyu_sannyu ポストの経緯 ・リプを見るまでは、使いづらい形状の充電器にコストかけてるな。そこに力いれるよりもスペックとかUIとか他に力をいれないとシェア率の高いメーカーとの競争力はどんどん落ちるんじゃないかなと個人的に思ったのでつぶやいた。 良くなかった点 ・私がアダプタとケーブルが別体の物しか触れてこなかったので一体型でないとトラブルになる方が一定数いることをイメージできなかった。 ・鴻海の子会社だから国産って表現はすべきじゃなかった。 ・ドヤ文面だった。 反省。 dorompa @dorompa3 無知なユーザーが不適合のケーブルを使わないように付け替え不可にしつつ長さは丁度よくする。耐久性も高く、考え抜いて作られている。その分価格は上乗せ。 しかし、ユーザーには何も周知しないのでこういう風に書かれる。 そろそろ日本メーカーは職人が黙って良いものを作るスタイルを
日本地図で「これまで“気温37度以上”を観測した都道府県」を赤く塗ったら…… 唯一の“意外な空白県”に「マジかよ」「転勤したい」
過去に「気温37度以上を観測した都道府県」を着色した日本地図が、X（Twitter）で約7万3000件のいいねを集めるほど注目されています。暑いですもんね……。 平熱を上回る暑さ 話題になっているのは、飛行機や地理に関するネタを地図上に可視化しているいつかいちくん（@itsukaichi_engi）さんの投稿。地図は日本全体が赤に塗られており、どの都道府県も暑かったことがわかります。 真っ赤っか！ すべての都道府県が陥落かと思われる一方で、地図の左下に注目すると1カ所だけ白い場所が──。まさかの沖縄県……！ 暑さから逃げられない 沖縄県の南国イメージとのギャップに「沖縄裏山」「マジかよ」「沖縄すごくね？」などのコメントが寄せられています。 画像提供：いつかいちくん（@itsukaichi_engi）さん 【画像】沖縄うらやましい！ SNSの反応を見る advertisement 関連記事
結局 useEffect はいつ使えばいいのか
useEffectはReactの中でも扱いの難しいフックとして知られています。Reactで開発を行う中でuseEffectを検討するタイミングや適切な使い方について悩んだ経験のある方も多いのではないでしょうか。 本記事では、useEffectの目的を把握し、どのような場合にuseEffectの使用を検討すべきかについて考えていきたいと思います。 コンポーネントの純粋性と副作用 まずuseEffectについて考える前に、コンポーネントの純粋性について理解する必要があります。Reactにおいて純粋性は重要な概念の1つです。 前提として、Reactではすべてのコンポーネントが純関数あることを仮定しています。 Reactは、あなたが書くすべてのコンポーネントが純関数であると仮定しています。 参照：https://ja.react.dev/learn/keeping-components-pure#
ユーザーが迷わないトグルスイッチの使い方 | ベイジのUIラボ～業務システムとSaaSのUIを考える
トグルスイッチとは状態のON/OFFを切り替えるためのUIパーツです。選択肢が明確にわかり直感的に操作できるトグルスイッチは、ユーザビリティを高めるための重要な要素です。しかしそのシンプルさゆえに、不適切な使われ方をしているケースを見かけます。トグルスイッチの機能と適切な使用方法を理解し、ポイントをおさえて設計することが大切です。 トグルスイッチの定義 トグルスイッチはウェブページやアプリケーションのコンポーネントです。同時に選択できない2つのオプションからいずれかを選択し、現在の状態を視覚的に表します。ユーザーがトグルスイッチのON/OFFを切り替えれば、ボタンの操作結果やオプションの変更設定がすぐにシステムに反映されます。 一般的に「トグルボタン」や「トグルスイッチ」と呼ばれることが多く、Material Design（※1）では「スイッチ」、Human Interface Guide
涼しい超えて「もはや寒い」。ニトリのNクールシリーズは寝苦しい夜を越えるための、最強ひんやり寝具 #ソレドコ - ソレドコ
寝苦しくなる夏に備えて買っておきたいひんやり寝具、ニトリのNクールシリーズについて、その魅力をご紹介します。涼しさのレベルが「冷」「強冷」「極冷」の3種類に分かれており使用シーンに応じて選べるだけでなく、冷感素材とサラッとした触感のリバーシブルで使い勝手も抜群。夏向きの敷きパッドやブランケットを探している方は必見です。 著者：moe* 顔の良い人間が歌ったり踊ったりするコンテンツは大抵好きです。心の実家は宝塚歌劇団。特技はジャンルの反復横跳び。「推しは多ければ多いほど人生楽しい」派。 Twitter：@kj_bw03 ブログ：闘わなきゃLooser! ある日、応援しているVTuberさんの「買ってよかったものを紹介している動画」にめぐり会いました。 そこで紹介されていたのはニトリのNクールシリーズ。ひんやりとした感触が特徴の寝具シリーズで、動画では「もはや凍えるくらいに涼しい」と紹介されて
【日本最長】東京地下街 4050mの旅（東銀座～大手町）道中案内｜藤倉かずま
はじめに私たちの首都･東京の地面の下には巨大な街が広がっている。 中でも最大規模とされているのが、東京駅を中心に、北は大手町・南は銀座まで広がる長い地下街だ。複数の通路を連結しながら、その長さは4km超に及ぶらしい。 以前から興味があった「日本最長の地下街」であるが、今回都合よく時間ができたので、この機会に端から端まで歩いてみることにした。手軽に非日常体験を味わえるなかなか楽しい旅だったので、皆様もぜひ挑戦してみてほしい。 「日本最長」ルートはどこか日本最長の地下街はどこにあるのか。調べてみると、東京駅周辺に広がる4050mの地下通路（大手町(JAビル)～八重洲～東銀座）が日本最長である、というのがネット上の通説になっているようである。 恐らくは下の日経の記事が初出だと思うのだが、筆者は残念ながら日経電子版を契約していないので、どなたか見られる方がいれば確かめてみてほしい。 日本一長い地下
Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tsconfig.jsonの設定を見直そう！�フロントエンド向け 2024夏
道民はめっちゃバターサンド含む六花亭のお菓子を食べる。 ロイズも食う。 ..