記事一覧

個人で複数のプロジェクトを進めていると、作業そのものよりも情報の移し替えに時間を取られることがあります。 ChatGPTで決めた内容をNotionへ転記する Notionの次の作業をGoogleカレンダーへ登録する カレンダーの説明欄に目的や手順を書く 作業後にNoti...

GitやGitHubを学び始めると、repository、commit、branch、push、pullといった用語が次々に登場します。 一つひとつの意味を暗記しようとすると難しく感じますが、これらはすべて、ファイルの変更履歴を安全に管理し、必要に応じて他の場所や他の人と共有...

Mermaid記法は、シンプルなテキストで多彩なダイアグラムを描画できる注目のツールです。

Pythonで個人開発を続けていると、プロジェクトごとに仮想環境を作り、ライブラリをインストールし、requirements.txtを更新する作業が必要になります。 従来は、次のような操作が一般的でした。 python -m venv .venv .venv\Scripts\activate pip install...

技術記事にプログラムやコマンドを掲載するとき、コードブロックに「コピー」ボタンがあると、読者は範囲選択をせずにコード全体を取得できます。 WordPressのGutenbergには標準の「コード」ブロックがありますが、テーマやプラグインの構成によってはコピ...

プログラムやファイルを作っていると、download_files、download-files、downloadFilesのように、よく似た名前を目にします。 これらは、複数の単語をどのように区切って名前を付けるかを定めた命名規則です。どの形式が常に正しいというわけではなく、プ...

Pythonプロジェクトが増えてくると、それぞれのフォルダに .venv が作られ、依存パッケージの管理も分散していきます。 各プロジェクトで次のコマンドを一つずつ実行することもできます。 pip freeze > requirements.txt しかし、プロジェクトが10件、2...

ReactとViteで作成したWebサイトがローカル環境では正常に動作しているのに、レンタルサーバーへアップロードすると画面が真っ白になることがあります。 白い画面だけが表示されると、アップロードそのものに失敗したように見えます。しかしReactアプリの...

Webツールの開発を始めるため、Vite、React、TypeScriptを使用した開発環境をVisual Studio Codeで構築します。 ReactやTypeScriptの経験がなくても、最初からすべてを理解する必要はありません。まずは開発環境を起動し、ブラウザに初期画面を表示すると...

工学計算ツールを、単発のWebページとして一つずつ作るのではなく、共通のデータと仕組みから継続的に増やせる基盤を構築する。 最初の対象は油圧配管の圧力損失計算ツールとする。ただし、最初から計算機能へ直接進むのではなく、まず複数のツールを管理...