LED電光掲示板の表示エンジン
店舗の入口や店内に設置するLED電光掲示板で、広告・宣伝・お知らせの文言を動きのある効果とともに表示するテキストモーションエンジンを開発しました。店主が文言を入力すると、エンジンがその文字に移動・切り替え・強調の効果を付けて電光掲示板に出力します。電光掲示板は一般的な画面より表示環境が限られるため、その中でも文言が客の目に留まるようにすることが課題でした。エンジンとあわせて、店主が入力した文言と設定が実際の装置に反映される流れを担当しました。
店主が書いた一行を動く広告に変えるエンジン
テキストモーションエンジンは店舗用LED電光掲示板に搭載され、店主が入力した広告・宣伝・お知らせの文言を動きのある効果とともに出力します。エンジンは入力された文字と設定値を受け取り、その文言に合った動的な効果を作って電光掲示板の画面に出します。店舗の運営者が電光掲示板のコンテンツを自分で変えられるようにすることが、このエンジンの目的でした。

移動・切り替え・強調に分かれた複数のモーションパターン
テキストモーションエンジンには、文字が流れる移動、文言が別の文言に変わる切り替え、特定の文字を際立たせる強調といった複数のモーションパターンが入っています。電光掲示板は一般的な画面より表示環境が限られます。その中でも文言がよく目立つよう、パターンごとに視覚効果を組み立てました。

入力し、プレビューし、出力する文言の管理
店主は入力画面で広告文言とお知らせの内容を書き、設定を決めてからプレビューで確かめ、電光掲示板へ出力します。入力、プレビュー、出力が一つの流れでつながり、店舗の運営者が電光掲示板の文言を自分で変えます。出力の前にプレビューの段階があるので、電光掲示板に載る姿を先に確かめられます。

ソフトウェアの設定を実際の電光掲示板へ移す装置連携
店主が入力した文言と設定値は、電光掲示板の装置にそのまま反映されなければなりません。ソフトウェアで決めた内容が実際のハードウェアに渡り、現場で動作する流れを実装しました。キャリアの初期に参加したこのプロジェクトは成功裏に終わって社内外で注目を集め、ソフトウェアをハードウェア装置とつないで現場で動かした最初の経験になりました。

この仕事のポイント
入力した文言に移動・切り替え・強調の効果を付けるテキストモーションエンジン
店主が自ら使う文言の入力・プレビュー・出力の流れ
ソフトウェアの設定が電光掲示板の装置にそのまま反映される連携
インサイト
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



