プログラミング

プログラミング

Web フォントを自サイト内に閉じて適用したい

無料で公開されているフォントを Web ページで使用する際は、通常、CDN 上にあるスタイルをインポートして利用します。しかし、CDN に障害が発生したり、外部へのアクセスが厳しく制限されている環境では、フォントが表示されない問題が生じるこ...
プログラミング

React の開発環境を create-react-app を使わずマニュアルで構築する

React の開発環境は Create React Appコマンドや Next.js のようなフレームワークを使用することで簡単に構築できるようになりました。 しかし、いくつかの問題が解決されないまま create-react-app は ...
プログラミング

Electron のプリロードスクリプトによるプロセス間通信

Electron アプリケーションはメインプロセスとレンダラプロセスから構成されます。各ウィンドウは独立したレンダラプロセスで実行され、UI やウェブページを表示するために使用されます。ここではメインプロセスとレンダラプロセスの通信方法につ...
プログラミング

Electron + ESM + TypeScript + webpack + electron-builder

Electron v28.0.0 より ESM【ESModules】がサポートされましたので、ESM 化された Electron アプリケーションを electron-builder でビルドして配布するまでの手順を解説したいと思います。 ...
プログラミング

OpenAPI の定義フォーマット

OAS【OpenAPI Specification】とは OpenAPI Initiative が提唱する RESTful API の定義フォーマットです。フォーマットに則って定義することで、あなたのプログラムは洗練され、自動ドキュメント化...
プログラミング

OpenAPI による RESTful API 開発のすすめ

OpenAPI とは、RESTful API 設計のために策定された仕様であり、その具体案として API の定義フォーマットやドキュメント化、テストの実施を支援するためのツールを提供しています。 これらのツール群はもともと Swagger ...
プログラミング

システムで考慮すべき浮動小数点数の有効桁数と丸め誤差

システムプログラムでは正確な数値を表せる桁数に限界があります。精度の高い小数を扱う場合は、技術的にどれくらいの精度(桁数)を保証できるか、あるいはどこまでの精度を保証すべきかが仕様決定の上で重要となります。ここではシステムの構成要素であるプ...
フレームワーク

Ajax をシンプルに利用できるライブラリ

Ajax を簡単でシンプルに利用できるようなライブラリを作成しましたので紹介します。以下のような機能があります。 ・フォームの送信・ファイルアップロード(multipart/form-data)にも対応・送信データの直接指定・リクエストヘッ...
プログラミング

JavaScript はクラスを利用したオブジェクト指向プログラミングができます。

JavaScript はクラスを利用した OOP の実装が可能なことをご存知でしょうか?Java のようなクラス構文による OOP 言語に慣れた人達にとって、従来のprototypeベースの構文は非常に使いづらいものでした。ECMAScri...
フレームワーク

Bootstrap を利用した画面レイアウトのテンプレート

画面デザイン用のフレームワーク Bootstrap を利用したテンプレートのサンプルを紹介します。グリッドシステムによりレイアウトのパターンをある程度自由に組み合わせることができます。主に簡素な Web システムの画面を作成する際に利用する...