コンビニ飯版github

https://mt-oka.github.io/progate-momiji/

GitHub

CSS

JavaScript

Node.js

HTML

コンビニの食べ物を自由に組み合わせて美味いコンビニ飯を作る!!!

2n0oq1fo3ug

8qu35bgjc6o

推しアイデア

画像を挿入させるのではなくAIに画像を生成させること!!!

作った背景

物価が高くなってきているので,食事を工夫してコストを抑えたい!と思った時に誰でも利用するコンビニを

推し技術

OpenAIのAPIを使った画像生成機能! 日本語よりも英語の方が想像通りの画像が生成されるので、Deeplのapiも入れました。

プロジェクト詳細

使用技術

HTML,CSS,Node.js(フレームワーク:express)

実装内容

・上のアイコンを押すとホームへ戻る ・レシピ作成機能 ・レシピ作成後のAIによる画像生成機能

使い方

右上の飯レシピの作成を押すと作成する画面に遷移するようになっており,作成画面ではタイトルとアピールポイントと作り方を入力することができるようになっています.一番下にある作成ボタンを押すと同時に画像生成が始まり,生成後は画像のように生成一覧としてタイトル,画像,アピールポイント作成されます.

image

今回実装できなかったもの

キーワードの検索機能

2n0oq1fo3ug

@0453c5d221caaa52