Ollama ELYZAとSwallowを試して分かった、M4 Airで使う日本語ローカルLLMの選び方
これまでの記事でMacBook Air M4にOllamaを導入し、Gemma 3を3サイズで比較してきました。Gemma 3は多言語対応の汎用モデルですが、日本語を主に使う場合は日本語特化モデルにも興味が出てきます。本記事では、代表的な日...
深尾 拓生 / FUKAO Takuo
Ollama Ollama OllamaとChromaDBでローカルRAGを実装する：最小サンプルで仕組みを理解する
これまでの記事で、MacBook Air M4でOllamaを動かし、Open WebUIで快適に使い、APIをPythonから叩いてチャットCLIを作るところまで進めてきました。今回は応用編として、RAG（Retrieval-Augmen...
Ollama OllamaのAPIをPythonから叩いてローカルLLMチャットCLIを作る
前回までの記事で、MacBook Air M4にOllamaを導入し、Open WebUIで快適に使う環境を整え、Gemma 3を3サイズで比較しました。本記事ではOllamaのAPI活用編として、PythonからOllamaのAPIを叩い...
Ollama Open WebUIでOllamaを快適に使う＋Gemma 3を3サイズ比較してわかったM4 Airでの最適解
前回の記事ではMacBook Air M4にOllamaをインストールし、Gemma 3 27Bを動かすところまでを解説しました。本記事ではその続編として、ChatGPT風のUIでOllamaを使える「Open WebUI」をDockerで...
Ollama MacBook Air M4にOllamaを導入してローカルLLM（Gemma 3 27B）を動かす手順
ChatGPTやClaudeなどクラウド型のLLMは便利ですが、機密情報を扱う場面や、ネット接続なしで使いたい場面では「ローカルLLM」が選択肢になります。本記事では、MacBook Air M4（メモリ32GB）にOllamaをインストー...
Chrome拡張機能 東村山市の公共施設予約システムに Chrome 拡張で「終了日自動入力」を仕込んだ話
TL;DR自治体の施設予約サイトで、開始日を選ぶと終了日にも同じ日付が自動で入る Chrome 拡張を作った単純に input.value = ... を書き換える方式は PrimeVue Calendar の manualInput=fa...
Claude Code Claude Code のマルチエージェント環境でタスク管理 Web アプリを作ってみた 〜要件定義から実装までの実況中継〜
はじめに前回の記事 では、macOS 上に Claude Code のマルチエージェント開発環境(tmux + Claude Code + 設定ファイル 2 つ)を構築するところまでをまとめました。今回はその続編として、構築した環境を実際に...
Claude Code macOS で Claude Code のマルチエージェント開発環境を構築する 〜 tmux + Claude Code で split panes 表示まで〜
はじめにClaude Code のマルチエージェント機能(Agent Teams)を tmux の画面分割と組み合わせて使うと、複数の AI が役割分担しながら並列で作業する様子を一画面で確認できます。本記事ではその環境を macOS 上で...
PHP PHP で複数サイトの死活監視を自動化する（Bash スクリプトから移行）
はじめに複数のクライアントサイトを保守していると、「サイトがダウンしていても気づくのが遅れた」という経験は一度はあるはずだ。理想はダウンを検知した瞬間に通知が来ること。以前から Bash スクリプトで HTTP ステータスコードを定期チェッ...
エックスサーバー XServer API + PHP で SSL 証明書監視を自動化する（さくら・ロリポップも対応）
はじめにSSL 証明書の期限切れは、ユーザーに「この接続は安全ではありません」と表示され、サイトへのアクセスが実質的に遮断される深刻な障害になる。Let's Encrypt の普及で自動更新が一般的になったとはいえ、更新処理の失敗・設定ミス...
エックスサーバー XServer API ディスク監視システム拡張編：通知グループ・SMTP 認証・データローテーション
はじめに前回の記事（XServer API で複数サーバーのディスク使用量を集中監視する）では、エックスサーバーの REST API（XServer API）を使って複数サーバーのディスク使用量を PHP で集中監視する仕組みを構築した。そ...
エックスサーバー XServer API で複数サーバーのディスク使用量を集中監視する
はじめに複数のクライアントサイトをエックスサーバーで運用していると、「どのサーバーのディスクがどれくらい使われているか」を把握するのが意外と手間になる。管理画面を開いてサーバーごとに確認し、スプレッドシートに転記して…というのを毎回やるのは...
Linux fswatch でファイル変更を自動検知する — macOS開発者のための実践ガイド
fswatch とはfswatch は macOS・Linux・Windows（WSL）で動作するオープンソースのファイルシステム監視ツールです。OS ネイティブの監視 API（macOS なら FSEvents、Linux なら inot...
TypeScript TypeScript実務パターン（型設計・API型定義・プロジェクト構造） – 13/13
これまでのシリーズではTypeScriptの基本機能を解説してきました。基本型型推論関数型オブジェクト型Union型GenericsReact / Vueとの組み合わせこれらを理解すればTypeScriptの基本はほぼ理解したと言えます。し...
TypeScript TypeScriptとVue.js（Vue.js開発でTypeScriptを使う方法） – 12/13
前回の記事では TypeScriptとReact の組み合わせを解説しました。現在のフロントエンド開発ではReact + TypeScriptと同じくらいVue + TypeScriptも一般的になっています。Vue3ではTypeScrip...
TypeScript TypeScriptとReact（React開発でTypeScriptを使う方法） – 11/13
これまでの記事では基本型型推論関数型オブジェクト型Genericsなど、TypeScriptの基本機能を解説してきました。今回の記事ではReactとTypeScriptを組み合わせる方法を解説します。現在のフロントエンド開発ではReact ...
TypeScript TypeScriptのGenericsとは？型を再利用する強力な仕組み – 10/13
前回の記事では interface と type の違い を解説しました。TypeScriptではinterfacetypeを使ってデータ構造を定義できます。しかし実務では次のような問題が発生します。似た型が大量に増える例えばUser配列P...
TypeScript TypeScriptのInterfaceとTypeの違い（型定義の2つの方法） – 9/13
前回の記事では Union型とLiteral型 を解説しました。Union型を使うことで複数の型を扱える柔軟な型設計ができるようになります。今回の記事ではTypeScriptの型定義方法であるinterfacetypeについて解説します。T...
TypeScript TypeScriptのUnion型とLiteral型（柔軟な型設計） – 8/13
前回の記事では TypeScriptの配列型 を解説しました。配列型ではnumber[]string[]User[]などのデータ構造を安全に扱う方法を説明しました。今回は Union型とLiteral型 を解説します。Union型はType...
WordPress WordPress独自テーマでCSSやJSのバージョン番号をWP管理画面で管理する仕組み
設定ファイルの初期値と管理画面変更を両立する実装例WordPressの独自テーマを運用していると、CSSやJavaScriptを更新したのに、ブラウザキャッシュの影響で変更が反映されないことがあります。このときによく使われるのが、アセットU...