> 백엔드 개발 > 파이썬 튜토리얼 > Gradio로 멋진 앱을 만드는 방법!

Gradio로 멋진 앱을 만드는 방법!

Barbara Streisand
풀어 주다: 2024-09-29 06:15:03
원래의
254명이 탐색했습니다.

How to Make a Cool App with Gradio!

プログラマーの皆さん、こんにちは!いつもとは違う内容で帰ってきました。今日はGradioについて学びましょう!それは人々がコンピュータと会話するのを助けるアプリを作るための魔法のようなものです。

さて、このグラディオは何だろうと思っているかもしれません。

Gradio とは何ですか?

gradio をアプリ作成のための魔法の杖として想像してください。ペットロボットを飼っていて、質問したり写真を見せたりすると、ロボットが答えてくれるということを想像してみてください。 Gradio は、文字を入力したり画像を入力したりすると、コンピューターがそれに応答できるインターフェイスの構築に役立ちます。

作業を始めるのに、コーディングについて詳しく知る必要はありません。とても基本的で使いやすいです。使い方を見てみましょう!

ステップ 1: Gradio を設定する

始める前に、コンピューターに Gradio をインストールするように指示する必要があります。

  1. ターミナルを開きます。

  2. ターミナルに次のように入力します:

pip インストール gradio

このコマンドは、gradio のインストールとセットアップに役立ちます。 これで、アプリを作成する準備がすべて整いました!

ステップ 2: 非常にシンプルなアプリを作成する

最初のアプリを作ってみましょう!このアプリでは、コンピュータがあなたの名前を尋ね、コンピュータがあなたに「こんにちは」と挨拶します。楽しそうですよね?

このコードを書いてください:

gradio を gr としてインポート

デフォルトの挨拶(名前):
return "こんにちは、" 名前 "!"

iface = gr.Interface(fn=greet, inputs="text", Outputs="text")
iface.launch()

このコードで何が起こっているのか考えているはずです。詳しく見てみましょう:

  1. import gradio as gr: これは、コンピューターに gradio を使用してアプリを作成するように指示しているようなものです。

  2. defgreet(name): これはあなたの名前を尋ねる関数であり、あなたの名前とともに Hello を返します。

  3. iface = gr.Interface(fn=greet, inputs="text", Outputs="text"): この部分は、gradio にアプリの構築方法を指示します。入力としてテキストを受け取り、出力としてテキストを返します。

  4. iface.launch(): これはアプリの起動に役立ちます。

ここでコードを実行すると、名前を記入できるボックスが表示され、コンピューターが挨拶を返します。素敵ですね。あなたの名前を入力してみてください。

ステップ 3: 写真でもっと楽しく!

写真を追加してアプリをさらにクールにしましょう!ここでは、コンピューターにいくつかの写真を見せて、それを識別するようにコンピューターに指示します。

多くの動物がどのように見えるかをすでに知っている機械学習モデルを使用します。

このコードを書きます:

gradio を gr としてインポート
tensorflow.keras.applications.resnet50 からインポート ResNet50、decode_predictions、preprocess_input
tensorflow.keras.preprocessing インポートイメージから
numpy を np

としてインポート

モデル = ResNet50(weights="imagenet")

def assign_image(img):
img = image.img_to_array(img)
img = np.expand_dims(img, axis=0)
img = preprocess_input(img)
preds = model.predict(img)
return decode_predictions(preds, top=1)[0][0][1]

iface = gr.Interface(fn=classify_image, inputs="画像", Outputs="ラベル")
iface.launch()

機能をよりよく理解するために、このコードを分解してみましょう:

  1. モデルの読み込み: コンピューターの頭脳として ResNet50 をアップロードしています。これは、コンピューターが写真に何が写っているかを推測するのに役立ちます。

  2. classify_image: この関数は画像を取得し、そこに何が表示されているかを推測します。

  3. inputs="image": ここで、アプリはテキストの代わりに入力として画像を要求しています。

これで、コードを実行し、写真をアップロードして、コンピューターに推測させることができます。その中にあるものは何でもアップロードできます。

ステップ 4: アプリを友達と共有します!

クールなアプリを作成したので、ネットワークや友達と共有しましょう。 Gradio では、世界中の誰とでも共有できる特別なリンクを提供することで、これを非常に簡単にします!

その方法は次のとおりです:

コードの最後の部分を次のように変更します。

iface.launch(share=True)

このコードを実行すると、Gradio は友達に送信できるリンクを提供します。あなたと同じように、ブラウザでリンクを開いてアプリをプレイできます!

ステップ 5: さらに楽しい機能を追加する

Gradio アプリを好きなようにカスタマイズできます。アプリをより楽しくする方法をいくつか見てみましょう:

  1. タイトルと説明を変更します

アプリに適切なタイトルと説明を付けて、よりインタラクティブにすることができます。

iface = gr.Interface(
fn=classify_image、
inputs="画像"、
出力 = "ラベル"、
title="動物分類子",
description="画像をアップロードしてください。それが何の動物なのか当ててみましょう!"
)
iface.launch()

이제 앱이 훨씬 더 멋지게 보입니다. 이름과 설명이 추가되어 더욱 전문적으로 보입니다.

2.더 많은 입력 및 출력 사용

컴퓨터에 더 많은 정보를 제공하고 싶다면 어떻게 해야 하나요? 그림을 보여주고 텍스트를 입력하고 싶을 수도 있습니다. Gradio도 이를 처리할 수 있습니다!

이미지와 텍스트를 모두 입력으로 사용하여 앱을 만드는 방법은 다음과 같습니다.

iface = gr.Interface(
fn=classify_image,
입력=["이미지", "텍스트"],
출력="레이블"
)
iface.launch()

이제 앱은 이미지와 일부 텍스트를 모두 사용합니다. 마치 컴퓨터가 더 똑똑해진 것 같아요!

결론

와! 방금 Gradio를 사용하여 멋진 앱을 만드는 방법을 배웠습니다! 이를 사용하면 많은 앱을 만들 수 있고 코딩이 정말 재미있어집니다. 여기에서 더 자세히 알아볼 수 있습니다.

Linkedin과 Github에서 저를 팔로우하는 것을 잊지 않으셨다면 이 블로그가 즐거웠기를 바랍니다. 어서 저 역시 명성을 얻을 자격이 있으니 그렇지 않다면 댓글로 비난해 주세요.

즐거운 코딩하세요!!

위 내용은 Gradio로 멋진 앱을 만드는 방법!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿