ページアクセス時に複数のローディングスピナーがランダムに表示され、徐々にコンテンツに置き換わっていくような体験に遭遇したこと、もしくは実装した経験はあるでしょうか？ReactチームはこのようなUIを、ポップコーンが弾ける様子に例えてポップコーンUIと揶揄しています。 このようなUIはユーザー体験として好ましくありませんが、よくみられるUIでもあります。Reactにおいて、コンポーネント内でデータフェッチを扱う方法は様々ありますが、複数のコンポーネントでローディング状態をハンドリングしてしまうとポップコーンUIになりがちです。 開発者が意図してより良い体験を実装すべきとも考えられますが、単...

💾

Honoは2021年の12月に開発が始まって4年と少し経つ。たぶん、あなたが想像する以上に大きくなっている。GitHubのスターは現時点で29.2K。これは日本人発OSSで観測する限り第3位の数字だ。最近ではMCP公式SDKの依存に入り、ダウンロード数はうなぎのぼり。月間1億ダウンロードが近い。Cloudflareは多くのプロダクトでHonoを使っている。 これだけ大きな規模のOSSに、クリエーター、もしくはメンテナとして関わることは非常に貴重な経験である。そこにはみなさんが見ていない景色が広がっている。 Honoの開発において「憂鬱な」こともたくさんある。ただ、それを上回る楽しいことが...

💾

はじめに Anthropicの製品体系はここ1年で大きく変わった。Claude Codeが使えるプランも変わってきて、「結局どのプランをどう組み合わせればいいのか」が分かりにくい。 この記事では、製品体系の整理と、Claude Codeを組織で活用するためのプラン構成のベストプラクティスを紹介する。Knowledge Workでの実際の運用例も交えているので、導入を検討している組織の参考になれば幸いだ。 Anthropicの2つの製品 Anthropicには大きく2つの製品がある。ClaudeとClaude Developer Platformだ。Anthropic自身もこの2つ...

💾

本記事の構成について この記事は、AIを使用して構成の整理や下書きを支援してもらっています。 しかし、内容は精査の上理解を表現しています。 まずはじめに 久々にOllamaのドキュメントを開いたら、見慣れない単語が目に入った。 量子化（Quantization） 以前にOllamaを触ったとき（前回の記事）は、gemma3を動かして「ローカルでLLMが動いた！」という体験がメインだった。 当時のドキュメントには「7BモデルはRAM 8GB必要」「13BモデルはRAM 16GB必要」といった目安表があったはずだ。 今回ドキュメントを見ると、その表が消えていた。代わりに量子化まわりの...

💾

English version → TL;DR Claude Code に 13 言語で簡易 git を実装させたところ、Ruby・Python・JavaScript が最速・最安・最安定でした。静的型付けの言語は 1.4〜2.6 倍遅く、生成コストがかかる傾向がありました。 はじめに AIコーディングエージェントに向いているプログラミング言語はなんでしょうか。 「AIのバグを防ぐため、型システムは重要！」 「いや、型注釈がないほうがトークン数が少なくて済む！」 定性的な議論は見かけるんですが、定量的な話を見ないので、実験してみました。 実験 Claude Code に、い...

💾

! すべて人の手で書きました ✏️ こんにちは、よしこです。AI情報を追うのが趣味です。 AIの変化のスピード、情報量の多さ、凄まじいですね。 日々興味深く動向を追っているのですが、良い機会なので普段どんなふうにAI情報を眺めているか自分のやり方を書いてみようと思います。 この記事は ナレッジワーク Blog Sprint 4本目の記事です！ 1. X（Twitter） 個人的にはAI情報はX（Twitter）が主戦場です。最速で新鮮な情報が流れてくる場だと思っています。 私はAI情報用のリストを作成してリストビューで追っています。アカウント追加時にいちいち通知が飛ばないように非公...

💾

! 以下の GitHub Actions ワークフローの問題点がわからない人は、お願いなので読み進めてください。 on: pull_request: jobs: example: runs-on: ubuntu-latest steps: - run: echo "PR title is ${{ github.event.pull_request.title }}" - run: echo "PR Head Ref is ${{ github.head_ref }}" 要約 run の中で直接 ${{}} を使わないでください 必...

💾

デザインシステムが小難しくてよくわからない・これでいいのか不安がある、というプロダクトデザイナー・UIデザイナーに向けたガイドです。暗黙知になりがちなセオリーやプラクティスを徹底的に言語化しました。デザイン観点と実装観点を統合的に扱っているので、各社内のデザイナーがキャッチアップする教材、エンジニア・デザイナーで読み合わせていただくためのドキュメントとして活用いただけます。

💾