Web開発

Web開発

browser-use-webuiでブラウザ操作を自動化しよう!

はじめにbrowser-use-webuiは、AIエージェントによるブラウザ操作を簡単に実現できるツールです。今回は、セットアップから実際の使用例まで詳しく解説します。browser-useのwebui を動かしてみた!確かにこれは面白い!...
Web開発

PythonでSupabaseのテーブルを作成し、Gradio 5のアプリを構築する方法

近年、SupabaseはオープンソースのFirebase代替として注目を集めており、Pythonコミュニティでもその利用が急増しています。本記事では、Pythonを使用してSupabaseのデータベースにテーブルを作成し、そのテーブルと連携...
AIアプリケーション開発

Bolt.new アプリケーションの構造と機能解説

はじめにこのドキュメントは、Bolt アプリケーションのコードベースの構造と各部の機能について解説します。Bolt は、StackBlitz の WebContainer API を活用し、ブラウザ上でフルスタック Web アプリケーション...
クラウドサービス

Bolt改造:BoltにAWS Bedrockを対応させる方法

はじめにBoltは、Remix Runを用いて構築されたAI駆動の開発ツールで、ブラウザ上でのフルスタック開発を可能にします。本記事では、BoltにAWS BedrockのモデルであるClaudeを統合する方法について解説します。これにより...
クラウドサービス

【MOA】社内向けAI Web UI構築ガイド:open webui + pipeline + langfuse

はじめに最近、企業内でAIを活用したいというニーズが高まっています。しかし、セキュリティやコスト管理の観点から、パブリックなAIサービスをそのまま利用するのは難しい場合があります。そこで今回は、MOA(Magic of AWS)プロジェクト...
Web開発

Boltオープンソースコードベースへようこそ

BoltオープンソースコードベースへようこそBoltオープンソースコードベースへようこそ!このリポジトリには、StackBlitzのWebContainer APIを利用したAIによるソフトウェア開発ツールの構築を始めるのに役立つ、bolt...
AIツール

v0とshadcn CLI:AI駆動のNext.jsプロジェクトセットアップガイド

はじめに本ガイドでは、v0で生成されたコンポーネントをshadcn CLIを使用してNext.jsプロジェクトに統合する方法を、実際のコマンドライン操作に基づいて説明します。この方法を使用することで、AIの力を活用した効率的な開発ワークフロ...
Web開発

既存のChromeブラウザをSeleniumで操作する方法

Seleniumは通常、新しいブラウザインスタンスを起動して自動化を行いますが、既存のChromeブラウザセッションを操作することも可能です。この記事では、その方法について詳しく説明します。前提条件Python 3.6以上Selenium ...
Markdown

【コードが見やすい】Markdownを使うメリット

はじめにMarkdownは,プレーンテキスト形式で書かれた文書をHTMLに変換するための軽量マークアップ言語です.この言語は,特に技術系の文書の作成に向いており,エンジニアやデザイナー,ライターによって広く使用されています.この記事では,M...
セキュリティ

JWTのAlgorithm confusion attacksとは?

JWTのAlgorithm confusion attacksとは?はじめにJSON Web Token(JWT)は,インターネット上で情報を安全に送信するための標準的な方法であり,多くのWebアプリケーションでユーザーの認証や認可に使用さ...