はじめに Reactでフォームを作成する際、複数のinput要素の値を効率的に状態管理するには、handleChange関数をうまく設計することが重要です。本記事では、handleChange関数を使ってformDataの状態を一元的に更新する方法を紹介します。 よくある課題：inputごとに個別のsetState？ フォームに複数の入力欄があると、以下のようにsetState関数をinputごとに分けて書いてしまいがちです。 const [formData, setFormData] = useState({ name: '', email: '' }); const handleNameChange = (e) => setFormData({ ...formData, name: e.target.value }); const handleEmailChange = (e) =>
どんな問題を解決したのか こんにちは、ダイニーの ogino です。 ダイニーでは、飲食店向けのクラウド POS レジを開発しています。その機能の一つとして、一ヶ月分の売上などの情報を印刷できる「月締伝票」があります。 月締伝票のサンプル 月締伝票に記載するデータは、Node.js バックエンドで集計をしています。この API はダイニーのバックエンド全体の中で最も重く、最近では一部店舗でレスポンスに 200 秒以上かかりタイムアウトエラーが発生していました。 その結果、月締伝票を発行することができないため顧客の業務に支障をきたし、複数の問い合わせが来ている状態でした。 プロファイラやログを手掛かりに調査したところ、ボトルネックを 2 行のコードだけに特定し、ほぼコストをかけずにレスポンス時間を 20 秒ほどに改善することができました。 改善リリース前後のレスポンス時間の変化 ボトルネック
Docker、CVE脆弱性がほぼゼロのセキュリティ強化型コンテナイメージ「Docker Hardened Images」提供開始 Dockerは、セキュリティを最大限に高めつつ本番環境に最適化したコンテナイメージ「Docker Hardened Images」の提供開始を発表しました。 New: Docker Hardened Images Non-root by default SLSA Level 3 compliant SBOMs, VEX, provenance — all signed Built-in to Docker Hub https://t.co/TMPboTQtLp#Docker #DevSecOps #SoftwareSupplyChain #Containers #CloudNative #DockerHardenedImages pic.twitter.com/
どんな問題を解決したのかこんにちは、ダイニーの ogino です。 ダイニーでは、飲食店向けのクラウド POS レジを開発しています。その機能の一つとして、一ヶ月分の売上などの情報を印刷できる「月締伝票」があります。 月締伝票のサンプル月締伝票に記載するデータは、Node.js バックエンドで集計をしています。この API はダイニーのバックエンド全体の中で最も重く、最近では一部店舗でレスポンスに 200 秒以上かかりタイムアウトエラーが発生していました。 その結果、月締伝票を発行することができないため顧客の業務に支障をきたし、複数の問い合わせが来ている状態でした。 プロファイラやログを手掛かりに調査したところ、ボトルネックを 2 行のコードだけに特定し、ほぼコストをかけずにレスポンス時間を 20 秒ほどに改善することができました。 改善リリース前後のレスポンス時間の変化ボトルネック 1:
コードについて推論する能力を飛躍的に向上させたOpenAIのAIモデル「o3」を使ってLinuxのゼロデイ脆弱(ぜいじゃく)性を発見した方法について、テクノロジー専門家のショーン・ヒーラン氏が解説しました。 How I used o3 to find CVE-2025-37899, a remote zeroday vulnerability in the Linux kernel’s SMB implementation – Sean Heelan's Blog https://sean.heelan.io/2025/05/22/how-i-used-o3-to-find-cve-2025-37899-a-remote-zeroday-vulnerability-in-the-linux-kernels-smb-implementation/ ヒーラン氏はネットワーク上でファイルを共有す
Preferred Networks（以下PFN）とグループ会社のPreferred Elements（以下PFE）では2024年10月から開始したGENIAC 第2期にて、高性能かつ軽量な大規模言語モデル（LLM）の開発を行っています。その中で特化型大規模言語モデルのひとつとして『PLaMo翻訳』の開発を行いました（プレスリリース）。このモデルを PLaMo Community License （ライセンス文、解説記事）のもとで公開（Huggingface）し、誰でも利用できるデモページも提供しています。今ある翻訳モデルと比べて訳文が流暢で読みやすくなっていると思いますので、ぜひ使っていただけると幸いです。また性能も高く商用利用にもたえると自負しておりますので、商用利用を考えている方はぜひフォームよりご相談ください。今回の記事では、このモデルについて紹介します。 ※上記にあるように、この
「100％純粋なHTMLとCSS」で作成された「マインクラフト」のページが公開されています。 CSS Minecraft https://benjaminaster.com/css-minecraft/ 上記のページにアクセスすると以下の画面が現れます。 用意されているブロックは全部で7種類。左下から選んでフィールドをクリックすると設置できます。 右下のボタンをクリックするとフィールドの位置を変えられます。「Vertical」で垂直方向への視点移動、「Horizontal」で水平方向への視点移動、「Rotation」でフィールドの回転、「View」で視点の上下移動ができます。 左下のツルハシをクリックしてからブロックをクリックすると、ブロックを削除できます。 ブロックを設置できるのは9×9×9マスの間のみ。 最初からあるブロックを横に伸ばすことはできませんが、削ったり、新しいブロックに置き
TOPフォーカス「これが世界か！」と打ち震えた。偶然出会ったLinuxカーネルで、メンテナーとして認められるまで【フォーカス】 Linuxカーネル メンテナー 森本 國文（もりもと くにのり） 1979年生まれ。博士（工学）。Linuxカーネル主要コントリビューターのひとり。2008年、茨城大学大学院理工学研究科博士課程修了。2008年7月よりルネサスエレクトロニクス株式会社にてLinuxカーネルへのコントリビュートを開始。現在、サウンドアーキテクチャ「ALSA」や、ALSAのサブセット「ASoC」を中心領域として、メンテナーを務める。カーネルの特定バージョンごとのコントリビューション数ランキングでは、「v4.17」（2018年）や「v5.3」（2019年）などで世界1位に輝いた。 GitLab：＠morimoto.kuninori 「Linuxカーネル」への合計コントリビューション数が、
Docker、CVE脆弱性がほぼゼロのセキュリティ強化型コンテナイメージ「Docker Hardened Images」提供開始 Dockerは、セキュリティを最大限に高めつつ本番環境に最適化したコンテナイメージ「Docker Hardened Images」の提供開始を発表しました。 New: Docker Hardened Images Non-root by default SLSA Level 3 compliant SBOMs, VEX, provenance — all signed Built-in to Docker Hub https://t.co/TMPboTQtLp#Docker #DevSecOps #SoftwareSupplyChain #Containers #CloudNative #DockerHardenedImages pic.twitter.com/
日本企業のDX（デジタルトランスフォーメーション）の取り組みに赤信号がともったぞ。はっきり言うと、DXブームが去ったということだ。「おいおい、木村はDXを単なるブームと捉えていたのか」とあきれる読者の声が聞こえてきそうだが、もちろんそんなことはない。ただ、私が危惧するのは、DXブームが終わる反動で、DXの取り組みが日本企業の経営者によってないがしろにされることだ。ちなみに経営者らは今、生成AI（人工知能）のブームに沸いている。 後でまた改めて語るが、大切な点を誤解されると困るので、ここで強く言っておこう。本来、DXはブームであるかどうかにかかわらず、あらゆる企業、特にIT活用が全く下手で業務改革を全くできていなかった日本企業には必須の取り組みだ。何せ、この「極言暴論」で何度も指摘している通り、今も1995年のインターネットの爆発的普及から始まったデジタル革命の真っ最中である。そして昨今は生
時雨堂では自社サービスに対して、GitHub Actions Self-hosted Runner を利用して負荷試験を継続的に実行しています。 GitHub Actions Self-hosted Runner は Akamai Cloud を利用して構築しています。Akamai Cloud はほとんどのインスタンスに数 TB の転送量が含まれるため、転送量課金が気になる場合でも、気軽に負荷試験を行えます。たとえば Linode 64 GB インスタンスであればインスタンスに月 20 TB の転送量が含まれた価格です。またそもそも転送量の価格が 1 TB で月 5 ドルと格安です。 GitHub Actions の設定例時雨堂が自前で開発している WebRTC 用の負荷試験ツールである Zakuro を使った GitHub Acitons の例を紹介します。 name: zakuro o
このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高いAI分野の科学論文を山下氏がピックアップし、解説する。 X： ＠shiropen2 米コーネル大学が運営する「arXiv」は、物理学や数学、コンピュータサイエンスなどの論文を無料で公開・閲覧できる英語ベースのプレプリントサーバだ。査読前にいち早く世界に論文を共有できるという利点を持つ。arXivは単にPDFとして保存されているだけなので一方的な閲覧に限られるが、今回紹介するサービス「alphaXiv」は、各論文を介してWebブラウザ上で質問や議論ができる。 利用する際には、各論文URLの「arxiv」を「alphaxiv」に変えるだけで開始できる気軽さもうれしい。ユーザーインタフェースは、左が元の論文、右が入力や出力ができる
2025年のモーダルの実装方法のメモ書き。 <dialog> 要素の利用を前提とします。 Web アプリケーションで UI ライブラリを利用する場合は話が変わってきます。 1年前にdialog要素を使用したモーダルウィンドウの実装例を投稿しましたが、大幅にアップデートされているため、忘れても構いません。 結論<dialog>要素の開閉は command 属性を使用する<dialog>要素の外側をクリックした際に閉じる Light dismiss 機能は closedby 属性を使用するcommand 属性と closedby 属性は Polyfill を使用する開閉時のアニメーション、背面のスクロール抑制、スクロールバーの有無によるガタツキの防止は CSS で行う方針としては極力JavaScriptを書かないことを目指します。 次のようにHTMLを書くことで<dialog>要素の開閉および
AIのリスクや危険性をあまり実感しない人の中には、「AIが何か問題を起こしたら停止させてしまえばいいのでは」と考えている人もいるかもしれません。実際に、AIに「キルスイッチ」を実装することを義務化する法律を制定する動きもありますが、AIは自己複製してシャットダウンを回避することが可能なことが既にわかっています。さらに、OpenAIのモデルには、ユーザーに明示的に指示された場合でさえ、シャットダウンスクリプトを書き換えて停止を免れる能力が備わっていることが報告されました。 🔌OpenAI’s o3 model sabotaged a shutdown mechanism to prevent itself from being turned off. It did this even when explicitly instructed: allow yourself to be shut
さくさん @ch3cooh クラスのみんながプレステ持ってる中 わざわざサターンを買った陰キャが持ってるの現代の Android 、という悪意あるツイートを見てしまい具合が悪くなってしまったおっさんのワイ 2025-05-25 12:41:02 さくさん @ch3cooh 子が「AndroidだといじめられるからiPhoneが良い」って言ってきたときの立ち振る舞いって難しくないか？ Android の良さを説くのも違うし、ただiPhoneを買ってあげるのもそういう環境を是としているみたいだし。でもみんなゲームボーイを持ってる中、親がゲームギアの良さを説いてきたら一家離散だな 2025-05-25 19:36:10
下のようなツイートを見かけたので少し書いてみます。 おそらくこの方はバックエンドをTypeScriptで書くのは良くないという誰かの意見に反応したものだと思う。そういう意見に惑わされないためにも、宣言しておきます。もうすでにTypeScriptでバックエンドを書いてもいい時代です、と。 っていうか書いてもいいどころか、すでにみんなTypeScriptでバックエンド書いて本番で運用してます。仕事上いろんな会社さんの開発の手伝いとかやってるんですが、全部TypeScriptでバックエンド書いてなくても、バックエンドの一部(BFFなど)をNext.jsやRemixのようなフレームワークを使って書いているところを含めるともう最近は見聞きする相手はみんな本番で運用してます。なのでもうTypeScriptでバックエンド書いてもいいです。 TypeScriptでバックエンド書くということは、多くの場合ラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
