はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。 またなんか無限レンダリングされるとかなんか2回計算されるとか、そういう困った記事も良く見かけます。 なんでこんな問題をわざわざこっちで面倒みないといけないの？ そもそもリアクティブってお前らが勝手に持ち込んだ概念なんだから、解決もライブラリ側で勝手にやってくれよ。 どうしてユーザがいちいち対応しないといけないんだ？ そこで登場するのが、再レンダリング問題を独自のアプローチで完全解決したJavaScriptフレームワークCrank.jsです。 import {renderer} from "@b9g/crank/dom"; function Greeting({nam

CLAUDE.md 互換 Claude Code の CLAUDE.md は、GitHub Copilot の copilot-instructions.md で同様の指示を行うことが出来ます。 ただ、業界としては AGENTS.md に統一する動きがあるため、移行しておいたほうが良いかもしれません。 Claude Code 公式ドキュメント GitHub Copilot 公式ドキュメント AGENTS.md Custom slash commands 互換 Claude Code の Custom slash commands は、GitHub Copilot の Prompt files で同じようにコマンドを設定することが出来ます。 具体的には .github/prompts フォルダに <command-name>.prompt.md というファイルを配置すると、 /<comman

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ふと思いました 2025年も変わらず、Power BI の仕事をしていました。多くは、企業さんから依頼を受けて、初学者向けに Power BI の研修を担当していました。その他、データ周りのコンサルティングもやってきました。2026年も引き続き、大きく変わらない予定です。 そんな仕事をしていて、ふと思ったのです。 「BI は多くの企業にとって、2026年も新しいものなのか？」 これについては、2つの視点で見ていかないといけないかなと思います。ひとつは組織の視点。もうひとつは個人の視点。というわけで、それぞれの視点で見ていきましょう。 B

TL;DR AIに「全く同じこと」を頼み続けると、人間と同じく虚無に至る そうならないためにはタスクにランダム性をもたせるか、明示的にコンテキストを破棄させる必要がある どうしても同じことを頼む場合はそもそもコンテキストを保持させてはいけない 事の経緯 私はロックマンエグゼ直撃世代です。 AI全盛の世で、「今なら自分用にロックマンのようなネットナビをつくれるのではないか？」と思いつき、AntiGravityを利用しつつ開発中です。 さて、「GitのPRに対してAIがレビューをする」という機能を実装していました。 そのテストコードをコミット前にかならず実行する、というフローだったのですが、エージェントの処理速度に甘えて見過ごしていたことがあります。 それは、 AIが毎回同じ差分に対してレビューしている という実装でした。 事象発覚

ドメインを一つ取ろうとしただけなんです。 それなのに、気づけば 謎のレンタルサーバー とセットで契約させられていました。 そんな「お名前.com」の洗礼を浴びて絶望した私が、AI（Gemini）を軍師に迎えて 「ドメインの白紙撤回」 を勝ち取った記録です。 そもそもQ&AにAIが回答してくるなら、こちらもAIでクレームを入れても問題無いはず。 最悪の召喚獣バトル、代理戦争の開始です。 開戦：「ダークパターン」との遭遇 お名前.comでドメインを購入しようとしたら、流れるような導線で不要なレンタルサーバーを契約させられていました。「0円」の文字に騙されましたが、実際には数ヶ月の縛りが発生する仕組み。 情弱乙と言われてしまえばそれまでですが、折角なのでクレームをGeminiに書かせてみました。 覚醒：AIを「超絶クレーマー」に任命 私「AIよ、私は怒っている。お前を『超絶クレーマー』に任命する

ルーティングは、特定のURLパスとHTTPメソッドの組み合わせを、対応する処理（ハンドラー）に紐づける仕組みだ。 これらの概念を押さえたところで、抽象的な概念から具体的な実装へ進んでいこう。 3. Expressが生まれた背景〜Node.jsの課題を解決する〜 3.1 Node.jsの素の実装の問題点 Node.jsには組み込みのhttpモジュールがあり、フレームワークなしでもWebサーバーを作れる。しかし、実際にやってみると冗長なコードになりがちだ。 // フレームワークなしのNode.js HTTPサーバー const http = require('http'); const url = require('url'); const server = http.createServer((req, res) => { const parsedUrl = url.parse(req.ur

はじめに AWSコンソール上でリソースの作成・更新をしようと思ったら、権限がない！ こんな経験はないでしょうか。私は数えきれないほどあります。 その度、ログイン中のアカウントにアタッチされたIAMロールを確認し、社内のAWSインフラ部隊に「権限ないんですけど」と問い合わせを送ります。 企業などの組織におけるそれぞれのAWSアカウントの権限は基本的に最小構成で設計していることが多いと思います。これはセキュリティの観点からはベストプラクティスであり、過剰な権限をユーザーに渡すリスクを抑えることができます。ただ一方で、組織内の各人のユースケースに沿った適切なロールを渡すこともまた難しいです。 組織の人数が増えるほど「権限ないんですけど」の発生頻度も増加します。そんな時、自分のアカウントの所持ロールをサッと確認する方法が欲しくなります。 IAMロールを一覧で出力するCLIツールを作りました 毎回I

Claude Code への質問と回答を指定のファイルに保存する方法を、チャットモード / ワンショットモード別に記します。よりよい方法があれば教えてください。 背景 Claude Code (CLI) に質問するとき、質問と回答をマークダウンファイルに保存しておくと、以下の点で便利だと思います。 Claude の回答内容を今すぐには対応できないとき、保留しておける。 Obsidian 保管庫下に保存すれば、マークダウンがレンダリングされて見やすい。 さらに Dropbox で同期すれば、他デバイスからも閲覧できる。 例えば質問をまとめて投げてから外出して、スマートフォンで回答を確認できる。 なので、保存方法の例をケース A と B について記します。 A. チャットモードの場合 (カスタムスラッシュコマンドで直前の質問 & 回答を保存) B. ワンショットモードの場合 (独自シェルスクリ

はじめに Googleで長年 Chrome に携わり、現在は Google Cloud AI でディレクターを務める Addy Osmani（アディ・オスマニ）氏が、14年間の経験から学んだ教訓をまとめた 『21 Lessons From 14 Years at Google』 がとても面白かったので、個人的な解釈を交えながらまとめてみました。 オスマニ氏は、O'Reilly などで多数の技術書を執筆していることでも知られ、長年にわたり Web 開発コミュニティに貢献してきたエンジニアです。 これらを共有するのは、同じように経験を分けてくれたエンジニアたちから、私自身が計り知れないほどの恩恵を受けてきたからです。これは、その恩を次へとつないでいくための、私なりの試みだと思ってください。 そんな想いで書かれたこのブログには、技術的な Tips ではなく、エンジニアとして無理せず長く続けていく

そもそも Obsidian とは Markdown ファイル群を閲覧・編集できるデスクトップアプリケーションです。 スマホアプリもあります (iOS/Android)。 Obsidian 公式サイト 具体的に、Markdown ファイルを格納したディレクトリ (サブディレクトリも切れます) を Obsidian に Vault (保管庫) として認識させると、アプリ上からレンダリングされた各ファイルを階層構造ごと Web サイトのように閲覧できます。また、アプリ上から各ページを編集したり、ファイルやディレクトリを新規作成したりもできます。つまり、ローカルに自分用ウィキが構築できます。 同期機能 (有料の公式機能 Obsidian Sync や、無料で試せる外部ストレージ連携プラグイン Remotely Save) もあり、同期すれば他の PC やスマートフォン、タブレットからも自分用ウィキ

目次 初めに やったことと結果 SHAP値処理の改修 背景 課題1：for文の中でlambda式を使用 課題2：intをstrに変更している 解決策 実行時間 回避コスト算出 モデル作成における前処理スキップ 背景 解決策 削減コスト算出 なぜむなしいのか 感想 初めに SHAP値処理を最適化することで99.99%以上の処理時間削減およびAWSコンピュートコストを年間440万円以上抑制することに成功。 バッチ処理を回すたびに重い中間テーブルを作成していた前処理を飛ばせるようにしてAthenaのスキャン料を年間60万円以上削減。 ビジネス上において非常にインパクトが大きく意味のあるエンジニアリングを実現しているはずなんだ。 なのになぜだ。 このどことない地味さは。 どうしてこんなに「やってやった」感がないんだ。 なんてむなしいんだ... ということで、このむなしさの整理を兼ねてやったことをア

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 「ちょっとしたアイデアを試してみたい」と思ったとき、どのように開発を始めるでしょうか。 おそらく「とりあえず書いてみる」というのが一般的だと思います。生成AIの活用が浸透した現在では、より「試しに書かせてみる」ということがやりやすくなりました。 一方でそのように自動的なコード生成をしているからこそ、同じ言語を使っているのに微妙な差異がプロジェクトごとに発生して、そのコンテクストスイッチが発生することになります。 自分用のテンプレートを持つメリット この問題を解決するのが「自分用のテンプレートを持っておく」というアプローチである

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは。Tsukasaです！ 皆さんAmazon Connectはご存知でしょうか？ 私は昨年のAWS Summitで初めてこのサービスを知りました。 中々触ることができなかったのですが、今回ハンズオンで触ってみたので、その内容を記事にしていきたいと思います。 Amazon Connectとは Amazon Connectとは何でしょうか？ Amazon Connect は、コンタクトセンターの顧客とユーザーを統一されたエクスペリエンスでシームレスにつなぐ、AI を活用したアプリケーションです。複数のチャネルで通信するため

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 最近、AnthropicからリリースされたChrome拡張機能「Claude in Chrome」が、単なるブラウザアシスタントの枠を超えて、特に開発者のワークフローを大きく変える可能性を秘めていると感じています。 これまでも、ブラウザ上でAIと対話できる拡張機能は存在しました。しかし、今回の「Claude in Chrome」が画期的なのは、AIがブラウザを直接「見て」、そして「操作」できる点にあります。まるで、隣に座っている同僚に「このボタン押しといて」と頼むような感覚で、ブラウザ作業を任せられるようになってきました。 こ

はじめに Qiitaに書いた過去の自分の記事をGemini（Gem）にコンテキストとして食わせるため、GASで同期スクリプトを書きました。 15分おきに自動実行させることで、記事の更新を準リアルタイムでGeminiが参照できるようになります。 メリット 完全無料: Googleの無料枠で完結。 メンテナンスフリー: クォータ上限で止まる（翌日自動復帰）だけなので、従量課金の心配がありません。 Geminiの制約回避: ドライブ参照のファイル数制限をコード側で対策しています。 準備 Qiitaアクセストークン: 設定 > アプリケーションで発行。スコープは read_qiita のみ。 フォルダID: Googleドライブで保存先フォルダを開いた際の、URLの末尾部分です。 例：https://drive.google.com/drive/u/0/folders/1A2B3C4D5E6F7G

はじめに 英語ドキュメントを読むのはつらい。 DeepLでもGoogle翻訳でも翻訳文章長のリミットがあったり、なんか日本語的に違和感があったりするものです。 そういう制限を解消しつつ、文書検索を簡単に「意図を理解」して提案してくれる環境をVSCode上に作ろう　というお話をやっていきます この記事では触れませんが、セキュリティ文書って結構Red Teaming的なことを書くと、オンラインのAIエージェントは「回答拒否」するので、ローカルLLMを使って回答拒否しないものを作っています。 LLMをうまく選定すれば作れるのでやりたい人はやってみてください。 とはいえ、絶対的にローカルLLMである必要性はないのでオンラインでもよいです。 あくまでも回答拒否しないモデルを使うという点においてローカルLLMが適しているというだけです 環境準備 EVO X2の128GBモデルを買う(or 96GB以上

Microsoft 365 Copilotはあくまで生成AIのため、出力するたびに全然違うものが出来上がります。一部酷評しているのは製品を揶揄しているのではなく、結果を面白く表現しているだけです。 正しい利用方法やガイドについては、Mirosoft Learnや公式Blog等をご覧ください。 Microsoft 365 CopilotでPowerPointを作りたい PowerPointの自動作成は全人類の夢。日々のパワポ作成に悩まされている社会人は少なくありません。 そんな悩みを解消する一歩として、現時点(2026年1月)でのMicrosoft 365 Copilotでどんなものが出力されるのかを検証してみました。 Microsoft 365 CopilotでできるPowerPoint作成のパターン 何が何やらかと思いますが、詳細はそれぞれのリンク先を見てください。 １．Copilot

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? TL;DR Gemini 3.0 Pro でスクリプト生成＆科学的検証（誤情報防止） Gemini 3.0 Pro Image でサムネイル生成 Gemini TTS でナレーション生成 Whisper で単語レベルのタイムスタンプ取得 Gemini 3.0 Pro で動画構成を決定（2.5 Proでは使い物にならなかった） MoviePy + PIL で動画レンダリング 完成した動画は YouTube / TikTok / Instagram で公開中 完成した動画の例 はじめに 個人開発で料理アプリ「CookForYou」を作ってい

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 手元の古い GPU マシンに PyTorch 環境を構築しようとして、昔やったように構築したら動きませんでした (PyTorch と GPU の不整合で)。エラーメッセージから原因はわかるし解決も難しくないですが、そもそも最初から失敗しない手順を記します。 先に注意点のまとめ 手元の GPU マシンに直接 PyTorch 環境を構築するとき、(昔に環境構築が上手くいった経験がある人ほど) 以下の点に注意が要ると思います。 近年の PyTorch には CUDA ランタイムが同梱されているため [1]、別途 CUDA をインストールしてお

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 🏗️ はじめに：前回のあらすじと「誤算」 こんにちは。東海地区で設計事務所をやっている、プログラミング知識ゼロの建築士です。 前回、ChatGPTとペアプロで**「構造計算用DXFを解析して柱負担面積を全自動計算するツール（HTML1枚）」**を作った話をしました。 ▼ 前回の記事はこちら 【建築士×ChatGPT】「読み方も分からない技術」で、野良DXFを3秒で解析する爆速ツールをHTML1枚で作った話【2025年法改正】 おかげさまで、エンジニアの方からLGTM（いいね）をいただき、調子に乗って第2弾です。 前回のツールは確かに革

背景 Emacs備忘録（２０２４年版）という記事を投稿してから２年ほど経過し、そこそこ満足していましたが、不意に見かけた大西拓磨さんの動画（５分頃〜）を見て、見た目を良くするためだけの設定が多いなと感じ、設定の断捨離を行いました。 また、GnusというEmacsのメーラーも使用するようになり、より沼にハマっています。 大西拓磨さんの記事も面白かったので貼っておきます。 https://note.com/illlilllililill/n/n29c6ae425f4b 主な変更点 アイコンや過剰なUIパッケージを減らしました vertico、corfu、orderless、prescientの設定を調整 過剰な最適化設定を削除しました 組み込み機能の設定を調整しました（ace-windowを廃止してrepeat-modeを使用するなど） gnusの設定を追加しました IMEをddskkにしまし