webアプリ

ALL

マイカーの走行コスト計算機|ガソリン代からタイヤ代まで総費用を算出

:root { --primary-color: #00897b; /* メインカラー(上品な緑色) */ --primary-light: #e0f2f1; /* メインカラーの薄い色 */ --text-color: #333; --b...
ALL

安全なパスワード自動生成ツール(クライアントサイド処理)

パスワード生成ツールコピー文字数 (1-128): 大文字の英字 (A-Z) 小文字の英字 (a-z) 数字 (0-9) 特殊文字▼使用する特殊文字を選択 ! " # $ % & ' ( ) * + , - . / : ; < = > ? ...
ALL

【Webアプリ応用編 完結編】Flaskでデータベースの値を表示!動的な掲示板を完成させよう

こんにちは、Tech Samuraiです!前回の記事「【Webアプリ応用編 #2】FlaskとSQLiteを連携!」では、Webフォームから送信された投稿を、SQLiteデータベースに保存することに成功しましたね。私たちのアプリは、ユーザー...
ALL

【Webアプリ応用編 #2】FlaskとSQLiteを連携!Webフォームで掲示板に投稿しよう

こんにちは、Tech Samuraiです!前回の記事「【Webアプリ応用編 #1】Python標準ライブラリだけでOK!SQLiteデータベース入門」では、PythonとSQLiteを使って、プログラムのデータをファイルに保存・読み込みする...
ALL

【Webアプリ応用編 #1】Python標準ライブラリだけでOK!SQLiteデータベース入門

こんにちは、Tech Samuraiです!前回のWebアプリ入門シリーズでは、Flaskを使ってインタラクティブなWebアプリを構築しましたね。しかし、あのアプリには一つ、大きな弱点がありました。それは、ブラウザを閉じたり、サーバーを停止し...
ALL

【Webアプリ開発入門 #3】FlaskアプリにCSSを適用!Webサイトの見た目を整えよう

こんにちは、Tech Samuraiです!前回の記事「【Webアプリ開発入門 #2】FlaskでWebフォーム作成!」では、ユーザーからの入力を受け取って計算結果を返す、完全に機能するWebアプリケーションを構築しましたね。私たちのアプリは...
ALL

【Webアプリ開発入門 #2】FlaskでWebフォーム作成!Pythonでユーザー入力を受け取ろう

こんにちは、Tech Samuraiです!前回の記事「【Webアプリ開発入門 #1】PythonでWebサイトを作ろう!」では、Flaskを使って、ブラウザに「Hello, World!」と表示する最小のWebアプリを動かすことに成功しまし...
ALL

【Webアプリ開発入門 #1】PythonでWebサイトを作ろう!Flaskの導入と最小のアプリ作成

こんにちは、Tech Samuraiです!これまでの冒険で、私たちはコマンドラインツールや、Tkinterを使ったデスクトップGUIアプリを開発してきました。しかし、もしあなたの作った便利なツールを、URLを送るだけで友人や同僚に使ってもら...