プログラミング・Web– category –

今回の到達点 Day 4までで、Mermaid簡易エディタには次の機能が実装されました。 Mermaidコード入力 ↓ debounce ↓ 構文検証 ↓ SVG生成 ↓ リアルタイム表示 ＋ .mmdファイル保存 .mmdファイル読込 しかし、まだ一つ重要な機能がありません。 作成した図を、...

今回の到達点 Day 3までで、Mermaid簡易エディタには次の処理ができています。 Mermaidコード入力 ↓ debounce ↓ 構文検証 ↓ Mermaid.js ↓ SVG生成 ↓ リアルタイムプレビュー 構文を間違えた場合も、 正常 ↓ 構文エラー ↓ 修正 ↓ 正常 と復帰できるようにな...

今回の到達点 Day 2では、左側にMermaidコード、右側にプレビューを配置する2ペインUIを作りました。 処理の流れは次の状態です。 textarea ↓ Mermaidコード ↓ mermaid.render() ↓ SVG ↓ Preview ただし、Day 2ではページを開いたときに一度だけ描画してい...

今回の到達点 Day 1では、Flaskを使って次の最小構成を作りました。 ブラウザ ↓ Flask ↓ templates/index.html Day 2では、この最小アプリを初めて「エディタらしい画面」へ拡張します。 今回作るのは次の構成です。 ┌─────────────────────┬─────────────...

はじめに このシリーズでは、PythonのWebフレームワークであるFlaskと、テキストから図を生成できるMermaid.jsを組み合わせて、ローカルPCで動作するMermaid簡易エディタを8回に分けて作ります。 完成時には、次のような機能を持つ小さなWebツールになりま...

Python入門の総合演習として、油圧シリンダの理論推力計算ツールを作ります。入力・検証・計算・出力を分離し、dataclass、CSV、JSON、例外、型ヒント、unittestを統合します。 本文 Pythonの構文を個別に学んだ後は、それらを小さな道具へまとめる段階で...

計算結果が一度正しく表示されても、プログラム全体が正しいとは限りません。入力値を変更したとき、境界値を与えたとき、コードを修正したときにも期待どおり動くことを確認する必要があります。 たとえば、油圧シリンダの推力計算では次の問題が起こり得...

部品名、寸法、圧力などを別々の変数で管理すると、データ同士の関係が分かりにくくなります。辞書でまとめる方法もありますが、キーの書き間違いを実行時まで見つけにくく、データに関係する計算処理も別の場所へ散らばりがちです。 クラスを使うと、関連...

設計データ、部品表、計測値、設定ファイルをPythonで処理するとき、よく使われる形式がCSVとJSONです。 CSVは行と列からなる表形式に向き、JSONは辞書やリストによる階層構造を表せます。ただし、ファイルを読み込めただけでは安全に計算できません。 実...

PythonでCSVを変換する、計算結果を保存する、設定ファイルを読む、CAD用データを出力する。こうした処理では、ファイルの内容だけでなく「どのファイルを、どの形式で、どの文字コードで開くか」を明確にする必要があります。 ファイル操作で起きやすい問...