わからなかった単語をまとめてみた
- 要件定義、モノレポ、モジュールの定義と違いを解説した
- 機能要件と非機能要件の2種類、モノレポは1つのリポジトリに複数プロジェクトをまとめる、モジュールは関連コードを部品化する
- 要件定義では機能と品質の両方を明確にすることが重要で、コード構成ではモジュール化で管理性を高める
#フロントエンド
【Vitest】テストを書いてみた~振る舞いを仕様として残す~
- Vitestでテストを書く際、振る舞いを仕様として残す方法を紹介した
- テストを前提・操作・結果の順で記述し、モック関数とReact Testing Libraryを組み合わせて画面の振る舞いを確認する
- テスト名に「未ログインの場合、投稿後にログイン画面へ遷移する」と記述することで意図が伝わりやすくなる
AIコード補完はTab一発で比べない。「近傍→別関数→別ファイル」の編集経路を測る
- AIコード補完の評価にlocal/nearby/cross-fileの3段階の編集経路を導入
- localは現在行、nearbyは同じfeature内の別関数、cross-fileは別fileの関連実装を対象にし、変更意図の届き具合を測る
- 変更が予期した場所に届いていない場合、手修正が必要になる可能性がある
BuilderIO/agent-native
- Agent-NativeはUIとエージェントを連携させるオープンソースのTypeScriptフレームワークを公開した
- 共有アクションと共有データ、共有アプリケーション状態を実装し、UIとエージェントが同じアクションを共有する
- UIとエージェントが同じアクションを呼び出す仕組みで、開発者は一度定義すれば複数の環境で利用できる
みのるん式 登壇資料の作成ノウハウをスキルとして公開しました！
- みのるんの登壇資料作成ノウハウをAIエージェントが使えるスキルとして公開した
- slide-storyで構成、slide-figuresで図のデザイン、slide-design-darkで黒地の配色を制御
- 図の中の文字は16pt以上が目安で、検査スクリプトで確認する必要がある
Vocciのリングが会議ノート taking の新たなフォームファクターを追加
- Vocciのリング型メーティングノート takingデバイスが発表された
- リング型ボタンで録音開始停止、AI質問機能、8時間録音、チタン素材
- アプリのUIが複雑でAIインサイトの生成が不正確、プライバシー問題あり
ScrollEd、教科書をTikTok風に変換するアプリをリリース
- ScrollEdがテキストをTikTok風のフィードに変換するアプリをリリース
- AI生成動画・音声・クイズを含むスライド形式で表示、スワイプで深掘り可能
- 教育機関向けに有料プランとデータ分析機能を提供、個人利用も可能
イベントで地図を使ったアプリケーションを作る時に知っておきたいこと
- イベント向け地図アプリでOSMベースのPMTilesを用意し、MapLibre GL JSでスタイルをカスタマイズする方法が説明されている
- PMTiles形式のタイルを範囲指定で切り出し、style.jsonで色やレイヤーをカスタマイズし、CORSとCloudFrontキャッシュを設定する
- 商用利用のリスクを避けるためOSMを選び、CORS設定とRangeリクエストの対応が必要で、CloudFrontでキャッシュを効かせることが重要
Codexで作ったアプリの仕様漏れを「状態×利用者」の画面比較で見つける
- Codexで開発中のアプリで、利用者と状態ごとの画面比較で仕様漏れを発見した
- 同じAIの会話画面を対象に、作成者と受領者の立場で表示を比較し、利用枠不足や契約プランの違いを条件に分ける
- 画面比較で確認する際には変更前・変更案・変更後の画像を区別し、操作と復帰を実際に確かめることが重要
Google Gemini AIでマンガ制作に悪戦苦闘したこと
- Google GeminiとChatGPTを組み合わせてマンガ制作に挑戦した
- Geminiはコマ割りやレイアウトに強み、ChatGPTはセリフのロジックや口調に優れている
- セリフはChatGPTで作成し、ビジュアルはGeminiで生成する分業が効率的
Jevは学習なしに使えるカテゴリ分類器だ！ということでMNISTやらせてみたらダメダメだった件
- JevにMNISTを入力しても精度が悪く、LLMや画像入力モデルの方が優れている
- ASCIIアートや数値行列、座標配列の入力形式で試したが精度38%、GPT-5.6 Lunaの画像入力で精度が向上
- 画像をテキスト化してモデルに処理させるのは無理があり、画像入力モデルを使うべき
Jevで水平思考クイズのWebアプリを作ったよ【ウミガメのスープ】
- Jevを使って水平思考クイズのWebアプリを作った
- JevはYes/No回答を返す仕組みで、自然言語処理に特化したモデル、水平思考クイズの実装にはルールベースやfine-tuningが難しい
- 否定疑問文の処理で日本語のYes/Noの扱いに注意が必要
Jevと迷惑メールの分類対決をする
- Jevと人間でメールの分類対決を行い、Jevの精度とコストを検証した
- Jevは3択の判定を依頼し、安全・要確認・フィッシングに分類、人間より判定時間が短いが正答数は少ない
- Jevの判定基準を明確に設定する必要があり、プロンプトエンジニアリングが重要になる
A第10話 Streamlit × Jev × ローカルLLM「ついにGUI実装！注文書PDFからデータ作成まで自動化！」／【AI入門小説】猪突猛進系！新人OL？がローカルLLMを学んだら
- StreamlitでWebアプリを作成し、OpenJevでPDFの判断を分担する仕組みを構築した
- Streamlitでブラウザアプリを構築、OpenJevで確信度付きの選択判断を実装、RAGで表記ゆれを対応
- Streamlitはボタン押下でプログラムを再実行するため、状態管理が必要で、サーバー環境での運用が必須
判断特化AI「Jev」はUX検証に使える？ 正解手順なしでWebサイトを探索させてみた
- Jevという判断特化AIを使ってWebサイトのUX検証を試みた
- Jevに目的と画面情報を渡して操作を選ばせ、Playwrightで実行。GoodとBadの2種類のマイページで比較実験
- UIの導線が分かりにくいとJevが途中停止する傾向があり、人間の操作と比較する必要がある
ARGのゲームデザイン ～「フィクション表記」は現実と虚構の線引きを解決するのか？～
- ARGの現実空間でのリスクを管理するためのゲームデザインが重要
- フィクション表記の効果と限界、リスク評価の手法、現実と虚構の境界線の設計
- フィクション表記だけではリスクを完全に回避できないため、作品ごとのリスク評価と設計が必須
MCP × Claude Code × BedrockでPlaywrightの自動化フローを構築
- MCPとClaude Code、Bedrockを組み合わせてPlaywrightの自動化フローを構築した
- MCPで画面操作を記録し、Claude Codeで詳細を実装、Bedrockで判断を補完する
- LLMの解析精度を高めるためマルチターン解析とHTMLの特定範囲指定が必要
日比谷高校オンライン整理券システム "QUAINT" 2025年開発体験記
- オンライン整理券システム「QUAINT」を2025年度に開発し、技術的課題と改善点を共有
- Nuxt2→Nuxt4への移行、QRログイン機能の導入、Azureサーバーのスペック変更、Cloudflareの設定
- QRコード生成時のセル数計算ミスがスキャナー読み取りに影響し、2026年度の開発に注意が必要
Claude Mods 入門 | Claude Codeを自由にカスタマイズする
- Claude ModsはTypeScriptの関数でClaude Codeの機能や見た目を直接カスタマイズできる拡張機能
- Function Hooksでエンジンプロセスに直接ロードし、画面描画・ツール登録まで制御可能、5層のチェーン構造で権限を管理
- Function Hooksは環境変数で有効化し、hooks/hooks.jsonでモジュールを指定して実行中にホットリロード可能
LLM を組み込んだ Web アプリ開発に挑戦！フェズのサマーインターン開催レポート
- LLMを組み込んだWebアプリ開発に取り組むサマーインターンが実施された
- GeminiによるSQL生成と要約、BigQueryでのデータ分析、HTML/CSS/JavaScriptによるフロントエンド開発が実施された
- 開発環境の構築やデータベースとの連携、LLMの実装方法が具体的に学べる
