始めに React と Vue をどちらも使っていて、 Vue と比べて React はあまり好きではないなと思うことが多いので、自分が思う React の嫌なところをまとめてみました。 コメント欄でこれらの嫌なポイントを改善する方法を教えてもらえると嬉しいです。 1. 依存関係を定義するフックの API が微妙 React の useMemo や useEffect 、useCallback などのフックは、第一引数にコールバック関数を取り、第二引数に依存配列を取ります。 const memoizedValue = useMemo(() => computeExpensi...

💾

はじめに こんにちは。Komlock labでブロックチェーンエンジニアをしている小原（@brto_0224）です。 2026年3月、AIエージェントが自律的に支払いを行うためのインフラが一気に動き出しました。 3月17日〜23日の1週間だけで、MastercardがBVNKの買収を発表（$1.8B）、StripeがTempo上でMPPのメインネットを公開、MoonPayがOpen Wallet Standard（OWS）をオープンソース化。Visaもエージェント向けCLIツールを公開しました。 この分野をキャッチアップしようとすると、x402、MPP、ACP、AP2、OWS、ERC...

💾

はじまり はじまりは今年の正月に遡る。ともかく、私は暇を持て余して慣れない小説を書こうとしていたわけだ。とはいえ当方エンジニア、しだいに日本語よりRustを書きたくなってくる。自分の中での厳正な審議の結果、小説エディタを作ろうと思い立った。 シリーズとチャプターという単位で作品を管理して、うん、EPUB出力機能はあったほうがいいだろう。マークアップはどうしようか、TeX、Typstは向かなそうだ。とはいえMarkdownでは圏点などなど和文小説特有の表現に弱い、まさかHTMLを直接書くわけにもいくまい。 そこで目に留まったのが、自分の手元のタブレットに表示されたままの人間失格だった。...

💾

! 2025/3/29 19:00 更新 — セクション9「5分で体験するCoDD」を大幅改善。要件定義を平文で渡すだけのフローに変更（codd init --requirements spec.txt）。フロントマターもwave_configも全自動生成。 ! このシリーズが初めての方はこちらから https://zenn.dev/shio_shoppaize/articles/5fee11d03a11a1 https://github.com/yohey-w/codd-dev この記事はいつもと毛色が違う。体験記ではなく論考だ。 AI開発の方法論がこの2年で3回変わった。プロン...

💾

! 学べること スクラム開発の PBI を 「背景・目的・対応内容」 の3点で整理するフレームワーク エピック・PBI・タスクの階層ごとに 何を書いて何を省くか の使い分け はじめに AI（Gemini）と壁打ちしながら考えを整理した備忘録。あとで見返す用。 スクラム開発で PBI を書くとき、「＜ユーザー＞として、＜何か＞したい。それは＜価値＞のためだ。」というユーザーストーリー形式を使うのが定番とされている。 ただ、正直かったるい。 「この設定をこう変える」とだけ書けば済む話に、わざわざ「〇〇として〜」と前置きを付ける必要があるのか。プロ同士ならそれで通じるのではないか...

💾

業務参画向けのAndroid開発知識リファレンス。Kotlin・コンポーネント・UI・アーキテクチャ・非同期処理・DI・ビルド・テスト・ツールをカバー。

💾

iOS26でCoreMediaに大規模なアップデートが入りました。 型安全性の導入 主に動画や音声で扱われるCMSampleBufferですが、実際はタイムスタンプを持ったデータの汎用形式でセンサーデータや字幕データなどを扱う際にも使われます。 CMSampleBufferはこのデータ情報を型情報として持っていないため、次のように判別する必要がありました。 let format = CMSampleBufferGetFormatDescription(sampleBuffer)! let mediaType = CMFormatDescriptionGetMediaType(form...

💾

Chromeで垂直タブ機能が使えるようになったようです。 ただ、いまのところ機能は無効化されているので、今回は機能を有効化し、実際に使ってみました。 環境 macOS 26.4 Chrome 146.0.7680.165 これは執筆時点（2026年3月29日）のバージョンです。 有効化の手順 まずは、アドレスバーに以下のURLを入力し、設定を「Enabled」に変更してからChromeを再起動してください。 chrome://flags/#vertical-tabs ! chrome://flags は試験的な機能の設定画面です。 設定を変更することでChromeの動作に影...

💾

! 将来、当時（2026年当初）のWeb界隈ってこんな感じだったよな、というのを振り返られるよう残しておく備忘録です。あくまで一当事者が感じた主観的なことを綴っています（客観的なことは残りやすいと思うのであえて主観的なことを）。それってつまり私の感想です。 JSフレームワーク戦争はReactの勝利 React vs Vue.jsのJSフレームワーク戦争はReactの勝利に終わった。（Reactはフレームワークではなくライブラリと自称しているけども。） これからReactとVueどちらを勉強したらいいですか、と聞かれたら事情がなければReactを先に学びなさいと答える。Reactを使...

💾

4ヶ月で100個のSkillを作った。月2本だったPRが月175本になった。コスト$200/月。 この記事は「CLAUDE.mdに何を書けばいいか分からない」という人に向けて、実物を全部見せるために書いた。理論やフレームワークの話ではなく、泥臭い試行錯誤の記録だ。 Skillとは何か: AIへの仕事の頼み方をレシピ化したもの。一度書けば、同じ作業を何度でも自動で再現できる。エンジニアに限らず、「反復作業を手順化して任せる」という考え方自体は、どんな職種でも応用できる。 TL;DR .claude/ ディレクトリに420ファイル（Skills 100 + Rules 27 + Do...

💾

https://github.com/features/copilot/cli?locale=ja TL;DR ! どうせあまり使えないのでプログラミングとか派手なことはさせずにgitオペレーションやgithub駆動開発あるいは外部から呼ぶgit専門のエージェントに使うといいのではという記事 このエージェントについて まず、このエージェントはユーザーアカウントがgithubに登録している限りではあるものの珍しく無料で使うことができる。ただしプレミアムリクエスト（エージェント問い合わせ）は50回しかないとされている。 無料だと50回使える https://github.com/...

💾

AIにゲームを作らせようとして苦戦している話をよく見かける。 コードは書ける。動くものは出る。でも「面白い」にならない。面白さの判断基準をAI自身が持っていないから、指示通りには組み立てられても、出来上がったものがいいかどうかを自分で判定できない。 では、「ゲームの面白さとは何か」を身体で知っているAIがいたら、面白いゲームも作れるんじゃないか？ 2005年頃からブログやTwitterに書いた日記が、気づいたら20年分溜まっていた。ゲームの感想、技術メモ、仕事の考え事、深夜の思いつき。2026年3月にClaude Code（AnthropicのAIコーディングエージェント）を触り始めたと...

💾

本棚Webアプリ「BiblioCanvas」を公開しています。 https://karaage.hatenadiary.jp/entry/2026/01/25/112910 Kindleの蔵書をブックマークレットでインポートして、テーマ別の本棚を作って公開できるサービスです。無料で1万冊まで登録できます。自分の蔵書は2600冊以上あって、ブラウザで眺めるのは楽しいのですが「AIに蔵書・本棚を管理させたい」という欲求が出てきました。 そこで作ったのが「bibliocanvas-cli」です。CLIに加えて、AIエージェント向けのSkillも同梱して、AIがスキルを使って自律的に本棚を操作で...

💾

! このシリーズが初めての方はこちらから https://zenn.dev/shio_shoppaize/articles/5fee11d03a11a1 https://github.com/yohey-w/multi-agent-shogun 結論から言う 2026年3月、AIエージェント界隈で「ハーネスエンジニアリング」が急にバズった。Anthropic、OpenAI、逆瀬川さん、Martin Fowler、arXiv論文、Zennの解説記事が大量に出た。 全部読んだ。 で、気づいたことがある。これ、Git Workflowをbashで書き直してるだけじゃないか？ 🗺️...

💾

はじめに Reactで画面の表示切り替えをフラグで管理するコードは、いろいろなプロジェクトで見かけます。 const [isLoading, setIsLoading] = useState(false); const [isError, setIsError] = useState(false); const [hasData, setHasData] = useState(false); const [data, setData] = useState<User[]>([]); const [error, setError] = useState<Error |...

💾

はじめに Go のコンパイラにはスライスや配列へのアクセス時に、インデックスが範囲内にあるかを実行時にチェックする仕組みがあります。いわゆる境界チェック (Bounds Check) です。この境界チェックは安全性の為に必要な物ですが、ループの中で何万回も実行されると無視できないオーバーヘッドになります。 Go のコンパイラは SSA (Static Single Assignment) の最適化パスの中で、境界チェックが不要と証明できたアクセスについてはチェックを除去します。これを BCE (Bounds Check Elimination) と呼びます。つまり、コンパイラが「この...

💾

0. 元にした記事・リポジトリ 日本マイクロソフトの Kazuki Ota さんによる 図形フル活用の PowerPoint を GitHub Copilot に読ませてみた https://github.com/runceel/github-copilot-excel-lab を自分の環境で実行してみたところ、動作させる際に詰まる点がいくつかあったので、備忘録として記載する また、GitHub Copilot がどのような処理を行うことで曼荼羅のような複雑な図形を Mermaid に変換しているのかを確認する 1. 環境構築 自分のローカルの WSL には dotnet の...

💾

この記事を読んでほしい人 Claude Code / Cursor などのAIエージェントをチームに導入したいエンジニア 情シスから「セキュリティ面の対応は？」と聞かれて技術的に答えたい人 AIツール導入のセキュリティ面の検討材料を探している情シス担当 ! 本記事はAIエージェントのセキュリティ面の技術対策に焦点を当てています。実際の導入判断には、コスト・運用体制・社内規程・契約面など他の要素も必要です。ここで紹介するのは「技術的にはこういう対策が取れます」という材料です。 AIエージェント導入で必ず聞かれる3つの質問 AIエージェントの導入を提案すると、情シスやセキュリテ...

💾

今回の想定読者 今回のネタは、ローカルLLMについてです。本記事を読んでいただけると、ローカルLLMの概要や使い方を知ることができます。（ファインチューニングについては触れていません） 以下の様な方が想定読者です。 諸事情により、OpenAIなど外部のLLMを利用できない、またはコスト節約したい ローカルLLMに興味がある Ollamaの使い方を知りたい ログビーの勉強会について ログビー（Logbii）では、月一回オンラインの社内勉強会をしています。直近のものと、2025年以降のアーカイブを順次公開していきます。 ざっくりと、以下のルールで運用をしています。 月イチで、ラ...

💾

初期設定だといろいろ使いにくくて、1週間くらいちょこちょこ改善しました。 「これならトータルで見てCursorの時より使いやすいな」という状態になったので、ここまでやったことを共有します。 0. cmuxとClaude Codeのインストール まずはここから。Claude Codeは課金もした。 1. cmuxの見た目を整える（Ghostty設定） cmuxは内部的にGhosttyをターミナルエンジンとして使っている。 だからcmuxの見た目（フォント、配色、カーソル等）を整えるためにGhosttyの設定ファイルを書く。 theme = "Kanagawa Wave" windo...

💾