Web開発

Web開発

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

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

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

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

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

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

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

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

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

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

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アプリケーションでユーザーの認証や認可に使用さ...
セキュリティ

非対称性JWTの理解と実装: セキュアな認証鍵

はじめに近年,Webアプリケーションの多くはAPI経由でのやりとりが一般的になってきました.このようなAPIを利用する際には,ユーザー認証が不可欠です.その中でも,JWTはトークンベースの認証方式としてよく使われます.一方で,対称鍵を用いた...