0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Google Colabで作る “n進法 ↔ 10進法” 双方向変換アプリ(Gradioで簡単Web化)

Last updated at Posted at 2025-12-01

この記事では、Python と Gradio を使って
n進法 → 10進法 と 10進法 → n進法 の両方を行える
双方向変換Webアプリ を Google Colab 上で作成する方法を紹介します。

インストールは不要で、Google Colab 上で動作するため、
初心者でも簡単に作れるミニWebアプリとしておすすめです。

🎨 完成イメージ

変換したい数値・基数・方向を選ぶだけで結果が出ます👇
Screenshot 2025-11-14 at 18.26.45.png
Screenshot 2025-11-14 at 18.26.56.png

✨ このアプリでできること

✔ n進法 → 10進法
例:
1. 2進数 1010 → 10
2. 8進数 17 → 15
3. 16進数 FF → 255
最大36進数まで対応(例:Z = 35)

✔ 10進法 → n進法
例:
1. 10進数 100 → 2進数 1100100
2. 10進数 255 → 16進数 FF
3. 10進数 73 → 36進数 21

✔ スマホからもアクセス可能

Gradio の Public URL を使えば、
スマホ・PCどちらでも使えるWebアプリとして公開できます。

🛠 使用技術

1. Python 3.x
2. Gradio
3. Google Colab

🚀 1. Google Colab の準備

Gradio をインストールします。
Screenshot 2025-11-14 at 18.30.45.png

🔢 2. n進法 → 10進法の変換関数

Screenshot 2025-11-14 at 18.31.13.png

🔁 3. 10進法 → n進法の変換関数

Screenshot 2025-11-14 at 18.31.44.png

🌈 4. GradioでWebアプリ化(双方向対応)

Screenshot 2025-11-14 at 18.32.21.png
Screenshot 2025-11-14 at 18.32.34.png
Screenshot 2025-11-14 at 18.32.45.png

🔍 5. 実行例

Screenshot 2025-11-14 at 18.33.33.png

◆ n進法 → 10進法

入力
1. 数値:70
2. 基数:8
結果 → 56

Screenshot 2025-11-14 at 18.34.40.png

◆ 10進法 → n進法

入力
1. 数値:77
2. 基数:7
結果 → 140

◆ 任意の基数にも対応

入力
1. 数値:255
2. 基数:36
結果 → 73

📝 6. まとめ

この記事では、Google Colab と Gradio を使って
n進法 ↔ 10進法の双方向変換アプリ を作成しました。

1. 2〜36進数に対応
2. シンプルなUIで初心者でも使いやすい
3. スマホからもアクセス可能
4. 数学・情報の学習に便利

皆さんも是非参考にしてみてください!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?