by Peter Miller テネシー大学の動物行動学者であるウラジーミル・ディネッツ氏が、北アメリカ原産の中型猛禽類であるクーパーハイタカ(Accipiter cooperii)が都市部で越冬する際に、道路の信号や歩行者用の音響信号を利用して狩りを行っていた様子を観察したと報告しています。 Frontiers | Street smarts: a remarkable adaptation in a city-wintering raptor https://www.frontiersin.org/journals/ethology/articles/10.3389/fetho.2025.1539103/full Street smarts: how a hawk learned to use traffic signals to hunt more successfully http

さがらです。 DuckDBの公式ブログにおいて、メタデータ管理をデータベースで担う新しいLakehouseフォーマット「DuckLake」が発表されました。 本記事では、DuckLakeがどういったものか簡単に紹介し、ローカルで軽く触ってみたのでその内容をまとめてみます。 DuckLakeとは まずDuckLakeですが、DuckDBの開発元が開発したOSSのLakehouseフォーマットとなっております。 昨今のIcebergやDelta Lakeではファイルベースでメタデータを管理するという複雑性があったことを課題認識し、そのメタデータ管理を担うレイヤーをIcebergでいうカタログレイヤーも含めて全てSQLデータベースで担う方向性で実装したプロダクトが、DuckLakeとなっております。 DuckLakeのメリットとして、以下4つが上述のリンク先のブログで言及されています。 Simp

約1年前、JavaScriptを使用したdetails要素のアニメーションの実装方法についての記事を投稿しました。しかし、その後の CSS の進化により <details> 要素の開閉アニメーションが CSS のみで実装可能になりました。 正確には、開く際のアニメーションは以前から CSS で実現できましたが、閉じる際のアニメーションは open 属性が即座に削除されるという仕様上、 JavaScript なしでは不可能でした。 この度、 details-content 疑似要素がサポートされたことにより、 CSS のみで閉じる際のアニメーションも実現できるようになりました。 ::details-content - CSS: Cascading Style Sheets | MDN The ::details-content CSS pseudo-element represents th

A tool that connects everyday work into one space. It gives you and your teams AI tools—search, writing, note-taking—inside an all-in-one, flexible workspace.

import { VoltAgent, Agent, createTool, createHooks } from "@voltagent/core"; import { VercelAIProvider } from "@voltagent/vercel-ai"; import { openai } from "@ai-sdk/openai"; import { fetchRepoContributorsTool } from "./tools"; import { fetchRepoStarsTool } from "./tools"; // Create the stars fetcher agent const starsFetcherAgent = new Agent({ name: "Stars Fetcher", description: "Fetches the numbe

紙の本（電子書籍に対して） 回らない寿司（回転寿司に対して） あと一つは？ レトロニム（retronym）：新しい言葉ができた結果、古いものに改めて形容語をつける必要が出た言い方のこと。

ライブドアニュース @livedoornews 【救世主】害獣被害に悩むイチゴ農園を救った一匹の「保護猫」看板猫としても活躍 news.livedoor.com/article/detail… 「コタロー」くんを迎え入れてからは、害獣が入ってこなくなり、果実の被害もゼロになったそう。飼い主は「1200m2もの農園をたった一匹で守り切るようになった」と仕事ぶりに感謝している。 pic.x.com/KiKwEyD1dI 2025-05-17 10:20:59 リンク ライブドアニュース 害獣被害に悩むイチゴ農園を救ったのは一匹の保護猫。“かぎしっぽ”のコタローが運んだ「お客さんと幸せな日々」 - ライブドアニュース 愛媛県のイチゴ農園の経営者が、5歳の子猫を育てている。イタチやネズミがハウスに侵入し、果実を食べられる被害に悩まされていた。看板猫としても活躍し、1200平方メートルもの農園を1匹

Chrome 135でサポートされた::scroll-button()疑似要素は、疑似要素としてインタラクティブなスクロールボタンを作成できます。さらに::scroll-marker()疑似要素は、スクロールコンテナ内の関連するすべてのアイテムに対してフォーカス可能なマーカーのセットを作成できます。 これらを使用すると、これまでJavaScriptなしでは実装できなかったカルーセルをCSSだけで実装できるようになります。その実装方法、CSSで実装したさまざまなカルーセルを紹介します。 Carousels with CSS by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに ::scroll-button()と::scroll-marker()の新しい疑似

こんにちは。イノベーションセンター Generative AI チームの安川です。今回はrokadocのパブリックベータ版（ https://rokadoc.ntt.com/ ）が公開されたため、その紹介と解説をします。 本記事では「ドキュメント変換技術」であるrokadocの概要を説明した上で、実際の使い方や結果を紹介します。 使い方の部分では、WebUIを用いて簡便にドキュメント解析を行う方法や、解析結果が実際にRAG（Retrieval-Augmented generation、検索拡張生成）で有用なのかを示します。また、手元のRAGへ組み込むためにAPI経由で処理を実行する方法についても紹介します。 rokadoc概要 多様なファイルへの対応 高い検索精度 オンプレミス対応 利用方法 WebUIからの利用方法 ドキュメントの解析 RAGの実行 APIを用いた利用方法 前提 解析の実

DuckDB を利用してベクトル検索と日本語全文検索の両方を同時に利用できます。さらにこれらの結果をマージして Reranking を行うことでハイブリッド検索をサクサクっと実現する事が​できます。 Rerankerどうやらベクトル検索した結果と日本語全文検索した結果をマージして、クエリーとマージ結果を再度ランキング付けする仕組みのようです。 ここでは参考にした記事を共有する程度にしておきます。 日本語最高性能のRerankerをリリース / そもそも Reranker とは? - A Day in the Lifeリランキング モデルによる RAG の日本語検索精度の向上 - NVIDIA 技術ブログ今回は Reranker に hotchpotch/japanese-reranker-cross-encoder-large-v1 を利用しました。 以下は参考コードです。 [projec

博覧強記の料理人、美味の迷宮を東奔西走す！ 日本の「おいしさ」の地域差に迫る連載。 前回は、名古屋の八丁味噌がいかにスペシャルな味噌か、ということが語られました。 今回は、おみやげ品などでもよく見かける、各地の「甘いお醤油」についてです。 醤油と味噌④　アミノ酸醤油、その数奇な物語 先日、旅行で福岡に行ってきました。いわゆる社員旅行です。岐阜に本社を置く弊社は、小さいながらも関東・東海・関西に拠点を持っていますので、この日は各エリアから総勢３０名ほどが集まりました。 弊社の社員旅行は、到着日の夕方からとりあえず全員揃って宴会を行い、その後、小グループに分かれて夜中過ぎまで数軒をハシゴして食べまくります。その間に脱落や合流が繰り返され、最終生き残った精鋭たちが、深夜営業の店に再び集結して夜明けを迎える、というのが毎回のパターンです。ちなみに翌日は一応自由行動なのですが、過半数はロクに観光もせ

新たなスマホの定番として人気を集めているPixelシリーズ。 目を見張るほど美しい写真が撮れるPixel 9 Proや、優秀な廉価モデルであるPixel 9aなどが最新の機種です。 カスタマイズ性が高いAndroid OSは、自分好みに設定できる反面、iPhoneなどから乗り換えたユーザーは少し混乱することもあるかもしれません。 ここでは、Pixelを初めて手にした人に伝えたい、Pixelライフがもっと快適になる8つの設定をご紹介します。 一瞬でロックを解除画面を見るだけで、一瞬でロックを解除できます。 普通だったら、ロックを解除するのに下から上にスワイプしますよね。そんなワンステップをぶっ飛ばせるのが、この設定。 設定から、｢セキュリティとプライバシー｣→｢デバイスのロック解除｣→｢顔認証と指紋認証｣→｢顔認証｣と移動し、｢ロック画面をスキップ｣をオンにしましょう。 これで、画面に顔を向

インドの高校生3人が、電気を必要としない冷蔵庫を開発し、世界的な環境賞「アース・プライズ2025」を受賞した。 「サーマボルト」と命名されたこの画期的な冷蔵庫を発明したのは写真の3人で、左からドゥルブ・チャウダリーさん、ムリドゥル・ジェインさん、ミスラン・ラダニアさん。 この発明で賞金1万2500ドル（約170万円）を獲得し、その資金で200台の試作機を作り、120の病院に提供して実地テストを行う予定だ。 それにしてもなぜ、電気を使わず冷却できるのか？　それは塩が水に溶ける際に熱を奪う化学作用を利用した「イオノカロリック冷却法」を使っているから。 主要な塩は「塩化アンモニウム」で、これにより水の温度を最大28度も下げることが可能だ。さらに「塩化アンモニウム」と「水酸化バリウム八水和物」を組み合わせることで、なんとマイナス10度まで冷却できる。 ユーザーは“塩”を冷蔵庫の銅製のボックスに入れ

こんにちは！ゲンシュンです。 最近データのETL処理をpythonで書くことが多くて、久しぶりに型でゴリゴリ開発したいな〜という気持ちになりました笑。久しくDDDとかクリーンアーキテクチャとかやってないので、今あらためて見直すと新しい発見や気付きあるかも〜と思い、TypeScript × Node.jsでそれっぽい実装をしてみました！正直間違えていること、浅い思考、微妙な実装たくさんあるかと思いますが、現段階で思考を整理してみたのをまとめた感じなので、流し読み程度で！ 今回の目的は「DDDのエッセンスとクリーンアーキテクチャの依存の方向性を、Typescriptの型で表現してみる」で、twitter風アプリを実装してみました！アプリのユースケースは「Userがメールアドレスユニークという条件で新規作成」「UserがUserNameを変更」「UserがPostを作成」「UserがPostをお

フロントエンド、というよりUI一般では、ユーザーの操作に対してまったく無反応なのは良くありません。ユーザーが意味のある操作をしたならば、何らかのフィードバックを返すべきです。 例えば、何かをユーザーのクリップボードにコピーするボタンというのはありがちですが、クリップボードに何かを書き込んでもそれだけだと目に見える変化がないので、追加で「コピーしました」のような通知を出すというのはよくあるパターンです。 ここでは、そのような通知が、ちょっとフェードインしながら表示され、一定時間後にフェードアウトしながら消えていくという要件を想定することにしましょう。 transitionを使う基本的な実装 まずはReactの部分をざっくりお見せします。 import { useState } from "react"; import "./styles.css"; export default functi

FlexboxよりGridを使う理由 先日、Grid First, Flex Thirdという記事を読んだ。要約すると「レイアウトを行う際は grid > block > flex の順で使うべき」という主張がなされている。 並びのレイアウトはFlexbox、格子状に区切ってどこに何を配置するかはGridを使う派だったのだが、Gridの有用性を再認識した。 Flexboxの使いづらいところ Flexboxで要素を並べると子要素の幅を指定しても圧縮されてしまう。 <section class="layout"> <div class="item"></div> <div class="item"></div> ... </section> .layout { display: flex; overflow-x: auto; } .item { width: 200px; } 子要素の幅を維持

弊社ではデザイナーがCSSを書いてくれるので、私はフロントエンドエンジニアながら最近はTypeScriptばかり書いていました。 しかし、フロントエンドエンジニアならCSSもしっかり学んでおかないといけないと思い、アウトプットついでにこの記事を書いています。 1. モダンCSSの現状と進化 2019-2024年に標準化された主要な機能 2019年以降、CSSには多くの革新的な機能が標準化され、JavaScriptに頼らずに実現できることが増えました。 レイアウト関連： コンテナクエリ - 親要素のサイズに基づくレスポンシブデザイン CSS Grid（サブグリッド） - ネストされたグリッドが親グリッドのトラックを継承 CSS ネスト - セレクタを入れ子構造で記述（Sassのような書き方） セレクタと制御： 親要素セレクタ (:has) - 子要素に基づいて親要素を選択 カスケードレイヤー

こんにちは！株式会社Rabeeでデザイナーをしているkoppiです🐝 FigmaでUIを作っていると、「hover」「focus」「disabled」「error」「readonly」など、さまざまな「状態（state）」をどう扱うべきか、迷ったことはありませんか？ 今回は、Nathan CurtisさんのMedium記事「The Sorry State of States」を参考に、状態設計で起こりがちな混乱と、その整理方法について自分なりにまとめてみました。 状態（state）はひとつのプロパティで表せるのか？「状態」と一言でいっても、その種類は多く、それぞれ性質も異なります。 rest（通常） hover（カーソルが乗っている） active（押している最中） focus（キーボード操作対象） disabled（操作不可） readonly（編集不可） error / succes