1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Python × Google Colab x Gradio で作る「パスワード生成 Web UI アプリ」

Last updated at Posted at 2025-11-30

パスワード生成ツールは Python を学ぶときの定番ですが、「GUI(Tkinter)が Google Colab で動かない…」という壁にぶつかった経験がある方も多いと思います。

そこで本記事では、Google Colab 上で動作する “Web UI版パスワード生成アプリ” をGradio を使って作る方法を紹介します。

1. GUIインストール不要
2. Colabでクリックするだけ
3. スマホからでも操作できる
4. URLで共有可能
という4点のメリットがあり、Advent Calendar にもぴったりのテーマです!

🌞完成のイメージ

実行すると、次のようなWeb UIが表示されます:
1. パスワードの長さを指定
2. 「Generate」クリック
3. すぐにランダムパスワードが生成される

※ Colab が自動的に “Webアプリ公開 URL” を生成してくれます。

🚀 1. Google Colab の準備

まずColab を開いて、新しいノートブックを作成します:

👉 https://colab.research.google.com/

最初に Gradio をインストールします。

Screenshot 2025-11-13 at 18.41.26.png

🔏2. パスワード生成関数を作る

Python 標準ライブラリのみでOKです。
Screenshot 2025-11-13 at 18.44.23.png

ascii_letters → a〜z、A〜Z
digits → 0〜9
punctuation → 記号類

これらを1文字ずつランダムに結合してパスワードを作ります。

🌍3. Gradio でWeb UIを作る

Google Colab でも動く Web UI をGradioで作成します。
Screenshot 2025-11-13 at 18.45.08.png

上記のコードを実行すると…
Screenshot 2025-11-13 at 18.45.46.png

と表示されます。
このリンクをクリックすると、あなたのパスワード生成アプリが起動します!

🪥4. 実行結果

UIは次のような構成です。

  1. 「Password Length」に数字を入力(例:12)
  2. 「Generate」ボタンを押す
  3. 下のエリアにランダムパスワードが生成される
    Screenshot 2025-11-13 at 18.46.41.png

非常にシンプルながら実用的です。

🧩5. コード全文

Screenshot 2025-11-13 at 18.47.27.png
※ すべて Google Colab 上で動作します。

💡6. 応用アイデア(改良が可能なポイント)

もっと高機能にしたい場合は、こんな改善も可能です:

1. 使用する文字種をチェックボックスで選択
2. パスワード強度(Strong/Weak)の評価
3. 「コピー」ボタンを追加
4. 特定の記号や文字を除外
5. QRコードでパスワードを保存
6. GradioのタブUIにして複数ツールを統合

GradioはUIを簡単に拡張できるため、カスタマイズが非常にしやすいです。

🎯7. まとめ

本記事では、Google Colab + Gradio で作るパスワード生成Webアプリを紹介しました。

ポイントは:

  1. TkinterはColabで動かない
  2. 代わりに Gradio を使うと Web UI として動かせる
  3. URL が発行され、スマホからも使える
  4. コード量が少なく、初心者にも優しい

今後の参考になれば幸いです。

1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?