Web開発

AIアプリケーション開発

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

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

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アプリケーションでユーザーの認証や認可に使用さ...
Web開発

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

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

対称性JWTとは

はじめにこの記事では,対称性JWT(JSON Web Token)について説明します.対称性JWTは,APIセキュリティの分野で広く使用されています.記事では,JWTとは何か,対称性JWTの機能と利点,実装の詳細,セキュリティ上の問題,およ...