LAB NOTES– category –
-
LAB NOTES
GitとGitHubの基本をやさしく理解する|repository・commit・branch・push・pullとは
GitやGitHubを学び始めると、repository、commit、branch、push、pullといった用語が次々に登場します。 一つひとつの意味を暗記しようとすると難しく感じますが、これらはすべて、ファイルの変更履歴を安全に管理し、必要に応じて他の場所や他の人と共有... -
LAB NOTES
Mermaid記法の基本入門
Mermaid記法は、シンプルなテキストで多彩なダイアグラムを描画できる注目のツールです。 -
LAB NOTES
Pythonの依存関係管理をuvで自動化する――pip・venv・requirements.txtからの移行ガイド
Pythonで個人開発を続けていると、プロジェクトごとに仮想環境を作り、ライブラリをインストールし、requirements.txtを更新する作業が必要になります。 従来は、次のような操作が一般的でした。 python -m venv .venv .venv\Scripts\activate pip install... -
LAB NOTES
WordPress標準コードブロックにコピーボタンを追加する方法【functions.php】
技術記事にプログラムやコマンドを掲載するとき、コードブロックに「コピー」ボタンがあると、読者は範囲選択をせずにコード全体を取得できます。 WordPressのGutenbergには標準の「コード」ブロックがありますが、テーマやプラグインの構成によってはコピ... -
LAB NOTES
スネークケース・ケバブケースとは?命名規則の違いと使い分けを解説
プログラムやファイルを作っていると、download_files、download-files、downloadFilesのように、よく似た名前を目にします。 これらは、複数の単語をどのように区切って名前を付けるかを定めた命名規則です。どの形式が常に正しいというわけではなく、プ... -
LAB NOTES
複数の.venvからrequirements.txtを一括生成するWindowsバッチ
Pythonプロジェクトが増えてくると、それぞれのフォルダに .venv が作られ、依存パッケージの管理も分散していきます。 各プロジェクトで次のコマンドを一つずつ実行することもできます。 pip freeze > requirements.txt しかし、プロジェクトが10件、2... -
LAB NOTES
React(Vite)をレンタルサーバーへ公開したら真っ白になる原因と対処法
ReactとViteで作成したWebサイトがローカル環境では正常に動作しているのに、レンタルサーバーへアップロードすると画面が真っ白になることがあります。 白い画面だけが表示されると、アップロードそのものに失敗したように見えます。しかしReactアプリの... -
LAB NOTES
Vite+React+TypeScriptの開発環境をVS Codeで作る方法
Webツールの開発を始めるため、Vite、React、TypeScriptを使用した開発環境をVisual Studio Codeで構築します。 ReactやTypeScriptの経験がなくても、最初からすべてを理解する必要はありません。まずは開発環境を起動し、ブラウザに初期画面を表示すると... -
LAB NOTES
ekplabz計算ツール基盤の開発ロードマップ
工学計算ツールを、単発のWebページとして一つずつ作るのではなく、共通のデータと仕組みから継続的に増やせる基盤を構築する。 最初の対象は油圧配管の圧力損失計算ツールとする。ただし、最初から計算機能へ直接進むのではなく、まず複数のツールを管理... -
LAB NOTES
Pythonの.venvとは?Windows・VS Codeで仮想環境を作成して使う方法
Pythonでアプリやツールを作るときは、プロジェクトごとに.venvという仮想環境を作るのがおすすめです。 仮想環境を使うと、プロジェクトごとにPython本体やライブラリのバージョンを分離できます。あるアプリでインストールしたライブラリが、別のアプリ... -
LAB NOTES
GoogleスプレッドシートからWordPressのサービスリンク集を自動生成する
普段利用しているWebサービス、ソフトウェア、開発ツール、クラウドサービスなどは、時間が経つにつれて増えていく。これらを単なるブックマークとして管理するのではなく、Googleスプレッドシートをサービス台帳として利用し、公開可能なものだけをWordPr... -
LAB NOTES
マルチモーダルAIとは何か?基本概念と仕組み
マルチモーダルAIは、テキスト・画像・音声など複数の情報を同時に理解し活用する人工知能です。