2月24日に、Anthropicは、新しいAIモデルのClaude 3.7 Sonnetを発表しました。Claude 3.7は、直感的な即時応答と詳細な推論を1つのモデルで実現するハイブリッド推論型のAIモデルです。 数日間Claude 3.7を使ってみたところ、簡単な指示だけで高品質な図表を作成できることに驚きました。そこで今回は、Claude 3.7を使って図表を作成する際のポイントを紹介します。 １．Claude 3.7の概要と特徴Anthropicが2025年2月にリリースした最新言語モデル「Claude 3.7 Sonnet」は、ハイブリッド推論モデルを採用した汎用AIとして注目を集めています。従来モデルを大幅に上回る推論能力と柔軟な運用性を特徴とし、特にソフトウェア開発分野で顕著な進化を見せています。 コア技術の革新 ハイブリッド推論アーキテクチャ ・Standardモード:
パンダとおくだが、Web業界の当たり前を「これって本当にそうだっけ？」と問い直すラジオを配信しています はじめに 昨年末にこんなツイートをしたら、ちょっとバズってしまいました。 https://x.com/Panda_Program/status/1864333831886786971 色々コメントを頂くことで考えを深めてブログを書きますと言っていて、まだ着手していなかったのでざっと書くことにします。ただ、今日はクリーンアーキテクチャが対象です。 簡単に自己紹介をすると、私は現職でフルスタックエンジニアをしています。また、「バックエンドのためのフロントエンド入門」 というテーマで登壇をしたり、自分のエンジニア人生を変えた書籍リストにクリーンアーキテクチャを挙げており、TypeScript でクリーンアーキテクチャを実践する という記事では Web からでも CLI からでも動かせるアプリケ
ここがつらいよ分散SQLデータベース Yoshitaka Koitabashi Sr. Solution Architect PingCAP株式会社 ハッシュタグ：#jawsdays2025 #jawsug #jawsdays2025_e 自己紹介 ハッシュタグ：#jawsdays2025 #jawsug #jawsdays2025_e Yoshitaka KOITABASHI PingCAP株式会社 Sr. Solution Architect 💙 Database / Serverless / Container ● PingCAPとは？ ● 分散型SQLデータベース ● TiDBの裏側 (アーキテクチャ/MVCC/分散トランザクション/Raft/ etc...) ● 実際の運用現場で直面する課題 ハッシュタグ：#jawsdays2025 #jawsug #jawsdays2025_
補足: 2025/02/25 本記事でほとんど紹介されなかった「Stateパターン」を含めて再構成した記事を公開しましたので、今後は下記の記事をご覧ください。 kosui.me 補足: 2025/02/21 クラスベースでも、Stateパターンを適用し、StateをDiscriminated Unionとして表現することで今回の問題を解決できます。つまり、クラスを利用することに問題があるわけではありません。この記事では、TypeScriptではあえてクラスを利用しなくても状態遷移を表現できることを紹介します。記事を一部修正し、Stateパターンをクラスによって実現する方法を追記しています。 背景 サーバサイド実装での状態管理の重要性 サーバサイドのビジネスロジックでは、エンティティ（注文、決済、在庫、タクシー配車リクエストなど）が複数の状態を行き来しながら進行します。 たとえば、タクシー配
2025年のReact状態管理、正直どれがいいの？ - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説ReactreduxjotaizustandTanStackQuery 「Redux使ってるけど、もっと軽いの無いのかな...」 「Recoilって今でも現役なの？」 「ZustandとJotai、どっちがいいんだろう...」 Reactの状態管理ライブラリ、みなさんも選択に悩んだことありませんか？確かに2025年の今、選択肢の多さに頭を抱えてしまいますよね。Redux、Zustand、Jotai、Recoil、Valtio、XState、TanStack Query...それぞれに「これがウリ！」というポイントがあって、どれを選べばいいのか正直迷っちゃいます。 特にReact 18の登場で状況が更
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、Watanabe Jin(@Sictu_study)です。 2025年に入ってReact界隈に衝撃が走りました。これまでメンテナンスが全然されていなかった状態管理ライブラリ『Recoil』のプロジェクトが凍結されました。 2023年にMeta社のレイオフをきっかけにメンテナンスが半年以上されなくなっていたところに、React19が登場して対応できなくなった結果完全にRecoilはなくなりました。 Recoilは使いやすくMeta社が開発していたこともあり多くのプロジェクトで採用されていたため、代替に乗り換える必要が
はじめに State of React Native 2024 が公開されました🎉 2024年12月9日〜2025年1月8日の約1か月間にわたり、3,501人の開発者の声が集まりました。このレポートを読み最新のトレンド、技術的な進化、そして今後の展望を独断と偏見も含めてまとめてみました。 アプリ開発の選択肢として 「React Native、アリかも？」 と思ってもらえたら嬉しいです🙇♂️ 個人的熱々ポイント🔥 Expoの世界観 最も大きな変化の一つが Expo の台頭です。Expoは、React Native開発を簡単にするためのツールセットで、現在では約8割の開発者がExpo CLIを利用しています。 さらに、React Native公式も 「Expoなどのフレームワーク利用が新規プロジェクトの推奨手法」 と明言するまでになりました。 Expoが提供する EAS（Expo Ap
こんにちは、アーキテクト室の岩永です。 ヘンリーでは去年からプロダクトのフルリニューアルを進めており、その一環としてフロントエンド開発に MobX を導入しました。 当初は複雑なUIの実装を整理するための View Model として限定的に使い始めましたが、その有用性から徐々に使用範囲を広げ、現在では新規開発のほぼ全てで MobX を活用しています。 本記事では、MobX の採用に至った経緯や、実際の運用を通じて得られた知見を共有します。 特に以下のポイントについて詳しく説明していきます。 MobX の特徴と基本的な使い方 フルリニューアルにおける MobX 採用の背景 段階的な導入プロセスと直面した課題 Domain Model への MobX の活用と今後の展望 フロントエンド開発における状態管理の選択に悩まれている方や、複雑なドメインのプロダクトを作っている方、大規模なリニューアル
クリーンアーキテクチャを慌てて覚えた話。
まえがき どこいっても、クリーンアーキテクチャの話は割とでてきます。私は自作フレームワークを幾度も考えて作っているので、思想とか設計は割と言葉の違い程度でわかっていると思っていました。しかし、ちょっと私の思想と違ったので、勉強してよかった。 問題点 文章で覚えるとキツい そう、AIに聞いても文面だけだとピンとこない。ほんとはクイズ形式でだされるといい気がするけど、誰が作るんだって話。 呼び名、細分化が会社、PJT毎異なる ここら辺はPJT毎名称を確認するか、コードみて判断することになる。 大きく分けて4層 覚え方：タイムライン 時系列で処理されるものなので、時系列で名称を覚えます。 です。 インターフェースアダプタ層（コントローラー層、ハンドラー層、フレームワーク層と言ったり） 1-1. MVCのController、Presenter、Gateway 1-2. フレームワークのコア、中心
米Appleは2月10日（現地時間）、一連の主なOSのアップデートを配信したと発表した。本稿では「iOS 18.3.1」と「iPadOS 18.3.1」の更新内容を紹介する。このアップデートには「重要なバグ修正とセキュリティアップデートが含まれる」としている。 アップデートは「設定」→「一般」→「ソフトウェアアップデート」から行える。 対処する脆弱性「CVE-2025-24200」は、物理的な攻撃により、ロックされた端末のUSB制限モードが無効になる可能性があるというもので、この問題が特定の個人を標的とした非常に高度な攻撃に悪用された可能性があるとしている。アップデートで状態管理を改善することで、問題は解決される。 対象となるモデルは、iPhone XS以降、iPad Pro 13インチ、iPad Pro 12.9インチ第3世代以降、iPad Pro 11インチ第1世代以降、iPad Ai
以下では、React19の背景や最新機能をざっと整理しながら、自分の備忘録としてもまとめてみました。 はじめに： 進化するウェブ開発のニーズ 👀 ここ数年、Webアプリ開発は以下のようなポイントを強く意識して作るケースが増えているように思います。 初回ロードの速さ： 初回ロードから画面にコンテンツが表示されるまでの時間をいかに短くできるか。ユーザーが「待ち疲れ」しないようにする工夫が重要。 インタラクティブ性： アプリの規模が大きくなるほど、状態管理やリアルタイム更新が複雑になりがち。サクサク動くUIとストレスのない操作感を実現するのがポイント。 SEO対応： SPAでも検索エンジンにしっかりインデックスされるように、SSRやSSGの導入が一般的になりつつある。 ネットワークがよろしくない環境への対応： オフラインや低速回線でも、ユーザーを過度に待たせないためのキャッシュやロード分割など
スライド概要 DeNA TechCon 2025 DeNA Tech Community Lightning Talks Speaker #8 DeNAでは、言語や技術領域を軸とした、技術コミュニティ活動が活発に行われています。このセッションは各技術コミュニティに所属するエンジニアが各言語・技術領域に関するLightning Talk セッションを行います。 ◆ チャンネル登録はこちら↓ https://www.youtube.com/c/denatech?sub_confirmation=1 ◆ X(旧Twitter) https://x.com/denaxtech ◆ DeNA Engineering https://engineering.dena.com/ ◆ DeNA Engineer Blog https://engineering.dena.com/blog/ ◆ DeNA
ConformでFormの複雑さに立ち向かう
こちらの記事はReact Tokyo ミートアップ #2にて発表させていただいた内容をより深堀りした記事となっています。 登壇資料はこちらです。 https://speakerdeck.com/bmthd/formnofu-za-sanili-tixiang-kau <div class="form-container"> <form id="inquiryForm" action="https://example.com/api/inquiry" method="post"> <div class="form-group"> <label for="name">お名前</label> <input type="text" id="name" name="name" autocomplete="name" required> </div> <div class="form-group">
2025年2月27日紙版発売 2025年2月27日電子版発売 豊沢聡 著 B5変形判／400ページ 定価3,520円（本体3,200円＋税10%） ISBN 978-4-297-14764-8 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 Streamlitは，PythonスクリプトをWebサービスに簡単に⽣まれ変わらせるフレームワークで，フリーなコミュニティクラウドを介してサービスを公開することも可能です。機械学習やデータサイエンスとの相性がよいことで知られていますが，Streamlitを使うと，一般的なPythonスクリプトをWebベースで
iOS 18.3.1、すべてのユーザーに推奨される緊急アップデート | Forbes JAPAN 公式サイト（フォーブス ジャパン）
iOS 18.3がリリースされてからわずか2週間後、しかもiPhone 11シリーズ向けに再リリースされたバージョンの登場から1週間後に、再びiPhone向けのアップデートが登場した。今回は小規模なアップデートだが、不具合の修正やその他の変更が含まれている。さらに米国時間2月10日に公開されたことは、このアップデートの緊急性を示す確かなサインだ。以下が知っておくべき内容だ。 もっとも、今回のアップデートは待ち望まれているiOS 18.4ではない。iOS 18.4ではSiriが大幅にアップグレードされると言われているが、iOS 18.3.1が登場したことで、アップルがiOS 18.4の最初の開発者向けベータ版をリリースする準備が整った可能性がある。早ければ今週中にも登場するだろう。 iOS 18.3.1に対応するiPhone 他のiOS 18のバージョンと同様に、今回のアップデートはiPho
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Claude 3.7で色々な図表を作成してみた｜IT navi
クリーンアーキテクチャはなぜフロントエンドに合わないのか - パンダのプログラミングブログ
ここがつらいよ分散型SQLデータベース.pptx
複雑な状態遷移😭: クラスではなく関数とDiscriminated Unionで状態の定義と遷移を表現する - kosui
2025年のReact状態管理、正直どれがいいの？ - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説 - Qiita
【図解解説/入門】ReactとJotaiを使って実用的なNotion風ノートアプリを開発するチュートリアル【Convex/TypeScript/MDXEditor】 - Qiita
わかりみが深い！State of React Native 2024 から読み解くアプリ開発
プロダクトフルリニューアルを機に MobX をフロントエンド開発で導入した話 - 株式会社ヘンリー エンジニアブログ
「iOS 18.3.1」配信開始 「非常に高度な攻撃に悪用された可能性がある」脆弱性に対処
🚀 React 19 | 新フック＆フォーム管理の進化 💡 開発効率UPの最新機能まとめ
【DeNA TechCon 2025】大規模Flutterプロジェクトにおける状態管理 | ドクセル
作ってわかる［入門］Streamlit 〜Pythonによる実践Webサービス開発