Tec Blogブログ

2026年10月19日、阪急百貨店・阪神百貨店を傘下に持つエイチ・ツー・オー リテイリング（H2O）が、グループの3つのWebサービスで不正アクセスがあったことを公表しました。発表によると、「阪急百貨店・阪神百貨店予約サイト」を経由して顧客管理システムへの不正アクセスが確認され、「H2O ID」会員のほぼすべてにあたる

2026年の秋は、大規模な情報流出のニュースが続きました。9月には、パーク24の子会社が運営するカーシェアリングサービス「タイムズカー」のWebシステムが不正アクセスを受け、退会者を含む最大約660万件のアカウントで、氏名や住所、運転免許証の画像などが漏えいしたと公表されました。10月には、ECサイト構築サービス「ショ

デザインカンプが更新され、メインカラーの青を16か所、余白の数値を30か所修正することになった。検索して一つずつ書き換えたものの、1か所だけ修正が漏れていて、確認の段階で差し戻される。こうした経験は、Web制作の現場で珍しくありません。数値をCSSの中に直接書いていると、デザインの変更があるたびに、同じ作業を繰り返すこ

案件のキックオフで、「CSSはBEMでお願いします」という声と、「FLOCSSで揃えてください」という声が同時に上がることがあります。どちらもクラスの命名に関する話に聞こえるため、その場では「どちらかに決めれば済む」と受け取られがちです。しかし、この2つが扱っている範囲は同じではありません。BEMは、ひとつの部品をブロ

AIに関数を書いてもらい、差分の行数だけを確認してコミットする。画面上は問題なく動いているように見えても、しばらくすると同じ名前の変数が別のファイルで別の意味を持っていたことが分かり、手戻りが発生する。こうした場面は、制作の現場で珍しくありません。AIの普及によってコードを書く仕事がなくなるわけではなく、むしろ生成され

キーフレームを追加するたびに、ページは華やかに見えるようになります。一方で、スクロールするたびに数十個の要素が同時に動くような状態では、見た目とは別に、ブラウザの描画処理に負荷がかかっていきます。CSSアニメーションを多用すると常にパフォーマンスが落ちる、と明確に示した一次情報は見当たりません。パフォーマンスが落ちやす

案件ごとにクラス名の付け方が違い、同じボタンに .btn、.c-button、.p-mv__btn という3種類のクラスが混在している。修正のたびに検索して上書きを重ね、詳細度がどんどん高くなっていく。こうした状況は、制作の現場で珍しくありません。命名のルールを揃えるだけで、CSSの崩れがすべて防げるわけではありません

「国産のCSSフレームワークを、2026年の案件でどう見るか」。聞かれたとき、名前だけ並べて終わる。利用者数の順位や、これ一本に置き換わる、という話ではないです。この記事では、日本発の Lism CSS を、公式ドキュメントに書かれている範囲で整理しようと思います。導入すれば設計が不要になる、とは言いません。何を引き受

ホームページは公開中です。メールだけ、レンタルサーバーから Microsoft 365 へ移したい。管理センターのウィザードは、ネームサーバーを Microsoft へ変える案内を出します。案内どおりに変えると、メールの準備は進み、サイトの行き先が消えます。結論です。動いているサイトがある切替では、ネームサーバーとAレ

共有サーバーへ Next.js を書き出したあと、問い合わせだけをどうするか問題が残ります。app/api に送るフォームは、ローカルでは動いて、本番のビルドでは動きません。静的書き出しには、そのAPIを実行するNodeが無いためです。結論です。共有サーバー上の Next.js では、フォームの受け口を Next の外