IT

AdminLTE3は、管理画面向けのBootstrapテーマであり、Djangoアプリケーションに統合することができます。以下は、DjangoプロジェクトにAdminLTE3をインストールする手順です。 これで、AdminLTE3がDjangoプロジェクトに統合されました。必要に応じて、ユーザー認証、データベースモデルの管理、またはその他の機能を追加して、完全なWebアプリケーションを構築できます。

Djangoのセットアップ方法を以下に示します。DjangoはPythonのWebフレームワークであり、Pythonの実行環境が必要です。 Pythonのインストール: DjangoはPythonで動作しますので、Pythonの最新バージョンをインストールしてください。Pythonの公式サイト からダウンロードしてインストールできます。インストール後、コマンドラインでpython –versionを実行してバージョンが表示されることを確認してください。 5.サーバーの起動: プロジェクトディレクトリに移動し、Djangoの開発用サーバーを起動します。 サーバーが起動すると、ブラウザで http://127.0.0.1:8000/ にアクセスすることでDjangoのデフォルトのウェルカムページが表示されます。 これでDjangoのセットアップが完了しました。必要に応じて、Django公式ドキュメントやオンラインリソースを参照して、さらに詳細な情報やチュートリアルを利用できます。

2.ブラウザ（Chrome）: 3. WSL＋Ubuntu22.04: 4.ChatGPTまたはClaude3: 以上が、あなたが考えるAIを活用したプログラムなしで開発を行うためのツールです。それぞれが異なる側面で開発プロセスを支援し、開発者の生産性を向上させる役割を果たします。

一般の人がウェブフォームを使って送信した情報を、Pythonコマンドやコマンドプロンプトで受け取り、レスポンスをレンダリングするには、ウェブアプリケーションフレームワークを使用するのが一般的です。Pythonでは、FlaskやDjangoなどの人気のあるフレームワークを使用して、このようなウェブアプリケーションを構築することができます。 具体的な手順は次のようになります： このように、Pythonコマンドやコマンドプロンプトを使用してウェブフォームの送信とレスポンスを処理する場合、ウェブアプリケーションフレームワークを使用して、サーバーサイドでの処理を行い、ブラウザでのレンダリングを実現します。

ウェブアプリケーションのディレクトリ構成は、プロジェクトの規模や使用するフレームワークによって異なりますが、以下はFlaskを使用した基本的なウェブアプリケーションのディレクトリ構成の例です。この構成は、小規模から中規模のプロジェクトに適しています。 この構成は、Flaskの基本的なプロジェクト構成の一例です。プロジェクトが大きくなるにつれて、モデルやビューを別のファイルやディレクトリに分割するなど、構成を調整することが重要です。

はい、このソースコードは以下のように説明できます:

DNS（Domain Name System）は、インターネット上のドメイン名とそれに対応するIPアドレスを関連付けるためのシステムです。DNSの設定を解説するとは、特定のドメイン名に関連付けられたDNSレコードの意味と役割を説明することを指します。 以下は与えられたDNSレコードの解説です： これらのレコードは、DNSサーバーにドメインの解決を要求したクライアントに返され、クライアントはこの情報を使用して目的のサービスに接続するための適切なIPアドレスを見つけます。

WEBVTT 00:00.000 –> 00:08.986[交通騒音] 00:09.866 –> 00:14.506大学生が一からレースカーを作るのは狂気の沙汰です。 00:15.706 –> 00:21.866しかし、私たちはそれ以上のことがしたかった。世界最速の電気レースカーを作りたかったのです。 00:23.226 –> 00:25.786そしてここに至るまでに3年の長い年月がかかりました。 00:29.946 –> 00:32.826私たちはこの車のすべてを設計しました。 00:33.626 –> 00:37.466空力設計から部品の製造まで。 00:38.144 –> 00:43.024駆動系から制御システム、さらには車の運転ソフトウェアまで。 00:44.624 –> 00:46.864そしてこの全てをパンデミック中に行いました。 […]

エラーが出た時詳細がわからないことがあります。そういう時サーバーログを確認するといいです。これは、ConoHaのVPSの場合です。

プログラムをどう書いていくかブログに残していきます。 複雑なプログラムもまずは簡単なコードを書いて動くところから試していきます。 サーバーにsshで接続 データーベースへの接続なら そして、 です。 次にデーターベースの作成で、 ノーコードよりコマンド打った方がシンプルで実は早いのです。

テーブル設計 このコードでは、フォームが送信されたときに、ユーザーの入力とAIの応答がデータベースに挿入されます。データベースへの接続は、リクエストが POST で、question フィールドが空でない場合のみ行われます。 注意: このコードでは、SQLインジェクションへの対策がなされていません。本番環境で使用する場合は、プリペアドステートメントを使用するなどの対策が必要です。 MySQLへの接続 index.phpとデータベース接続のコードを連携させるには、index.phpファイルにデータベース接続のコードを追加する必要があります。 以下の手順に従ってください。 index.phpファイルの冒頭に、データベース接続の設定を追加します。 APIリクエストの処理の後に、会話データをデータベースに挿入するコードを追加します。 スクリプトの最後に、データベース接続を閉じるコードを追加します。 ソースをマージ 最終的なindex.phpファイルは、以下のようになります。 テーブル構造の確認

cluadu3のAPIを使ってフロントを作成しました。

bootstrapで簡素な作りだけでオープンLLMに接続してレスポンスを取得して表示する基本のコードを書きました。 このHTMLコードは、オープンLLMのAPIを利用したウェブフォームを作成するためのものです。以下、各部分の説明です： このウェブフォームは、ユーザーが質問を入力し、送信すると、その質問をOpenLLMサーバーに送信し、得られた回答を表示するという流れで動作します。サーバーサイドのPHPスクリプトは、APIとの通信を処理し、クライアントサイドのJavaScript（custom-scripts.js）はユーザーインターフェイスの機能を担います。

jsを外部ファイル化する。 外部ファイル化するためには、以下の手順で進めます： custom-scripts.js HTMLファイルでの参照 HTMLファイル内で外部ファイルを読み込むには、以下のように<script>タグを追加します。この例では、custom-scripts.jsが現在のHTMLファイルと同じディレクトリにあることを 前提としています。パスは環境に応じて調整してください。 この方法で、HTMLファイルとJavaScriptコードを分離することができ、メンテナンス性や再利用性が向上します。 サンプルコード index.php

テンプレートリテラルとは？ テンプレートリテラルは、ECMAScript 2015 (ES6) で導入されたJavaScriptの機能で、文字列を作成する新しい方法です。従来の文字列リテラル（シングルクオート’やダブルクオート”で囲まれた文字列）に代わるもので、バックティック（`）を使用して定義します。テンプレートリテラルは、複数行にわたる文字列や、埋め込み式（式の結果を文字列中に挿入する機能）を扱うことができるため、動的な文字列の生成が簡単に行えるようになります。 テンプレートリテラルの特徴 テンプレートリテラルの例 テンプレートリテラルは、従来の文字列操作に比べて直感的で読みやすいコードを書くことが可能になるため、JavaScriptで動的な文字列を扱う場合の推奨される方法です。

サンプルコード

MySQLを使用してテキスト生成Web UIのデータベースを設計する際には、主に以下のような情報を管理するテーブルが必要になります： 以下はこれらのテーブルを設計するための基本的なSQLスキーマです： ユーザー情報 (users) リクエスト情報 (requests) 生成テキスト (generated_texts) これらのテーブルは、テキスト生成Web UIで最も基本的なデータを管理するためのものです。実際のプロジェクトでは、セキュリティ、性能、そしてユーザー体験を考慮して、さらに詳細な設計や追加のテーブルが必要になるかもしれません。たとえば、ユーザー認証のためのパスワード管理、リクエストや生成テキストに対するタグ付けやカテゴライズ、ユーザーのアクションログ記録などです。 はい、WordPressを使用してテキスト生成のWeb UIを構築することは可能です。WordPressは柔軟性が高く、プラグインやカスタムコードを用いて多様な機能を実装できます。テキスト生成機能をWordPressサイトに統合するには、いくつかのアプローチが考えられます： カスタムプラグインの開発 ショートコードの利用 REST APIの利用 データベースの活用 セキュリティとパフォーマンス WordPressを用いることで、開発の時間を節約し、より幅広いユーザーにサービスを提供することが可能になります。カスタムプラグインの開発やAPIの統合は、WordPressの強力なカスタマイズ性を生かす良い例です。開発プロセスは、具体的な要件や目的に応じて調整することができます。

何が正解なのだろう？といろいろ試している。とりあえず下記で動いたので下記でやることにする。本当は固定のサブドメインを割り当ててやりたかったがエラーがでる。 ポートを固定サブドメインを使って接続 サブドメインなしで接続

提供されたSSHコマンドの設定を使用し、新たなポートフォワーディング設定（-R ai7:80:127.0.0.1:7890）を含むPowerShellスクリプトを更新します。このスクリプトは、指定されたリモートホストに対してSSH接続を確立し、接続が切断された場合に自動的に再接続を試みます。 PowerShellスクリプト例 スクリプトの使用上の注意: このスクリプトを使用することで、Windows環境においてもautosshのような自動再接続機能を実現することが可能です。 PowerShellスクリプトを保存して使用する方法は以下の通りです。 ステップ1: スクリプトをテキストエディタに貼り付ける ステップ2: スクリプトを保存する ステップ3: PowerShellスクリプトを実行する PowerShellスクリプトを実行するには、以下の手順に従います。 このコマンドは、信頼されていないスクリプトの実行を許可するために必要です。セキュリティ上の警告が表示された場合は、続行する前に内容を確認してください。 次に、以下のコマンドを使用してスクリプトを実行します。 ここで、AutoSSHReconnect.ps1はあなたが保存したスクリプトのファイル名に置き換えてください。 注意点 これらの手順に従えば、PowerShellスクリプトを保存し、Windows環境で使用することができます。

生成AIで何ができるという方のために自宅で作れる生成でできるサービスを公開しています。具体的には、生成AI系の「オープンソース」をローカルサーバーで動かしてサーバーを「ポートウォワーディングリバースSSH」を使用して生成AIのサービスを外部公開しています。 システム環境 普通のデスクトップにNVIDIAのグラフイックボードを搭載させています。 1号サーバー RTX3080（VRAM10G）2号サーバー RTX3060（VRAM12G）3号サーバー RTX4090（VRAM24G） windows10/11,Dockerを使ったりWSL2を使っています。外部公開にはngrokとsishを併用しています。本番運用はデーターセンターでUbuntuがいいと思います。 テキストto画像生成 https://ai2.ex-pa.pro/ テキストから画像を生成することができます。オープンソース名は、stable diffisionです。やり方は簡単で、サイトにアクセスして下記のプロンプトとネガティブプロンプトを入力するだけです。後はお好みでプロンプトを調整してください。 ai2.ex-pa.pro モデルは、yayoi_mixです。 プロンプト ネガティブプロンプト できた画像です。 動画生成共有サイト https://ai3.ex-pa.pro/ 動画共有サイトです。ログインして動画をアップロードすることができます。YoutubeのURLを入力してfechしてがサムネイル、動画をひっぱることができます。 ai3.ex-pa.pro ChatGPTクローンオープンLLM（バックエンド） https://ai4.ex-pa.pro/ ChatGPTのクローンを複数管理できるオープンLLMのWebUIのバックエンド画面です。モデルを選択して会話モードや教師モードで会話、教師モードで話すことができます。Loraを使って強化、追加学習することが可能です。 ChatGPTクローンオープンLLM（API） […]

Google Cloud Speech API をPHPで利用するためには、まずGoogle Cloud Platform (GCP) のプロジェクトを作成し、Speech-to-Text APIを有効にする必要があります。また、適切なサービスアカウントを作成し、その認証情報をダウンロードする必要があります。以下は、Google Cloud Speech APIをPHPで使用するための基本的な手順とサンプルコードです。 ステップ 1: GCP の設定 ステップ 2: PHP クライアントライブラリのインストール Google Cloud Speech APIのPHPクライアントライブラリを使用するために、Composerを使用してインストールします。以下のコマンドを実行します。 […]