A Complete Guide to useEffect — overreacted
You wrote a few components with Hooks. Maybe even a small app. You’re mostly satisfied. You’re comfortable with the API and picked up a few tricks along the way. You even made some custom Hooks to extract repetitive logic (300 lines gone!) and showed it off to your colleagues. “Great job”, they said. But sometimes when you useEffect, the pieces don’t quite fit together. You have a nagging feeling
React as a UI Runtime
Most tutorials introduce React as a UI library. This makes sense because React is a UI library. That’s literally what the tagline says! I’ve written about the challenges of creating user interfaces before. But this post talks about React in a different way — more as a programming runtime. This post won’t teach you anything about creating user interfaces. But it might help you understand the React
松本人志さんの罪についての考察と提案反社会学講座ブログ
●まつもtoジャニー こんにちは、パオロ・マッツァリーノです。 ジャニー喜多川さんは、いい人でした。多くの芸能人を育て、テレビ界に貢献した功労者であり、育てられた芸能人にとっては恩人です。 でも、ジャニーさんは犯罪者だったのです。 24時間、つねに犯罪者でいる人などいません。犯罪者としての顔は、個人が持つ多くの顔のうちのひとつにすぎないのです。犯罪をしてるとき以外は、何食わぬ顔で暮らしてます。それはマジメな職業人の顔であったり、優しい父親・母親の顔だったり、情にあつい先輩の顔だったりします。 でも、そういう「いい人」が、犯罪者の顔も持ってたりするんです。 ジャニーズ問題から我々が学ばねばならないもっとも重要な教訓、それは、予断をもって犯罪告発の声を封じてはならない、ということです。 いい人は犯罪をするわけがない。社会的地位の高い人が犯罪者であるはずがない。無名の人間が犯罪を告発するのは売名
実機テストで分かった「Wi-Fi 7」の実力、制限付きでも驚異のスピード
Wi-Fiの次世代規格であるWi-Fi 7ことIEEE 802.11beは現在、2024年12月の規格制定を目指している。規格案（ドラフト）は既に公開されており、それに準拠したWi-Fi 7対応のWi-Fiルーター「Deco BE85」（ティーピーリンクジャパン）が2023年9月末に発売された。先日このDeco BE85を使用してWi-Fi 7接続時の速度テストをしたので、今回はその結果を紹介する。 ティーピーリンクジャパンの「Deco BE85」（実売価格は税込み7万500円程度）は、Wi-Fi 7に対応するWi-Fiルーター。2個パックもある（実売価格は税込み12万9300円程度）。今回は2個パックを利用してWi-Fi 7の速度を測定した 法規制があり国内ではまだフルスピードを出せない Wi-Fi 7はWi-Fi 6Eをベースに、通信の変調方式に4096-QAMを採用し、Wi-Fi 6
円はトルコ・リラやアルゼンチン・ペソと同じ部類、ドイツ銀が指摘
日本銀行の円買い介入が機能する可能性は低いと、ドイツ銀行の為替調査グローバルヘッド、ジョージ・サラベロス氏が指摘した。同氏は円を、新興国通貨で過去10年間のパフォーマンスが最も悪い２つの通貨と同列に置いた。 サラベロス氏は顧客向けリポートで、「利回りや対外収支といった円相場を動かしている要因を一見すると、円はトルコ・リラやアルゼンチン・ペソと同じ部類に属する」と指摘。「円を防衛する日本の介入は良くて無力、最悪の場合には状況を悪化させることになるだろう」と続けた。 国際的な投資家にとって、円は伝統的に安全資産としての地位を確立している。それを過去10年でドルに対して90％余り下落したリラとペソになぞらえるのは目を引く。円は世界で取引量が３番目に多い通貨であり、日本の経済規模は世界で４番目に大きい。 為替介入にスタンバイ、１ドル＝151円台で「背景に投機」-財務官 (3) サラベロス氏は、日本
吉川醸造株式会社への商標権侵害による提訴に関して – AFURI
吉川醸造株式会社（以下、「吉川醸造社」といいます。）からのリリースのとおり、今般、当社と吉川醸造社との間で商標権侵害に関する係争が生じていることは事実です。 当社は、２０１７年からアメリカで日本酒を提供してまいりましたが、新事業の一環として、日本国内で日本酒事業への進出を図っており、現に国内外数店舗において、下記の「ＡＦＵＲＩ」ブランドの日本酒の提供を開始しています。 当社は、この日本酒事業の進出のために、２０２０年に日本酒に関する「ＡＦＵＲＩ」の商標登録（登録番号第６２４５４０８号）を取得致しました。新事業への進出に際して、その分野であらかじめ商標登録を取得する行為は、必要なことです。 しかしながら、期せずして新型コロナ感染拡大により、新事業である日本酒事業への進出を一時的に中止せざるを得ない状況に追い込まれてしまいました。コロナ禍の状況がやわらぎ、新事業である日本酒事業を再開しようとし
朝日新聞スポーツ部記者による「バスケットボールWカップで空席が目立った問題の考察」がとてもわかりやすい
野村周平 @0919_nomu 空席問題について、たくさんの反応を頂きありがとうございます。FIBA（国際バスケットボール連盟）が本日中に今回の問題に対する声明を出すそうです。その内容を待っている段階です。なので、明確な理由は現時点で分かりません。ただ、複数の関係者に取材していくつかの問題点が浮かびました。 2023-08-26 19:48:42 リンク 「おっ！」でつながる地元密着のスポーツ応援メディア 西スポWEB OTTO! 完売のはずが目立つ空席･･･渡邊雄太が苦言「意味がわからなすぎる」SNSも紛糾「開催国として恥ずかしい」「選手に気持ちよくプレーさせて」「これはひどいな」【バスケットW杯】：「おっ！」でつながる地元密着のスポーツ応援メディア 西スポWEB OTTO! ◆FIBAバスケットボールワールドカップ2023、日本63―81ドイツ（25日、沖縄アリーナ） 初戦でドイツに6
小さな CL
小さな CL どうして小さな CL を書くのか？ 小さくシンプルな CL には以下のような利点があります。 速くレビューできる。レビュアーにとって、小さな CL をレビューするための 5 分間を数回確保するほうが、一度の大きな CL をレビューするための 30 分をまとめて確保するよりも容易です。 隅々までレビューできる。変更が大規模だとあっちこっちに詳細なコメントを大量に書かねばならず、レビュアーと作成者がストレスを感じやすくなります。ときには重要な点を見落としたり省略したりしてしまうこともあります。 バグが混入する可能性が減る。変更箇所が少なければ、開発者もレビュアーも CL の影響範囲が予測しやすく、バグが混入したかどうかを見分けやすくなります。 CL が却下されても無駄になる作業が少ない。巨大な CL を書いてからレビュアーに全体的な方向性が間違っていると言われると、多くの作業が無
最近の業務での AWS サーバーレス開発を振り返ってみた | DevelopersIO
AWS Lambda を使用した Web アプリケーションの開発プロジェクトで、バックエンド・フロントエンド・インフラを一貫して開発をしてきました。 改めてどのように開発をしていたのか、使った技術スタックや各サービスをどのように活用したかを整理したいと思い記事にしました。今後サーバーレス開発を行う際の技術選定の参考にしていただければ幸いです。 前提 Web アプリケーションです。 管理画面用の内部 Web API、外部のサービスと連携するための外部 Web API があります。 処理としてはリソースの CRUD がメインです。 管理画面は SPA で、バックエンドの Web API にリクエストします。 開発メンバーは 4 人ほどで、フロントエンドエンジニア、バックエンドエンジニアといった区分けはしていませんでした。 機能ごとにメンバー全員がバックエンドからフロントエンドまでを一気通貫で実
TypeScript 2.8 の Conditional Types について - Qiita
今日はTypeScript2.8で導入されたConditional typesについて書きます。 TypeScriptの型システムへの機能追加という意味では、keyofやMapped Types以来の変更と言ってよいでしょう。 お察しのとおり、こういう機能追加をぶち込んでくるのはAnders Hejlsberg御大です1。
Docker入門（第六回）〜Docker Compose〜 | さくらのナレッジ
ここで、wordpressコンテナのdocker runコマンドにある「--link」オプションは、docker-compose.ymlには出てきていませんね。docker-compose.ymlを使用すると、自動でDockerネットワークを作成するため、service名(mysql、wordpress)を使って自動で名前解決ができるようになっています。そのため、--linkオプションについては、docker-compose.ymlでは指定する必要はありません。 上記以外にも設定可能な項目は多数ありますので、「Compose file version 3 reference」を参照ください。 それでは、このdocker-compose.ymlを使用して、コンテナを起動してみましょう。コンテナの起動には以下のコマンドを実行してください。「-d」オプションはバックグラウンド起動のオプションです
[Pythonによる科学・技術計算]べき乗法による行列の固有値問題の数値解法，数値線形代数 - Qiita
はじめに 理・工系では量子力学や振動子系の問題で固有値問題を解くことが多いです。 べき乗法は，標準固有値問題 $$A\mathbf{u} = \lambda \mathbf{u}$$ の絶対値最大の固有値(優越固有値)を求めるアルゴリズムの一つです。** その辺の入門書を開くと最初に目に入ることが多いと思います。 固有値問題の初歩的な数値解法を学ぶうえでたいへん教育的な内容となっています。 本稿ではこの方法について考えていきます。 この方法はとても分かりやすいです。 計算手続き・ポイントは， 適当な初期推定固有ベクトル$u_0$を設定する。 $u_0$ にひたすらAを掛ける ($AAAAAA...\mathbf{u_0} = A^k\mathbf{u_0} \ (k-> ∞)$。 すると，方向ベクトルが一定ベクトル$\mathbf{u'}$に収束する。 多くの場合，その$\mathbf{
![[Pythonによる科学・技術計算]べき乗法による行列の固有値問題の数値解法，数値線形代数 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e3b2b01b54f44800f2902a63de841dccc2bee47/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUHl0aG9uJUUzJTgxJUFCJUUzJTgyJTg4JUUzJTgyJThCJUU3JUE3JTkxJUU1JUFEJUE2JUUzJTgzJUJCJUU2JThBJTgwJUU4JUExJTkzJUU4JUE4JTg4JUU3JUFFJTk3JTVEJUUzJTgxJUI5JUUzJTgxJThEJUU0JUI5JTk3JUU2JUIzJTk1JUUzJTgxJUFCJUUzJTgyJTg4JUUzJTgyJThCJUU4JUExJThDJUU1JTg4JTk3JUUzJTgxJUFFJUU1JTlCJUJBJUU2JTlDJTg5JUU1JTgwJUE0JUU1JTk1JThGJUU5JUExJThDJUUzJTgxJUFFJUU2JTk1JUIwJUU1JTgwJUE0JUU4JUE3JUEzJUU2JUIzJTk1JUVGJUJDJThDJUU2JTk1JUIwJUU1JTgwJUE0JUU3JUI3JTlBJUU1JUJEJUEyJUU0JUJCJUEzJUU2JTk1JUIwJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mNDE1NGFiOTE4ODM3ZWVlZTJmY2YzNDZlYjJlOGM3Yw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzY2lfSGFydSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDdjZDZmODdkMTZhNDQzMTc4MGU4YzdhZDkwYTFmZmY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D68ae6eb16796c1b4dd6ea51749de0994)
React + Material-UIで管理画面を作成してみた | DevelopersIO
Reactアプリを作成 Material-UIで管理画面を作るためのベースとなるReactアプリを作成します。 Create React App Create React Appで新しいReactアプリを作成します。 npx create-react-app react-material-ui-sample --typescript プロジェクトのディレクトリへ移動して実行します。 cd react-material-ui-sample npm start ブラウザにReactアプリが表示されます。 ディレクトリ構成 ディレクトリはあまりネストさせすぎずシンプルな構造にしました。コンポーネントの分け方はAtomic Designを参考にしています。 src/ ├ components/ │ └ atoms/ # 原子（個々のパーツ） │ └ molecules/ # 分子（原子の集合体）
データ取得: undefined | Next.js
Data Fetching Overview Examples WordPress Example (Demo) Blog Starter using markdown files (Demo) DatoCMS Example (Demo) TakeShape Example (Demo) Sanity Example (Demo) Prismic Example (Demo) Contentful Example (Demo) Strapi Example (Demo) Prepr Example (Demo) Agility CMS Example (Demo) Cosmic Example (Demo) ButterCMS Example (Demo) Storyblok Example (Demo) GraphCMS Example (Demo) Kontent Example (
【TypeScript】拡張メソッドの実装(基本型) - 開発覚書はてな版
概要 declare global + interface で追加したいメソッドを追加後、prototypeにメソッドを追加します。 拡張メソッドを利用したい場合は、importをすることで利用できます。 詳細についてはサンプルソースを確認。 ちなみに拡張メソッドは他の開発言語でもあります。 用途としては、型に依存した共通処理等を追加すると生産性があがります。 動作環境 TypeScript 2.7.x サンプルソース number.extensions.ts 拡張メソッドの定義側です。今回はnumberに拡張メソッドを追加します。 // TypeScriptファイル内でexportを利用していない場合は、export{};を定義 export {}; // 拡張メソッドの定義 declare global { interface Number { /** 3の倍数:Fizz, 5の倍数:
正真正銘のReactだけの不純物なしでReact入門
Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと…… Reactやるには、まずNode.js入れてbabel入れてreact入れてreact-router入れて、ついでにredux入れてreact-redux入れて、redux-saga入れて…… Reactめんどくせえ！！！ってのが正直なところだと思います。はい、私もそう思います。ただ、まあ、色々必要なのも事実なので……。 それでもやっぱり「ReactやるならReactだけやりたい。他はどうでもいい」という気持ちは簡単に捨てられるものではありません。そこで今回はそういう面倒全部
【裳華房】『専門課程 物理学実験（改訂版）』
専門課程 物理学実験（改訂版） Physics Laboratories for Advanced Students －2nd edition－ 日本大学教授 工博 高野良紀・ 日本大学教授 工博 浅井朋彦・ サスカチュワン大学 Ms.Sc. B. Zulkoskey 編 Ａ５判／392頁／定価4950円（本体4500円＋税10％）／2018年9月発行 ISBN 978-4-7853-2260-1 C3042 物理学科で学ぶ２年および３年次生を対象とした物理学実験の教科書の改訂版。 旧版の『専門課程 物理学実験』と同様の編集方針によって、実験で必要となる原理の説明をできるだけ平易になるように心掛け、学生が実験に対して興味をもてるように実験テーマにまつわる歴史的な出来事を盛り込みながら、実験で必要となる原理を丁寧に解説した。 また、実験において要となるような結果を図示することにより、実験の精
僕にとってReact Nativeは“つらい” DMMが負債脱却のために取り組んだSwift化
DMM meetupは、多種多様な生命が彩るジャングルのように毎回個性豊かなさまざまなテーマを題材に、共に学び、遊び、楽しめるイベントです。今回はオンラインサロン事業に焦点をあて、事業部メンバーが課題と取り組みについて話しました。大門弘明氏からは、React NativeからSwiftへの移行について発表がありました。 React Nativeの負債化でアプリのSwift化が決定 大門弘明氏：それでは「React Nativeで書かれたアプリをSwiftで書き直しています」の発表を始めます。 まずは自己紹介をします。名前は大門と申します。2014年に新卒で合同会社DMM.comに入社して、iOSエンジニアとしてオンラインサロン事業部でお仕事をしています。 本日お話しすることですが、つらい気持ちの話と、アプリ設計の紹介を少ししようと思っています。僕にとってReact Nativeはつらい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenAI Cookbook
Using the Compiler API · Microsoft/TypeScript Wiki · GitHub
