PHPでフレームワークを使わずにWebアプリケーションを構築する場合、セキュリティ対策をすべて開発者自身が制御する必要があります。 本記事では、以下6つの対策について解説します。 ...

Pythonで弥生会計のインポートファイルを作成する記事の続編です。 会計ソフトや販売管理システムから出力したデータでは、本体価格と消費税が別々の行に分かれていることが多々あります。 これらを弥生会計にインポートする際、1行の「税込仕訳（内税形式）」にまとめたい場合があります。 ...

はじめに 手入力での会計処理はミスが起きやすく、件数が多いと膨大な時間がかかります。 Pythonを活用して、Excelの取引データから弥生会計のインポート用CSVを自動生成する仕組みを構築しました。 特に設定が煩雑な識別フラグの自動計算や、弥生会計特有の文字コード制約に対応した汎用的なインポートクラスの実装例を紹介します。 ...

Webサイト制作においてモーダルは必須パーツですが、ライブラリを導入するとプロジェクトが重くなったり、カスタマイズが制限されたりすることがあります。 今回は、Tailwind CSSのユーティリティクラスと最小限のJavaScript（バニラJS）のみで、複数設置にも対応した軽量なアニメーション付きモーダルの実装方法を紹介します。 ...

Google画像検索のようなレイアウトで画像を並べるCSSをいくつか紹介します。 ※今回のCSSでは実装の容易さを優先したため、画像はトリミングが発生します。 ...

CodePenの埋め込みコードを、iframeを利用して表示するショートコードで作成します。 ショートコードの作成 layouts/shortcodes/codepen.htmlを作成して以下を記述します。ユーザー名は任意の名前に書き換えます。 ...

このサイトのAboutページの「エンジニア歴〇〇年」という部分は、Hugoで使えるショートコード（関数）によって自動計算して出力しています。この記事では実際に書いたコードを解説したい思います。 HugoとGo言語 HugoはGo言語（Golang）で構築された静的サイトジェネレーターです。そのため、テンプレート内ではGo言語の標準的なテンプレートエンジンの仕組みを利用して、プログラムに近い処理を記述することができます。 つまり、本格的なカスタマイズにはGo言語の知識が必要です。 ...

Hugoでブログを公開したら、最初に行うべきGA4（Googleアナリティクス）とGoogle Search Consoleの導入手順を解説します。 解析ツールを早期に導入することで、誰がどんな言葉でサイトに訪れたのか把握することができます。 ...

ブログのSNSシェア時に表示されるOGP画像を、記事タイトルに合わせて動的に生成する仕組みを構築しました。 Cloudinaryを利用すると、サーバー側の処理を記述することなく、URLパラメータのみで画像加工が可能です。 日本語フォントを適用するための権限設定や、特殊なURLエンコードの仕様など、実装に必要な具体的な手順を解説します。 ...

PHPで業務システムを開発している際、社員IDや郵便番号などの「ゼロ埋め」データをCSV出力したところ、Excelで開くと先頭の0が消えて「123」のように数値化されてしまうトラブルに遭遇しました。 ...