React Compilerとは React Compilerは、Metaが開発した新しいコンパイラで、ビルド時のみに実行されるツールであり、Reactアプリを自動的に最適化してくれます。 React Compilerの特徴 React Compilerの一番大きな機能としては、useMemoやuseCallback、React.memoを使わずとも、パフォーマンスの最適化をしてくれる機能かと思います。 メモ化は適用し忘れたり、誤って適用したりしてしまうことも多いので、その部分を意識しなくていいというのは、神機能だと思います。 インストール インストールは以下のコマンドになります。

Rosalie Chan ［原文］ （翻訳・渡邉ユカリ、編集・常盤亜由子） Jan. 03, 2025, 06:40 AM ビジネス 5,223 Slack（スラック）、Atlassian（アトラシアン）、Zoom（ズーム）などは皆、フリーミアム版のソフトウェアを提供したおかげで飛躍的に成長してきた。だが、この無料モデルは衰退し、クラウドソフトウェア業界は新たな価格戦略を模索する兆しを見せている。 フリーミアムモデルでは、クラウドアプリを無料で使い始めることができるが、通常は機能が制限されている。まずは無料で提供するというこの戦略は、新たなユーザーを惹きつけるうえで効果ありと実証済みの方法で、使ってみた人が会社の同僚などにも勧めてくれることが期待されている。社員が機能を試した後に、会社に有料版を購入してもらうのが理想的な展開だ。 多くのクラウドソフトウェア企業が今もフリーミアムモデルを採用

Makoto Sakata @sakatam 「オンライン在留届」というWebアプリ開発のバッドノウハウを煮詰めたサイトで申請をすすめて、写真撮影のパートだけを行うアプリらしい。 約一年前にリリースされてるんだが、なぜブラウザで完結させなかった？もしかしてMediaDevices APIを知らなかったとか…？ 2025-01-03 05:04:13

Nintendo SwitchはBluetoothスピーカーやBluetoothイヤホンへの音声出力に対応していますが、オーディオ機器の種類によっては実感できるレベルの遅延が発生することがあります。この音声遅延問題を無線機能搭載マイコンボード「Raspberry Pi Pico 2 W」を使って解決してみました。 GitHub - wasdwasd0105/PicoW-usb2bt-audio: Transform your Raspberry Pi Pico W into a USB to Bluetooth Audio Adapter. https://github.com/wasdwasd0105/PicoW-usb2bt-audio Connecting to the Internet with Raspberry Pi Pico W-series.: Getting online

2025/01/04 Git Hooks ツールの Lefthook を追記 2025/01/05 フロントエンドの状態管理に XState を追記 各リンクテキストを対象名がわかりやすい形式に変更 概要 以前のプロジェクトで使っていたり、進行中に差し替えまでは出来ないけど次使うならこれを使おうと思っていたライブラリやツールなどが、いざ新しくプロジェクトを作ろうと初期構築を始めたら色々と失念している事ってよくありませんか？ 最近実際それがあり、個別のページにわかれて技術メモはとってあったりするのですが探しながらは手間なのとブクマしただけのものもあるので、インデックス的に手軽に気になった技術をメモっておく見ながら構築したり技術選定の前段階に使うようなノートを作ったので誰かのお役に立つかもと公開してみます。 気軽に雑にメモるのを前提に作ったものをそのまま公開しているので文体等は統一されてません

TL;DR honojs/hono Release v4.6.15 web-infra-dev/rspack Release v1.2.0-alpha.0 vitejs/vite v6.0.7 withastro/astro Release [email protected] Node.js 23 からデフォルトでTypeScriptをサポートするようになるかも？ Ghostty のリリース AI エージェントがウェブブラウザを操作できるようにするためのライブラリ、browser-useが注目されています リリース情報 honojs/hono Release v4.6.15 c.json()、c.text()、またはc.html()がコンテンツを返すときに、204のような無内容なステータスコードを指定すると、typecheckでエラーになるようになりました。 実際にソースを見てみると、 export

リンク note（ノート） もうすぐ消滅するという人間の翻訳について｜平野暁人 ひとつの翻訳が、終わった。 １本の翻訳原稿を仕上げた、わけではない。 この世界に存在していた翻訳のひとつが いま終焉を迎えたのだ。 2024年末現在、僕の手元にきている来年の依頼は０件。 2025年の収入見込みも畢竟、０円ということになる。 あくまでもひとつの翻訳の話である。 つまりは翻訳のひとつの話である。 関係ないと思うならこの先を読まなくてもいい。 自分の知る現実と違うならこの先を信じなくてもいい。 人間の数だけ人間があり 現実の数だけ現実がある。 そのような場所を あるいはそのとらえ難さをこそ 人 932 users 740

Redash (https://redash.io/) でデータをクエリしたとき、長い値が入ったカラムがあると、クエリ結果が縦に長くなってしまいがち (画像では 3行しかないけど、 100行とかあると見づらいことも多い)。 長い値があるクエリ結果 / 縦に長くなりがちで見づらいこともある　Redash では、なんとクエリ結果に HTML が書かれているとレンダされるので、 details タグで囲うことで畳むことができる。便利。*1 長い値をdetailsタグで畳むことができる / クリックしたら全部見れる　リンクを張ることもできる。管理画面の URL などで、クエリ結果の id をクエリパラメータに入れたり、名前や時刻をリンクテキストにしたりすると便利。おもてなしとして target="_blank" をつければ、新しいタブで開くことができる。 リンクを張ることができる / target

はじめに Web アプリケーション開発において、ユーザー体験を向上させる重要な機能の 1 つに、ドラッグ&ドロップが挙げられます。 シンプルなマウス操作で要素を移動したり、ファイルをアップロードしたり、 直感的な操作性を実現することができます。 今回は、HTML Drag and Drop API について調査したので、基礎的な内容をまとめました！ 時間の節約になれば、嬉しいです 🙌 HTML Drag and Drop API とは？ HTML Drag and Drop API は、ブラウザネイティブのドラッグ&ドロップ機能を実現するための API です。 要素をドラッグ可能にし、ドロップゾーンを設定することで、インタラクティブな操作を実装できます。 当記事執筆時点（2024/01/03）で、 主要なブラウザで広くサポートされており、追加のライブラリなしで実装可能です。 （01/05

巷では「AIエージェント」のワードをよく見かける一方、何をAIエージェントと定義するのか自分もフワっとしていたので、2024年12月20日に公開されたAnthropicの「Building effective agents」の記事を読んでみました。 「AIエージェントの定義ははっきりと定まっていません」みたいな文言は方々で見ますが、各社がどういう見解でそのワードを使っているのか、なんとなく理解することはできます。 ちなみに、以下の「うたたね / Masaki Otsuki」さんの記事では各社がどのような位置付けとしているのかがまとまっており、私も勉強させていただきました。ありがとうございます。 ※本記事ではAnthropicの記事に焦点を絞り、記事の内容を元に記述しています。 エージェントとワークフローの違い ワークフロー: LLMとツールが事前定義されたコードのパスを通じて調整されるシス

Next.js v14からServer Actionsがstableリリースとなり、開発体験だけでなく、ユーザ体験(ハイドレーションの完了を待機せずフォーム操作ができる、プログロレッシブ•エンハンスメントなど)の向上が見込まれます[1]。 今回は、Next.jsのServer Actionsを実装する上で注意しなければならないセキュリティ懸念事項とその対策を提案します。 Server Actionsとは formからsubmitされた際の処理(DBの更新等)をサーバサイドで非同期で実行できる関数です。ReactのServer ComponentsだけでなくClient Componentsからも呼びだすことができます。つまり、formがsubmitされた際のDB更新などの処理をわざわざエンドポイントを立てずに関数として書くことができます。[2] Server Actions(またはServ

ritou です。 あけましておめでとうございます。2025年はID連携の話をしましょう。 昨年、仕様策定から10年を迎えたOpenID Connectですが、関連仕様の策定は続いています。特に最近はDigital Identity Walletを支える仕様群の策定がお盛んです。新しい技術をキャッチアップするためにも、ベースとなるID連携の概要から理解していく必要があると考えています。 今回はID連携とは、というところとどうしても混乱してしまうOAuthとOIDCの用途について理解するための説明をします。OAuth/OIDC関係はどうしても記事が長くなってしまうので、今後のモチベーションのためにも「ID連携を理解しよう(1)」としています。 ID連携とは ID管理などで使われるID(=Identity)とはユーザーの属性情報の集合です。 ユーザー識別子(User Identifier)やメ

はじめに browser-use-webuiは、AIエージェントによるブラウザ操作を簡単に実現できるツールです。今回は、セットアップから実際の使用例まで詳しく解説します。 browser-useのwebui を動かしてみた！ 確かにこれは面白い！！！ https://t.co/Uzj8YOrRvb pic.twitter.com/D3JGkRX8EU — Maki@Sunwood AI Labs. (@hAru_mAki_ch) January 4, 2025 🔧 セットアップ方法 前提条件 Python 3.11以上が必要（この例ではPython 3.12.5を使用） パッケージマネージャーとしてuvを使用（高速なインストールが可能） インストール手順 仮想環境の作成: uv venv --python 3.12 .venv\Scripts\activate browser-useのイ

前提 DuckDB が使える環境 Docker Compose が使える環境 まとめ DuckDB から直接 PostgreSQL にアクセスできる PostgreSQL の読み込みも書き込みもできる バッチ処理を PostgreSQL のリードレプリカからデータを読み込んで、DuckDB で集計して PostgreSQL に書き込むと言うのができる DuckDB とは こちらをどうぞ。 DuckDB雑紹介(1.1対応版)@DuckDB座談会 - Speaker Deck PostgreSQL Extension 名前で誤解しやすいのですが DuckDB の PostgreSQL Extension であって、PostgreSQL の Extension ではないので注意してください。 DuckDB のPostgreSQL Extension は PostgreSQL のデータを直接操作で

関連リソース Agent Design Pattern Catalogue: A Collection of Architectural Patterns for Foundation Model based Agents 【論文紹介】LLMベースのAIエージェントのデザインパターン18選 基盤モデルを用いたAIエージェントの設計パターン The Landscape of Emerging AI Agent Architectures for Reasoning, Planning, and Tool Calling: A Survey The Landscape of Emerging AI Agent Architectures for Reasoning, Planning, and Tool Calling: A Survey は、「AIエージェントのアーキテクチャ」について、シン

「ゲーミングPCは持っているけど、寝室などの別の部屋でもゲームがしたい」という時に役立つのがSteam公式リモートプレイアプリの「Steam Link」です。Steam Linkは小型コンピューターのRaspberry Piシリーズにも対応しているので、実際に税込1万5000円以下で買えるRaspberry Pi 5にSteam Linkをインストールして格安でリモートプレイ環境を整えてみました。 Steam：Steam Link https://store.steampowered.com/app/353380/Steam_Link/?l=japanese Valve's Steam Link on Raspberry Pi - Raspberry Pi https://www.raspberrypi.com/news/valves-steam-link-on-raspberry-pi/

高速多機能なターミナルエミュレータ「Ghostty 1.0」正式リリース、ミッチェル・ハシモト氏が開発。今後はWebAssembly化による対応プラットフォーム拡大も HashiCorpの創業者の一人であるミッチェル・ハシモト氏は、個人のプロジェクトとして開発してきたターミナルエミュレータ「Ghostty」の正式リリースとなるバージョン1.0を公開しました（本記事公開時点でバージョン1.0.1が最新バージョン）。 合わせてオープンソースとしてGitHubでソースコードも公開されました。 https://t.co/39Xj39wheA pic.twitter.com/PH0qejFB4z — Mitchell Hashimoto (@mitchellh) December 26, 2024 ハシモト氏は2023年12月にHashiCorpを退職していますが、以前から個人のプロジェクトとしてタ

組込みRustや自作OSなどにおいて、従来言語より高い安全性があるとされているRustは注目される一方、Rustでも低レイヤー分野で頻発するメモリアクセスやインラインアセンブラなどでunsafeブロックが存在が多くなりがちです。 このunsafeブロックが多くなるので、結局Rustでこのような低レイヤー分野を触っても意味がないのでは？安全ではないのでは？という疑問が投げかけられることがしばしばあります。 筆者はTwitterや過去のブログで、組込みRustにおいてのunsafeとの付き合い方について触れていきましたが、内容としては分散していたので今一度この疑問に対するアンサーをまとめることにし、この論争に終止符を打とうと思います。 Rustにおけるunsafeとは そもそもunsafeとは何かというのはThe Rust Programming Languageのドキュメントにも詳しく書かれ

ESETがWindows 11に更新できないPCはLinux化することを推奨 Windows 10についてはあと10ヶ月でサポート期限を迎えるため、同OSを使っているユーザーはWindows 11へのアップデートが必要となります。しかし、Windows 11へのアップデートをするうえではTPM 2.0への対応や高度なセキュリティーへ対応するためIntel CPUであれば第8世代のCoffee Lake以降、AMDであればZen2以降のCPUを搭載している必要があるなどの制約があり、2019年以前に販売されているPCの多くはWindows 11への乗り換えはできず、買い替えが必要となります。 ただ、PCの買い替えに関しては個人でも法人でも決して安くない金銭的な負担が発生することから容易に進むとは言えませんがセキュリティーソフトを提供するESETドイツのThorsten Urbanski氏によ

ES2025 / ES2024 / ES2023 / ES2022 JavaScriptの仕様は、TC39というところで決められています。 ブラウザベンダや関係者が定期的に会合を行い、様々な新機能について話し合って今後のJavaScriptの方向性を決めていきます。 ここでは2024年にFinishedになった、すなわち仕様が確定して複数のブラウザで実装がなされたproposalについて紹介してみます。 主要ブラウザでは既にほとんどの機能を使用可能です。 ちなみに、2024年2月から2025年1月までにStage4になったproposalがES2025と呼ばれます。 ややこしいですね。 Finished Proposals Promise.try 同期かもしれないし非同期かもしれない、Promiseを返すかもしれないしそうでないかもしれない、そんな関数があります。 その関数を使う際に、いち

あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2024年のWebアクセシビリティに関連する出来事を振り返りつつ、2025年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2と関連文書 2023年10月のWCAG 2.2の勧告から1年ほどが経ちましたが、昨年の12月12日付けでWCAG 2.2の更新がされました。大部分の変更点は、編集上の修正であって、変更内容自体は軽微ではあります。ただ、WCAG 2.2内の用語集（Glossary）の用語に一部更新があるのは特筆すべき事項でしょう。 昨年はWCAG 2.2自身に動きがあった一方で、WCAG 2.2を取り巻く状況についてもいくつか目に付くものがありました。 WCAG 2.2日本語訳と解説書 ウェブアクセシビリティ基盤委員会（WAIC）では、昨年3月にWCAG 2.2 日

大手テック企業は、人間のユーザーに代わって自律的にアクションを実行し、複数のステップからなるタスクを完了することができる｢エージェント的なAI｣に取り組んでいる。 Andriy Onufriyenko/Getty 生成AIという言葉は聞いたことがあるかもしれないが、｢AIエージェント｣はあまり馴染みがないかもしれない。 業界の主要企業は、AIの第3の波と言われるAIエージェントに取り組んでいる。 しかし、エージェント的なAIとは一体何なのだろうか？ここでは、テック界で話題になっている技術を簡単に説明しよう。 生成AIはしばらく前から話題のテクノロジーになっているが、ビジネス系のポッドキャストを聞いていると、｢エージェント的（agentic）｣AIという別の言葉が飛び交っているのを耳にするだろう。 これは生成AIと何が違うのだろうか。 この2つは密接に関連している。生成AIがなければ、AIエ

はじめに 本記事は AI時代にこそTDDだと思う話 https://zenn.dev/akfm/articles/tdd-with-copilot をパクってオマージュしてタイトルをつけたが、特にそれには言及しない。 本記事はRustを好きで使用している人間が書くポジショントークということを前提に読んでほしい。また、現状でRustを選択するべきだという主張をする記事ではなく、長期的に見るとRustとAIの組み合わせは親和性が高くなるのではないかという個人的予想を記載しているのみである。 本記事は自分用に雑に書いていた箇条書きメモをo1と対話しながら人に見せられる構造にまとめたものであり、文章構成に不自然な点が残っているかもしれない。 背景: AIの発達とプログラム責任の問題 昨今はAIによるプログラム生成の力に拍車がかかっている。いまやAIがあれば、品質度外視ではあるが素人でもコードを生成

約7割の人が電子申告　デジタル化が進む確定申告 国税庁では税務行政のDXを推進しており、税務署に行かずに確定申告できる電子申告を推進している。課税部 個人課税課の大柳久幸課長によると、令和5年分確定申告者の2324万人中、約7割の人が電子申告を利用したという。 大柳氏は「税務署の確定申告会場に来場する人は全体の約1割。電子申告のメリットは、自宅からスマートフォンやPCで申告できること。また、24時間いつでも申告できるので、利用時間を選ばないこと」と、国税庁が運営する「e-Tax（国税電子申告・納税システム）」の利便性について語った。 国税庁のWebサイト「確定申告書等作成コーナー」では、画面の案内に沿って金額等を入力することで、自動で確定申告書類が作成でき、そのままe-Taxで送信できる。令和6年分の確定申告書等作成コーナーは、2025年1月6日から公開されている。 確定申告書等作成コーナ

2025年がスタートしました。セキュリティにおいては季節による変動要素というよりも、攻撃者が活発に動くかどうかが影響します。攻撃者が年末年始を「気が緩む時期」と捉えていれば、大量のフィッシングメールなどであなたの気の緩みを狙うかもしれません。普段通り、焦らずに対応をお願いします。 年初ということで、今回は少々緩めに2025年こそ流行ってほしい3つのセキュリティ技術を取り上げたいと思います。 1．パスキー　パスワードレスの世界を2025年こそ実現しよう 1つ目は、徐々に浸透しつつある「パスキー」です。これは、皆さんが持つスマートフォンを生体認証デバイスとし、ログイン時にIDと生体認証を使うという本人認証の仕組みです。大手サービスが対応し始めていることで、皆さんも1つくらいはパスキー登録したサービスがあるのではないでしょうか。 ゲーム機を製造する任天堂は早くからパスキー対応を表明しており、大人

「State of HTML 2024」でキャッチアップ。HTMLの最新トレンドと注目機能 2025年1月7日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主

OpenAIの次期最強モデル｢o3｣、人間を超えて超人レベルに進化2025.01.07 19:0036,157 satomi もう追いつかれちまった…。 12日間にわたるOpenAIプレスイベントの最終日（12月20日）に発表された新しいAIモデル｢o3 ｣と｢o3-mini｣は、昨年9月に出た｢o1モデル｣の後継モデルです。一般公開に先駆けて、安全性テストや研究目的の利用はもう解禁になっているわけですけど、数々のテストでとんでもないスコアを出しているっていう、もっぱらの評判ですよ。 ｢o3 ｣って何？｢o3｣はOpenAIが開発した最新の推論モデルで、miniはその小型版です。 開発にあたってOpenAIが組み込んだのは｢private chain of thought（外部から見えない思考の連鎖）｣というプロセス。これは、回答を出す前にいったん立ち止まって内部の対話を精査し、先々を見越

海外コメンタリー エージェントはAI革命の「第3の波」--生成AIとの違い、導入と運用の課題を押さえる エージェント型AIによって、人工知能（AI）は生成AIを超える新たな次元に到達するかもしれない。エージェント型AIの特徴や課題はこれまでと同じだが、顕著な相違点もある。 Salesforceの最高経営責任者（CEO）であるMarc Benioff氏は、エージェント型AIをこの分野の急速な進化における「第3の波」と捉えている。「わずか数年の間に3世代のAIが登場した」。Benioff氏は先頃、The New York Timesの記事でこう述べている。「最初は、データを分析する予測モデルだった。次に、『ChatGPT』のようなディープラーニングモデルによって実現される生成AIが登場した。現在は第3の波が到来している。このAIの特徴は、複雑なタスクを自律的に処理できるインテリジェントエージェ

Windows環境については試していませんが、同様の効果が期待できそうです。特にWindows Subsystem for Linux 2（WSL2）やDocker Desktopを使っている場合は、この記事のLinux向けの内容をそのまま適用できます。 まずは計測 ビルド時間の削減に入る前に、現在のビルドにかかっている時間を計測し、何に時間がかかっているのかを把握しましょう。そうすることで後の改善効果がはっきりしますし、もし、本記事の例とは状況が異なる場合でも適切な対応を取れるかもしれません。 cargo buildやcargo testに--timingsオプションを追加することで、個々のクレートのビルドにかかった時間を計測し、視覚化できます。 フルビルドにかかる時間を計測する ここで言うフルビルドとは、cargo cleanを実行したあとの何もない状態からビルドし直すことです。これに

iOS18.2.1配信。｢すべてのユーザに推奨されます｣レベルのバグ修正2025.01.07 13:0017,703 小暮ひさのり ちゃんとやっといたほうが良さそう。 iPhoneの基本ソフトウェア｢iOS｣に、最新のソフトウェアアップデート｢iOS 18.2.1｣の配信が始まっています。 リリース情報によるとバグ潰しのためのセキュリティアップデートだと思われますが、｢重要なバグ修正｣であり｢すべてのユーザに推奨されます｣と、なんだか強めの文言を使っているので、なるべく早めにアップデートしておいた方が良さそうですね。 アップデートは｢設定｣→｢一般｣→｢ソフトウェアアップデート｣からどうぞ。 なお、iPadOSの方も同様に｢iPadOS 18.2.1｣が配信されているので、iPadユーザの方もお忘れなく。 Source: Apple

iOS開発の福山です。 現在Mirrativ iOSではSwift 6への移行を段階的に行なっています。その中でSwift 6に対応していないサードパーティライブラリに関連する問題にぶつかったため、その回避策を紹介します。 問題 open class Some3rdPartyClass { // サードパーティのライブラリなので変更が容易ではない open func doSomething(completion: @escaping (Bool) -> Void) { } } // ------------------------- final class SomeSubclass: Some3rdPartyClass { override func doSomething(completion: @escaping (Bool) -> Void) { // error: // Passi

現地時間の2025年1月6日、業界団体のHDMI Forumが最大帯域幅96Gbpsの次世代規格「HDMI 2.2」の仕様を発表しました。さらに同日、業界標準化団体である「Video Electronics Standards Association(VESA)」がDisplayPort 2.1のアップデートとなるDP80LL(低損失)超高ビットレート(UHBR)ケーブル「DisplayPort 2.1b」を発表しました。 HDMI FORUM ANNOUNCES VERSION 2.2 OF THE HDMI SPECIFICATION https://www.prnewswire.co.uk/news-releases/hdmi-forum-announces-version-2-2-of-the-hdmi-specification-302336817.html VESA to Up

記事作成時点ではスマートホーム製品を購入する際、「Works with Apple Home」「Works with Google」といった認定バッジを確認し、どのエコシステムと連携しているのかを確認する必要があります。新たにスマートホーム規格「Matter」の策定団体であるConnectivity Standards Alliance(CSA)が、Matter対応デバイスのテストを代理で行い、その結果をメーカーに送ってエコシステムの認定を得られるプログラムを開始すると発表しました。 Driving Innovation with the Alliance Interop Lab and Two New Certification Programs - CSA-IOT https://csa-iot.org/newsroom/driving-innovation-with-the-alli