、それを共有したいのは自然なことです。 Herokuの無料層が、ほとんど努力せずにアプリを即座に展開できるようになったことを覚えている人もいるかもしれません。その時代は長い間なくなり、シンプルなMLアプリを紹介するためのオプションははるかに制限されています。
そもそもアプリを紹介するのはなぜですか？理由はたくさんあります。あなたの仕事をそこに置くことで、実際にそれを試してみる人から本当のフィードバックを収集することができます。また、どの履歴も履歴書よりも大きいポートフォリオを構築する機会を提供します。アプリを共有すると、コラボレーションのためのドアが開き、アイデアが実際の問題を解決するかどうかをテストし、予想しない機会を作成することさえあります。あなたの仕事を紹介することは、学習、改善、信頼性の構築に関するものです。
作業をオンラインにしたり、小さなプロジェクトポートフォリオを構築したい場合は、フェイススペースを抱きしめるのが最適な場所の1つです。無料で使いやすく、機械学習アプリを展開できます。必要なあらゆる種類のデモをスピンアップして、他のデモと数分で共有できます。
スペースで実行されているアプリの膨大なコレクションがすでにあり、テキストや画像モデルから完全なインタラクティブなツールまで、すべてをカバーしています。でそれらを閲覧します huggingface.co/spaces 何が可能なのか、自分のプロジェクトにたくさんのインスピレーションを与えてくれます。
このブログ投稿では、あなた自身の抱きしめている顔のスペースを展開する方法に関する短いチュートリアルについて説明します。目標は、ローカルマシンからプロジェクトを取得し、オンラインで誰でもアクセスできるようにすることがどれほど簡単かを示すことです。
アカウントを作成します
まず、アカウントを作成する必要があります 顔を抱き締める：
Huggingfaceのプロフィール – 著者による画像
さて、今、顔のスペースを抱き締めるのに向かいましょう。これはすべてが発生する場所であり、環境をセットアップし、使用するフレームワークを選択し、共有するアプリの構築を開始します。
メニューのスペースに向かいます：
抱きしめるフェイスメニュー – 著者による画像
ここでは、他のユーザーによって構築された無数のアプリを探索できます。これは、展開されると独自のアプリが表示される場所でもあります。ただし、今のところ、展開する予定のアプリを構築する必要があるため、顔を抱き締めることから離れます。
ローカルでアプリを作成します
私のコンピューターでは、在庫の財務データを視覚化するシンプルな流線アプリのローカルバージョンを設定することから始めます。物事を簡単に保つために、アプリ全体がapp.pyと呼ばれる単一のファイルに存在します。
この最小限のセットアップにより、展開に進む前に、必需品に簡単にフォローして集中できます。
yf Import yf as yf Importly.Expressとしてst Import yfinanceとしてpxをインポートします。
[“Balance Sheet”, “Income Statement”, “Cash Flow”]）Ticker_inputの場合：try：try：ticker = yf.ticker（ticker_input）if report_type == “バランスシート”：df = ticker.balance_sheet elif report_type == “buation statement”：df = financials else：df = df = chilter.cashflow if df.Empty： St.Subheader（f “{Report_Type} for {Ticker_input.upper（）}”）St.Dataframe（df、use_container_width = true）df_plot = pd.dataframe（df.t、pd.to_datetime（df.index）metric to metsobox（ ” df_plot.columns）metric：fig = px.line（df_plot、x = df_plot.index、y = metric、title = f “{metric}”、markers = {metric：metric、 “index”： “date”}）st.plotly_chart（striser_or（striser_ wutth）を除くmetric、 “index、” index “：” date “}） {e} “）
これを見てみましょう 流線 ローカルでアプリ：
会社のファイナンシャルダッシュボードアプリ – 著者による画像
アプリが実行されると、在庫の名前またはティッカーを入力して、すぐに財務を引き上げることができます。たとえば、Amazonのティッカーシンボルを入力した場合、 amzn、アプリは、読みやすい形式で会社の財務を表示します。
これにより、長い財務レポートを掘り下げたり、異なるWebサイト間でジャンプすることなく、重要な数字を簡単に探索できます。
アプリのAmazon損益計算書 – 著者による画像
また、選択したメトリックのラインプロットを描画するアプリを準備しました。少し下にスクロールすると、次のことがわかります。
Amazon FinancialsのEBITDAプロット – 著者による画像
あなたは考えているかもしれません、 「これは面白そうです。自分で試してみたいです。私はできますか？」 今のところ答えはノーです。
アプリは私のコンピューターでのみ実行されているため、使用するにはPCにアクセスする必要があります。そのため、住所は私だけに見えるローカルホストとして表示されます。
私のコンピューターで実行されているアプリ – 著者による画像
そして、これは抱きしめる顔が私たちを助ける場所です！
ハギングフェイススペースを作成します
さあ、行きましょう huggingface.co/spaces クリックしてください 「新しいスペース」 始めるために。
SPACESディレクトリ – 著者による画像
「」をクリックした後新しいスペース」ボタン、アプリをホストする環境のセットアップを開始できます。
スペース構成 – 著者による画像
ここでは、プロジェクトに名前を付けます FinancialExplore、簡単な説明を追加して、ライセンスを選択します（この場合、Apache 2.0）：
スペース構成 – 著者による画像
最後に、アプリはStreamlitで構築されているため、それが適切に構成されていることを確認する必要があります。セットアップ画面で選択しますDocker ベースとして、そして選択します 流線 フレームワークとして。このステップは、アプリの実行方法を抱き締めるように、展開するとすべてがスムーズに機能するようにします。
スペースでretrylidアプリを選択する – 著者による画像
別のフレームワーク（Shinyなど）を使用している場合は、ここで選択してください。そうすれば、スペース用に作成されたDocker画像には、アプリが正しく実行されるための適切なパッケージとライブラリが含まれます。
コンピューティングに関しては、基本バージョンを選択します。これは、ハギングフェイススペースで唯一の無料ハードウェアであることに注意してください。より多くのコンピューティングパワーが必要な場合は、いくつかのコストが発生する可能性があります。
ハードウェアと可視性の構成 – 著者による画像
このブログ投稿でここで共有できるように、スペースを公開し続けます。すべての設定を配置すると、私はちょうどヒットします 「スペースを作成します」。
その後、顔を抱き締めると、環境の構築を開始し、アプリが実行されるためにすべての準備を整えます。
ハギングフェイススペースの構築 – 著者による画像
抱きしめるフェイススペースが作成されたら、それを開いて、デフォルトの流線テンプレートが実行されているのを見ることができます。このテンプレートは簡単な出発点ですが、環境が期待どおりに機能していることを示しているため便利です。
デフォルトのretrienlitアプリ – 著者による画像
スペースの準備ができたら、今度はアプリを展開する時が来ました。
スペースにアプリを展開します
ファイルを手動でアップロードできますが、すぐに面倒になり、エラーが発生しやすくなります。より良いオプションは、スペースをGitリポジトリのように扱うことです。つまり、単一のコマンドでコンピューターに直接クローンできます。
gitクローン
スペースをローカルにクローン化することで、マシン上のすべてのファイルを取得し、他のプロジェクトと同じようにそれらと連携できます。そこから、私は自分のapp.pyや必要な他のファイルを単にドロップします。
私のローカル環境でクローン化されたレポ
さあ、すべてをまとめて、アプリを展開する準備をする時が来ました。まず、いくつかのファイルを更新する必要があります。
– recumporation.txt：ここでは、PlotlyやYfinanceなど、アプリが必要とする追加のライブラリを追加します。
– streamlit_app.py：これが主なエントリポイントです。物事をシンプルに保つために、私のapp.pyからコードをsrc/streamlit_app.pyにコピーするだけです。 （独自のapp.pyを保持したい場合は、このファイルを起動するためにDocker構成をそれに応じて調整する必要があります）。
これらの変更が適切に行われているので、準備ができています！メインブランチに直接コミットしますが、必要に応じて独自のバージョン化ワークフローをセットアップできます。
ただし、1つのキャッチがあります。コンピューターには、フェイススペースを抱き締めるためにコードをプッシュする許可がまだありません。これを修正するには、アクセストークンが必要です。ただ行きます huggingface.co/settings/tokens、 クリック 「新しいトークン」 1つを作成します。 そのトークンを使用すると、コードを認証してスペースにプッシュすることができます。
トークンを呼びます PersonalPc そして、私のHuggingfaceアカウントで私のすべてのリポジトリに読み取り/書き込み許可を与えます：
アクセストークンの作成 – 著者による画像
トークンを作成すると、アカウントにリストされていることがわかります。セキュリティ上の理由で鉱山は下に隠されています。すぐにコピーして、どこかに安全に保管してください。 1Passwordなどのパスワードマネージャーを使用することをお勧めしますが、安全なパスワードマネージャーはすべて行います。地元のセットアップを抱きしめる顔に接続するには、後でこの情報が必要です。
アクセストークン – 著者による画像
変更をリポジトリにプッシュすると、GIT資格管理マネージャーがユーザー名とパスワードを求めます。
注：このプロンプトは、Visual Studioコード拡張機能だけでなく、マシン自体にGitがインストールされている場合にのみ表示されます。
Git資格マネージャー – 著者による画像
githubユーザー名を入力し、パスワードの場合は、作成したばかりのトークンを貼り付けます。
Voilá！コミットした後、変更はリポジトリに住んでいます。この時点から、他のgitリポジトリと同じように作業することができます。
アプリをライブで表示します
以下に示すように、私たちのコードはちょうど更新されました：
コミットで更新されたコード – 著者による画像
さらに良いことに、に向かいましょう アプリ メニュー：
アプリメニュー – 著者による画像
そして、そのように、アプリはライブであり、私のコンピューターで行ったのとまったく同じようにオンラインで実行されています。
Streamlitアプリはライブです！ – 著者による画像
これに従ってください リンクしてライブで見る。
作品を紹介したり、アイデアを共有したりしたい場合は、フェイススペースを抱き締めることは、最も簡単で効果的な方法の1つです。単一のファイルで小さく起動したり、より野心的なものを構築することができます。プラットフォームはホスティングの世話をしているため、構築と共有に集中できます。
実験して遊ぶことを恐れないでください。シンプルなデモでさえ、あなた自身のプロジェクトポートフォリオの始まりになることができます。この投稿のコメントでアプリをお気軽に共有してください！
#ハギングフェイススペースであなたの作品を紹介します