データベース 🎮 DB-UI Playground：日本語サンプルデータで試すモダンDB管理ツール
📖 はじめにデータベース管理ツールといえば、phpMyAdminやpgAdminが定番ですが、設定が複雑だったり、UIが古めかしかったりと、現代の開発者には少し使いづらい面があります。そこで今回は、Next.js + TypeScript ...
Web開発
データベース 
アプリケーション開発 Forgejo認証TODOアプリ：オープンソースGitサーバーと連携したタスク管理システム
はじめに近年、GitHubの代替として注目を集めているオープンソースGitサーバー「Forgejo」。このForgejoのAPIを活用した、実用的なTODOアプリケーションを開発しました。本記事では、その設計思想、技術的な実装、そして実際の...
Web開発 Playwright MCP セットアップガイド: バージョン不一致問題の解決法
このガイドでは、Playwright MCPの正しいセットアップ方法と、特にバージョン不一致の問題を解決する方法を説明します。すべての手順は実際に検証済みの方法に基づいています。MicrosoftのPlaywright MCP使ってみた！！...
Web開発 Bolt.newを使って半日でOSSのグラフィックレコーディング共有プラットフォーム「GRAPHIA」を作った話
こんにちは！今回は、AIコーディングツール「Bolt.new」を使って、たった半日でグラフィックレコーディング共有プラットフォーム「GRAPHIA」を開発した過程をご紹介します。プログラミング知識がなくても、自然言語でAIに指示を出すだけで...
Web開発 【🐝 Agency Swarm】 Genesis Agencyを使ったAIエージェンシーの自動構築と実装
Agency Swarmのユニークな機能の1つであるGenesis Agencyを使用することで、AIエージェンシーの構造を自然言語での指示だけで自動的に定義・構築できます。本記事では、Web開発エージェンシーを例に、Genesis Age...
AIエージェント 【🐝 Agency Swarm】Genesis Agencyで作る！最適なWebサイト制作エージェンシーの自動定義構築
はじめにAgency Swarmのジェネシスエージェンシー機能を使えば、自然言語での指示だけでWebサイト制作用のAIエージェンシーを簡単に構築できます。本記事では、実際のセットアップから具体的なエージェント構成まで、詳しく解説します。AI...
Web開発 DeepSeek R1 × Roo-cline: Hugging Face Spacesギャラリーの実装 🚀
はじめに今回は、DeepSeek R1とRoo-clineを組み合わせて、Hugging Face Spacesのギャラリーページを作成してみました。DeepSeek R1の優れた推論能力とRoo-clineの自動化機能を活用することで、効...
Web開発 DeepSeek V3でbrowser-use-webuiを使ってみよう！
前回の記事「browser-use-webuiでブラウザ操作を自動化しよう！」の続編として、今回はDeepSeek V3を使用した実践的な方法を解説します。DeepSeek V3の特徴DeepSeek V3は、以下のような特徴を持つ強力な言...
Web開発 browser-use-webuiでブラウザ操作を自動化しよう！
はじめにbrowser-use-webuiは、AIエージェントによるブラウザ操作を簡単に実現できるツールです。今回は、セットアップから実際の使用例まで詳しく解説します。browser-useのwebui を動かしてみた！確かにこれは面白い！...
Web開発 PythonでSupabaseのテーブルを作成し、Gradio 5のアプリを構築する方法
近年、SupabaseはオープンソースのFirebase代替として注目を集めており、Pythonコミュニティでもその利用が急増しています。本記事では、Pythonを使用してSupabaseのデータベースにテーブルを作成し、そのテーブルと連携...