プログラミング Web フォントを自サイト内に閉じて適用したい
無料で公開されているフォントを Web ページで使用する際は、通常、CDN 上にあるスタイルをインポートして利用します。しかし、CDN に障害が発生したり、外部へのアクセスが厳しく制限されている環境では、フォントが表示されない問題が生じるこ...
プログラミング
プログラミング 
プログラミング React の開発環境を create-react-app を使わずマニュアルで構築する
React の開発環境は Create React Appコマンドや Next.js のようなフレームワークを使用することで簡単に構築できるようになりました。しかし、いくつかの問題が解決されないまま create-react-app は R...
プログラミング 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 システムの画面を作成する際に利用する...