News
-
ChatGPT + Next.jsでLPを自動生成するWebアプリを構築する方法【OpenAI API + Next.js + Tailwind CSS】
最近、「Readdy」のようなノーコードで使えるAIツールが注目を集めています。誰でも簡単にAIを活用できる時代になりましたが、「自分のサービスにAIを組み込んでみたい」「もっと自由にカスタマイズしたい」と思ったことはありませんか？ この記事では、Ne... -
Next.jsとOpenAI API-DALL·E 3で画像生成アプリを作ってみた（Tailwind CSS対応）
最近話題の 画像生成AI を、実際に自分のアプリに組み込んでみたいと思ったことはありませんか？ この記事では、Next.js（App Router）、Tailwind CSS、そして OpenAIの画像生成API（DALL·E 3） を使って、シンプルな画像生成アプリを構築する方法を紹介し... -
OpenAI APIでチャットボットを作ってみた【Next.js + Tailwind CSS】
最近は、OpenAIのAPIを使って自分専用のチャットボットや業務用アシスタントを作る人が増えています。この記事では、Next.js（App Router）とTailwind CSSを使って、シンプルかつカスタマイズしやすいチャットUIを構築する方法を紹介します。 OpenAIのchat... -
Coolifyが勝手にExited？毎日停止する問題の正体【v4.0.0-beta.420.1】
Coolifyでデプロイしたアプリが、毎日決まったタイミングで勝手にExitedになるそんな不可解な現象に直面しました。 最初は「Healthチェックを設定していないから止められてるのか？」と考え、設定まわりを調べてみましたが、これといった原因は見つからず... -
【XSS デモ】たった1行でWebサイトをハッキングしてみた!!
「HTMLタグが使える掲示板アプリを作ってみた！」そんな初心者エンジニアの作品が、たった1行の投稿で“乗っ取られて”しまうとしたら？ 今回は、セキュリティの基本中の基本、「クロスサイトスクリプティング（XSS）」の実例を使って、実際にどんな風に脆弱... -
【2025年版】開発者向けAI API徹底比較｜ChatGPT・Claude・Gemini・Llamaなど主要LLMの特徴・料金まとめ
2024年から2025年にかけて、AIを活用したアプリやサービスの開発がますます一般化してきました。ChatGPTやClaudeに代表される**大規模言語モデル（LLM）**は、単なるチャットボットを超えて、コード生成・要約・検索・ドキュメント処理など、さまざまなユ... -
【初心者OK】無料で“かっこいい”WEBページがAIで簡単に作れる！？話題のReaddyとは
「AIがWEBサイトを作ってくれる時代が来た」――そんな言葉も、今や特別なことではなくなってきました。 そんな中で見つけたのが、プロンプト（自然言語）を入力するだけで、かっこいいWEBページを自動で作ってくれるAIサービス「Readdy（リーディー）」です... -
【無料でAIアプリ開発】YouWareを使って0からWebサービスを作ってみた！
「AIでアプリが作れる時代がきた」――そんな言葉も、今ではあたりまえになってきました。 そんな中で見つけたのが、プロンプト（自然言語）を入力するだけでWebアプリやサイトを自動生成できるサービス、**「YouWare（ユーウェア）」**です。 YouWareを紹介... -
Next.js + React Three Fiber + React Three XR + Variant Launch を使って iOS で WebXR対応のARアプリを開発してみた！
WebXRでARアプリを作ろうと思ったのですが、iOSはWebXRに正式対応していないのが現状です。 そこで、React Three XRの公式でも紹介されていた Variant Launch を使って、iOSでもWebXRのARが動作するように対応してみました。 Does it work on iOS?WebXR fo... -
【超簡単】Coolify × Xserver VPS × Cloudflare で始める最強の自動デプロイ環境構築ガイド
本記事では、VPS 上に Coolify をインストールし、GitHub との連携、自動デプロイ、Cloudflare を使った独自ドメイン + HTTPS 化までを構築する手順をまとめます。 対象読者は次のような方を想定しています： Docker ベースで複数アプリを管理したい GUI ...
