カブトムシは日本人に身近な昆虫だ。都市部の公園にも生息する世界的に珍しい存在だが、実は行動や生態はよく分かっていない。小中学生のユニークな自由研究がきっかけとなり、オスが他の個体を呼び寄せるフェロモンの存在や、夜行性とは限らない事例など新発見が生まれている。カブトムシはクワガタムシと並ぶ人気の昆虫で、世界には中南米や東南アジアを中心に約1500種のカブトムシ類がいる。日本のカブトムシは世界の中

スライド概要 HNSW(Hierarchical Navigable Small Worlds)の内部構造、探索ロジック、ファイルへの保存処理について

はじめに ZustandはTypeScriptサポートしてますが、あまり書き心地が良いとは言えません（主観）。 通常は次のような書き方をします。 import { create } from 'zustand' interface CountState { count: number increase: (by: number) => void } const useCounterStore = create<CountState>( (set) => ({ bears: 0, increase: (by) => set((state) => ({ bears: state.bears + by })), }), ); この書き方を好む人もいますが、 CountState の宣言を省略して型を自動で生成してもらいたい場合があります。 Poll これを実現する方法（ライブラリ）はいくつかある

TypeScriptプロジェクトにtsconfig.jsonを生成する方法 TypeScriptプロジェクトを始める際に、TypeScriptコンパイラの設定を行うためのtsconfig.jsonファイルが必要です。このファイルは、プロジェクトのコンパイル設定やエクスポートするJavaScriptのバージョンなどを定義します。この記事では、tsconfig.jsonファイルを簡単に生成する方法を説明します。 TypeScriptをプロジェクトにインストールする まず最初に、プロジェクトにTypeScriptをインストールする必要があります。TypeScriptはtypescriptというパッケージとして提供されており、npmを使ってインストールします。開発環境用の依存関係としてインストールするため、以下のコマンドを実行してください。 これで、プロジェクトにTypeScriptがインストール

はじめに Web 開発における CSS のグリッドレイアウトで構成された要素に対して、三点リーダー表示がうまくいかないケースがありました。 今回グリッドレイアウトにおけるグリッドアイテム（グリッドトラック）の横幅の決まり方を勉強したので、備忘のために記事に残しておきます。 サンプルコードはこちらに載せています。 Grid+Ellipsis_example - StackBlitz 三点リーダーはどのように表示するか？ まず、今回対象とする三点リーダーを表示する方法を以下に記載します。 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; は、要素の横幅が親の横幅を超えた場合に、横スクロールさせないようにします。 text-overflow: ellipsis; は、要素が横にはみ出

1992年三重生まれ、会社員。ゆるくまじめに過ごしています。ものすごく暇なときにへんな曲とへんなゲームを作ります。 前の記事：7絵文字クイズ ～7つの絵文字が表すものは何？～ ＞ 個人サイト ほりげー 来るたびに知らない場所が増える街、渋谷 日本のサグラダ・ファミリアといえば横浜駅だが、渋谷駅周辺も負けていない。常にどこかで工事が行われており、ちょっと目を離したすきにデカいビルが建っている。街全体が巨大モンスターのようだ。渋谷は生きているのである。 自己増殖を続ける渋谷だが、当然どこかにしわ寄せがいって、ビルとビルのつなぎめが不自然になっていることであろう。この記事は、そんなつなぎめを愛でるという趣旨だ。 せっかくなので、いまの渋谷がすごいことになっていることを示すためにも、渋谷を一筆書きで回ろう。 大まかに描いた今の渋谷。オレンジの線が今回のコース。なんと、一度も地上に降りることなく一周

スマホやPCに。科学への愛があふれるギズ屋台ステッカー2024.06.28 20:00ギズ屋台 ヤマダユウス型 スマホやタブレット、エフェクターボードに貼ってみるのもヨシ。 先日、ギズ屋台からオリジナルデザインのステッカーが登場しました。ギズモードの名物編集部員、リチャードがTシャツのためにデザインしたイラストをステッカーにしたものです。 実物が届いたので、早速チェックしてみました。大小2枚セットで販売していて、左の小サイズが60mm×60mm、右の大サイズが100mm×100mmです。 3種類のデザインをご用意まずはこちらの｢シンギュラリティー（時空）ステッカーB（黒地×黄色文字）｣。写真だと黄色の線が見えにくかったのですが、実物はしっかりと黄色ですね。黒字にイエローのヘアラインといえば、電気羊！

退職代行サービス「モームリ」を手掛けるアルバトロスは8月7日、サービス利用者1万5934人の属性データなどを公開した。「退職代行業者でしか知りえない、労働者と企業の方の生の声を反映したデータを公開することにより、労働環境の見直しや離職率の低下、雇用の安定化に役立つのではないか」として公開に至ったという。 職種別の利用者数など、IT業界でどれだけモームリが使われているか示すデータも公開。正社員・契約社員では、利用者全体の6.2％（777人）が「IT関連」の企業を退職するために使っており、「製造業」や「医療関連」に続き7番目に多かった。最も多いのは「サービス業」。利用者全体の12.5％（1564人）がサービス業の企業を退職するために使っていた。

TanStack Queryで作る検索フォーム はじめに 現代のウェブアプリケーションにおいて、データの取得と管理は非常に重要な要素です。特に、ユーザーが情報を検索するための検索フォームは、ユーザーエクスペリエンスを向上させるための重要なコンポーネントです。TanStack Query（旧React Query）は、Reactアプリケーションにおけるデータフェッチングとキャッシングを簡素化するための強力なライブラリです。本記事では、TanStack Queryを使用して検索フォームを構築する方法について詳しく解説します。 TanStack Queryとは？ TanStack Queryは、Reactアプリケーションにおけるデータの取得、キャッシング、同期を管理するためのライブラリです。これにより、APIからのデータ取得が簡単になり、状態管理の複雑さを軽減します。TanStack Query

あらすじ Go で素朴な HTML を返すアプリケーションを動かしたくなり、 Wasm に変換してデプロイすることができる Cloudflare Workers を使うことにしました。 Cloudflare Workers に Go アプリケーションをデプロイする際には、id:f_syumai さんのテンプレートがオススメです。 github.com Go + text/template まずは、素直に text/template 使ってビルドしてみます。 ❯ ls -lh ./build total 15656 -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs -rw-r--r-- 1 ergofriend staff 16

2024年、6/20 6/21 の2日間で　AWS Summit（以下 Summit） に行きました。この記事を見て頂いてる時点で Summit を知らない人はあまりいないと思いますが、とにかく楽しい日本最大級の AWS イベントです。 2024年は狙っていたセッションを、ひとつも取りこぼさないように立ち回ることができました。当たり前のことを言ってるように思う方もいるかもしれませんが、Summit では 別の誘惑に負けてセッションをスキップしてしまう なんてことがよくあります。私は狙ったセッションに予定通り出るか出ないかで、充実度が大きく変わるということを体感しました。 この「充実度」を上げるために、Summit の各コンテンツを考察したり、実際の立ち回りを考えます。 各コンテンツの考察 セッション Summit でのセッションは何がよいのか？というポイントに焦点を当てて書きます。 熱量

IoT x GenAI Lab 松尾研究所では、ソラコム様とIoT分野におけるLLMの活用を研究・推進する「IoT x GenAI Lab」（以下IoT GenAI Lab）を設立しています。IoT GenAI Labは、設立して約1年になり、三菱電機とソラコム・松尾研究所で空調機器制御の実証実験で快適さを維持した電気使用量削減といった好事例も出始めてきました。 本事例は、SORACOM様の大規模イベント「SORACOM Discovery 2024」でも、松尾研究所のチーフAIエンジニア 横山が発表していますが、そのSORACOM Discovery 2024でソラコム様から発表されたのがSORACOM Fluxです。SORACOM Fluxは一言でいうと、ローコードのIoTアプリケーションビルダーです。 画像はSORACOM社 Webサイトから引用 SORACOM Fluxでは、手軽に

こんにちは！atama plusのパンダ好きエンジニア @pandineer です。 今回は、2024夏版と称して、atama plusで取り組まれているギルド活動の最近について、ご紹介します。 atama plusのエンジニアの活動を知ってもらうとともに、組織的な課題解決のアプローチを探している方の選択肢の1つとしてもらえたら嬉しいです。 ギルドとは atama plusにおけるギルドとは、特定技術領域や、エンジニアが関係する特定テーマについて、そのテーマに興味関心のある有志がチーム横断で集まる組織体です。 ギルドの活動は目的によって様々ではありますが、Spotifyモデルにおけるギルドと近しいものになっています。 ギルドの中には、さらに分科会のような形で「パーティ」をという組織を持つギルドもあります。 ギルド発足の背景 atama plusでは、開発の規模が大きくなり複雑性も増していく

ドローンレースって知ってますか？ 最高時速200kmで繰り広げる空中戦は迫力満点！ レースに出場するパイロットの年齢層は10代から70代までと幅広い中、弱冠14歳にして日本代表に選ばれたのがプロクラス所属の山本悠貴さん。 山本さんは、実はギズモードが過去に行ったドローン教室の卒業生でもあるんです。 きたる2024年8月25日に渋谷で開催されるドローン教室では、ドローンの基礎知識や飛行スキルを親子で学べるだけでなく、イチから組み立てる経験、ドローンを使った仕事をしている大人達による話、今後のドローンの未来について想像を膨らませる時間まで、大人も子供も刺激的な内容が盛りだくさんです。 ドローンの魅力をはじめ、以前開催された教室に実際に参加した経験がある山本さんにお話を伺いました。 飛ばすだけじゃない。“作る”も魅力のドローン──ドローンに興味を持ったきっかけを教えてください。 山本悠貴さん（以

Next.jsでウェブサービスを運営していると、ページの構成を変更したい場合や古いコンテンツを新しいページに統合したい場合があります。この記事では、Next.jsで特定のページを削除し、そのURLから他のページへリダイレクトする方法を紹介します。 ステップ 1: 不要なページの削除 まずは、削除したいページのファイル（例えば pages/old-page.js）をプロジェクトから削除します。ファイルを削除することで、そのページへのアクセスができなくなります。 ステップ 2: リダイレクトの設定 削除したページへアクセスしたユーザーを新しいページに自動的にリダイレクトするには、next.config.js ファイルを編集します。このファイルがプロジェクトに存在しない場合は、プロジェクトのルートディレクトリに新しく作成してください。 module.exports = { async redir

はじめに 自分が何者なのかを示すことの重要性が高まっている こんにちは、Watanabe Jin (@Sicut_study)です。 最近フリーランスでは大きな問題が起きている フリーランスとして受け入れをしたが、いきなり「飛んで消えてしまう」などトラブルが相次いで発生している 最近はフリーランスをNGとする企業も増えてきている では、なぜフリーランスをNGとしているのか これには大きく2つあるように思える フリーランスのスキルが低いことが目立っている フリーランスを信じることが難しくなっている スキル不足のフリーランスが増えた背景には、フリーランス1000万円といった過大広告によって経験があまりない状態からフリーランスになってしまった人があふれていること フリーランスの信用をするための材料(例えば法人化している、知名度があるなど)がないことからいつ無責任になるかわからない このような理由

米CrowdStrike（クラウドストライク）は、同社製品「CrowdStrike Falcon」（以下、Falcon）が原因で2024年7月19日（米国時間）に発生したシステム障害に関する「根本原因分析」（RCA：Root Cause Analysis）の結果を公表。システム障害に至った詳細や今後の対策を明らかにした。 既にほぼ全てのシステムが復旧 根本原因分析とは、問題の根本的な原因を特定し、対策を講じて再発を防止するためのプロセスを指す。根本原因分析の結果は、クラウドストライクのWebサイトで米国時間2024年8月6日に公開された。 米Microsoft（マイクロソフト）は、今回のシステム障害で約850万台のコンピューターが影響を受けたと推定。クラウドストライクによると、米国時間2024年7月25日時点で約97％、同7月29日時点で約99％が復旧したという。 システム障害の原因となっ