検索結果

🌉 GradioがlocalhostでHTTPサーバを立てる理由 🖼️ 1. Web技術ベースでUIの自由度が高い GradioはHTML+CSS+JavaScriptベースのUIを提供するため、次のような特徴がある： スタイリッシュで現代的なUI（モバイル対応もOK） 画像・音声・動画などのリッチな入出力が得意 ボタン・スライダー・ドロップダウンなどの複雑なUI部品が使える Tkinterは古くからあるGUIツールキットだけど、UIが素朴で拡張性が低いのが難点。しかも、...

✍️Gradioで作る！英作文の自動添削アプリ（language_tool_python使用） 🚀 はじめに このページでは、Gradioとlanguage_tool_pythonを使って、英作文を自動添削してくれる簡単なWebアプリを作成します。ユーザーが英文を入力すると、スペルや文法のミスをチェックして指摘してくれる仕組みです。 ポイント： HuggingFaceや重たいライブラリは不要 オフラインでも動作（言語パックは初回DLのみ） VSCodeでそのままPythonス...

☕Javaランタイム環境（JRE）の導入手順（Windows向け） 🚀 はじめに JRE は、Java Runtime Environment の略で、Java プログラムを実行するために必要なソフトウェアパッケージのことです。つまり、Java アプリケーションを動かすための環境を提供します。このページでは、Javaランタイム環境（JRE）の導入手順を説明します。 JDK(=Java Developer Kit)を入れるマニュアルですが、Oracle公式はJRE単体の配布をしていないため、JREを入れる=JD...

🛠️ Gradioで単語カウンターアプリを作る 🎯 目的 Gradioを使って、入力された英文の単語数をカウントするアプリを作成します。Gradio以外の外部ライブラリを使用せずシンプルにGradioの理解を目的とするものです。 📝 手順 ① PythonとGradioのインストール Pythonがインストールされていない場合は、まずインストールしておきましょう。Gradioはpipでインストールできます。 pip install gradio すでに仮想環境があれば、その中にインストールして...

🎭 Interface とBlocks ❶ Interface たとえば以下のようなコード： gr.Interface(fn=my_func, inputs="text", outputs="text") これは以下のことを勝手にやってくれます： テキストボックスを左に置く 実行ボタンを自動でつける 右に出力領域を置く レイアウトは縦並び でもこの流れがコードからは全然見えない。 ❷ Blocks input_text = gr.Textbox(...

🚀はじめに この記事では、PythonでWebアプリケーションやAPIを作成するためのフレームワーク「FastAPI」について紹介します。また、GUIツールの「Gradio」との違いや使い分けのポイントについても解説します。 FastAPIは、機械学習やバックエンド開発の現場で広く使われている強力なツールですが、Gradioもまた簡単にインタラクティブなUIを作成できるツールとして人気があります。どちらもPythonで書けますが、「何を作りたいか」によって適切な選択が必要です。 🧱FastAPIとは何か？...

🧪シナリオ ここでは「テキストを受け取って、英語で大文字変換して返す」簡単なAPIをFastAPIで作り、それをGradioのインターフェースで呼び出して表示する流れを作ります。 🧱Step1: FastAPIによるAPI作成 # fastapi_app.py from fastapi import FastAPI from pydantic import BaseModel app = FastAPI() class TextRequest(BaseModel): text: ...

🧰 はじめに Gradioの Interface は手軽で便利ですが、自由なレイアウトや複数要素の制御には限界があります。そこで登場するのが gr.Blocks。これはUI部品を明示的に組み合わせることで、柔軟で実用的なWebアプリを構築できます。 本記事では、「入力 → 分析 → 出力」という3段構成のUIを作りながら、Blocksの実践的な使い方を学びます。   🎯 目標：単語分析アプリ（Blocks版） 今回は以下のような画面を構築します： 左：文章の入力欄（大きめのテキストボックス） ...

🐍 はじめに Pythonでは、ちょっとしたデータ構造（名前と年齢など）を表現するクラスを作るだけでも、意外と多くのコードが必要になります。そんな煩わしさを一気に解消してくれるのが、dataclassです。 このページでは、dataclassを使わない場合と使った場合のコードを比較しながら、何を“やらずに済む”のか、つまり dataclass の「嬉しさ」にフォーカスして解説していきます！ ✍️ 通常のクラス定義（dataclassなし） まずは、name と age を持つユーザークラスを普通に書いて...

🐍はじめに 「イミュータブル（frozen=True）」の嬉しさは一見地味ですが、安心感・バグ防止・設計意図の明示という点でとても頼もしい存在です。それを“読んでいて納得＆ワクワク”できる形で、以下に追記します。 🧊 frozen=True でイミュータブルにすると何が嬉しいの？ from dataclasses import dataclass @dataclass(frozen=True) class User: name: str age: int u = User...

🐍はじめに ここでは、dataclassでの「ミュータブルとイミュータブルの違い」と、その使い分けの指針について解説していきます！ ⚔️ ミュータブル vs イミュータブル：違いと比較 項目 ミュータブル (frozen=False, デフォルト) イミュータブル (frozen=True) 属性の変更 後から変更できる 変更できない（エラーになる） __hash__ 自動で付かない（辞書キーに使えない） 自動で付く（辞書キーに使える） バグ耐...

図をConfluenceにインポートすることは可能ですが現時点（2025年5月）ではDraw.ioのような図をGPTが的確に描くのは難しいです。PlantUmlのように意味を与えるフォーマットの方が向いています。   ✍️ はじめに ChatGPTが生成した図（Draw.io形式）をConfluenceに取り込みたいケースは、設計図、ネットワーク構成、データフローなどを文書化する際に非常に有用です。このドキュメントでは、ChatGPTで作成したDraw.ioファイルをConfluence CloudまたはSe...

🛰️ はじめに 本記事では、MQTT（Message Queuing Telemetry Transport） をPythonで使う際に、Subscriber（購読者）・Publisher（発行者）・Broker（仲介サーバー） それぞれに適したライブラリについて紹介します。 IoTやリアルタイム通信の世界で大活躍するMQTT。そのPython実装を学びたい人にとって、ライブラリ選びは最初の重要ステップです。 📥 Subscriber（受信者）で使うライブラリ ▶️ 基本は paho-mqtt MQT...

🚀はじめに WindowsとUbuntuのデュアルブートを構築しようとしたとき、「どこにインストールすればよいのか」や「なぜUbuntuを入れたらWindowsが起動しなくなったのか」といったトラブルに直面することがあります。この記事では、こうした混乱の原因となるブートレコードやディスクの構造（パーティション）について、わかりやすく整理します。 🧱ディスクの構造と部屋の割り振り（パーティション） 1. パーティションとは？ ハードディスクやSSDを複数の「部屋」に区切って使う仕組みです。これにより、Wind...

🚀はじめに 本記事では、gRPC（ジーアールピーシー）という通信プロトコルについて、その「背景（なぜ生まれたか）」と「嬉しさ（導入する利点）」、さらにRESTとの比較やサンプルコードまで、実用に役立つ情報を盛り込んで紹介します。 🏗️gRPCとは何か？ gRPC（Google Remote Procedure Call）は、Googleが開発した高速で軽量なRPCフレームワークです。内部的にはHTTP/2を使い、通信データはProtocol Buffers（Protobuf）というバイナリ形式でやり取りさ...

🎛️ はじめに Gradioは、PythonでインタラクティブなWebアプリケーションを簡単に作成できるライブラリです。特にgr.Blocks()を使った構成では、with文の中にUIの「部品（コンポーネント）」を配置して、GUIを組み立てていきます。 この記事では、with gr.Blocks()の中に書ける各種部品の種類・用途・主な引数を体系的にまとめます。 🧱 Gradioの「部品」とは？ Gradioの部品とは、ボタンやテキストボックス、画像、スライダーなどのUI要素のことです。gr.Butto...

🔐 はじめに このページでは、Raspberry Pi OS（旧称Raspbian）でSSH接続を有効にしつつ、セキュリティを高めるためにローカルネットワークからのみアクセスを許可する手順を紹介します。家庭内やオフィス内のLAN環境で安全に運用するためのベーシックな設定です。 🛠️ 1. SSHを有効化する 📦 手順①：Raspberry Piの設定ツールから有効化 GUI環境がある場合： メニュー → [設定] → [Raspberry Piの設定] 「インターフェイス」タブを開く...

📦はじめに scp は、Secure Copy の略で、UNIX系OSにおいてファイルやディレクトリをネットワーク越しに安全にコピーするためのコマンドです。SSH（Secure Shell）を使って通信を行うため、暗号化されており、セキュアで信頼性の高いファイル転送を実現できます。 🔐scpの背景と特徴 かつてネットワーク越しのファイル転送には ftp や rsh などが使われていましたが、これらは通信が平文であり、セキュリティに大きな問題がありました。そこでSSHプロトコルの登場により、安全な通信手段が提供...

🧭はじめに Webを支える通信の基本、それがHTTP（HyperText Transfer Protocol）です。1990年代に誕生したこのプロトコルは、Webの発展とともに大きく進化してきました。本記事では、HTTP/0.9から最新のHTTP/3まで、**なぜ進化が必要だったのか（背景）**と、それによって何が良くなったのか（嬉しさ）を、楽しくわかりやすく整理します。 📜HTTP/0.9〜1.0：HTML専用の黎明期 🧱HTTP/0.9（1989〜） 背景：最初のWebブラウザ「WorldW...

🐳 はじめに：Dockerって何？なぜ話題？ コンテナ技術の代表格「Docker」は、開発環境やアプリケーションの動作を軽量かつ再現性高く実現するために生まれました。 「自分の環境では動くのに、他の環境では動かない」問題を解決！ 仮想マシンより速く・軽く・簡単！ 開発から本番まで同じ環境を共有できる！ この記事では、Dockerの基本、よくある疑問、そしてDocker以外のコンテナ技術までまとめて紹介します。 🧱 Dockerとは？なぜ生まれた？ 🎯 背景 かつて...