プログラミング・Web– category –
Python、JavaScript、Git、GitHub、Web開発を扱います。
-
プログラミング・Web
WordPress標準コードブロックにコピーボタンを追加する方法【functions.php】
技術記事にプログラムやコマンドを掲載するとき、コードブロックに「コピー」ボタンがあると、読者は範囲選択をせずにコード全体を取得できます。 WordPressのGutenbergには標準の「コード」ブロックがありますが、テーマやプラグインの構成によってはコピ... -
プログラミング・Web
スネークケース・ケバブケースとは?命名規則の違いと使い分けを解説
プログラムやファイルを作っていると、download_files、download-files、downloadFilesのように、よく似た名前を目にします。 これらは、複数の単語をどのように区切って名前を付けるかを定めた命名規則です。どの形式が常に正しいというわけではなく、プ... -
プログラミング・Web
複数の.venvからrequirements.txtを一括生成するWindowsバッチ
Pythonプロジェクトが増えてくると、それぞれのフォルダに .venv が作られ、依存パッケージの管理も分散していきます。 各プロジェクトで次のコマンドを一つずつ実行することもできます。 pip freeze > requirements.txt しかし、プロジェクトが10件、2... -
プログラミング・Web
React(Vite)をレンタルサーバーへ公開したら真っ白になる原因と対処法
ReactとViteで作成したWebサイトがローカル環境では正常に動作しているのに、レンタルサーバーへアップロードすると画面が真っ白になることがあります。 白い画面だけが表示されると、アップロードそのものに失敗したように見えます。しかしReactアプリの... -
プログラミング・Web
Vite+React+TypeScriptの開発環境をVS Codeで作る方法
Webツールの開発を始めるため、Vite、React、TypeScriptを使用した開発環境をVisual Studio Codeで構築します。 ReactやTypeScriptの経験がなくても、最初からすべてを理解する必要はありません。まずは開発環境を起動し、ブラウザに初期画面を表示すると... -
プログラミング・Web
ekplabz計算ツール基盤の開発ロードマップ
工学計算ツールを、単発のWebページとして一つずつ作るのではなく、共通のデータと仕組みから継続的に増やせる基盤を構築する。 最初の対象は油圧配管の圧力損失計算ツールとする。ただし、最初から計算機能へ直接進むのではなく、まず複数のツールを管理... -
プログラミング・Web
Pythonの.venvとは?Windows・VS Codeで仮想環境を作成して使う方法
Pythonでアプリやツールを作るときは、プロジェクトごとに.venvという仮想環境を作るのがおすすめです。 仮想環境を使うと、プロジェクトごとにPython本体やライブラリのバージョンを分離できます。あるアプリでインストールしたライブラリが、別のアプリ... -
プログラミング・Web
GoogleスプレッドシートからWordPressのサービスリンク集を自動生成する
普段利用しているWebサービス、ソフトウェア、開発ツール、クラウドサービスなどは、時間が経つにつれて増えていく。これらを単なるブックマークとして管理するのではなく、Googleスプレッドシートをサービス台帳として利用し、公開可能なものだけをWordPr...
