100個のアプリ作るぞ！生成AIと一緒の大冒険🎉 -
ミッション: 4桁の数字を入力すると、それが円周率の何桁目に出現するのか教えてくれるアプリを作る！
開発ストーリー:
円周率って、無限に続く数字じゃないですか…🤔 そこに自分の誕生日とか、好きな数字とかが含まれてたら、なんかロマンチックじゃないですか？💖 ということで、4桁の数字を入力すると、それが円周率の何桁目にあるのか教えてくれるアプリを作ってみました！✨ 円周率のデータはテキストファイルで用意して、Pythonで検索するシンプルな仕組みです。
コードはこちら！ (Python):
from flask import Flask, render_template, request
app = Flask(__name__, template_folder='pi')
with open("pi.txt","r") as f:
pi = f.read().replace(".", "")
@app.route("/", methods=["GET", "POST"])
def index():
# 以下略 (コードは前と同じ)
if __name__ == "__main__":
app.run(debug=True, port=5006)
Use code with caution.
Markdown
HTMLで結果を表示！:
<!DOCTYPE html>
<html>
<head>
<title>円周率検索</title>
</head>
<body>
<h1>4桁の数字を入力してください</h1>
<form method="post">
<input type="text" name="number" value="{{ input_number }}" maxlength="4">
<button type="submit">検索</button>
</form>
{% if position != -1 %}
<p>「{{ input_number }}」は、円周率の小数点以下{{ position }}桁目にあります。</p>
{% elif input_number != "" %}
<p>「{{ input_number }}」は見つかりませんでした。</p>
{% endif %}
</body>
</html>
工夫ポイント:
円周率のデータはテキストファイルで管理！
FlaskでWebアプリ化！
HTMLで結果を見やすく表示！
今日の学び:
円周率って奥が深い…🤔
ファイル読み込み、意外と簡単！👍
文字列検索、便利！✨
未来への野望！:
もっと桁数を増やしたい！ (自分の電話番号とかも検索できるように！📞)
検索速度をもっと速くしたい！🚀
見つかった位置を円周率のビジュアライザーで表示できたら面白そう！👀
100個アプリ開発の旅、順調に進んでます！😄