- kintone
「配車表をExcelで回すのが限界です」─ kintoneで配車管理をデジタル化する
運送会社の配車管理をExcel＋LINEからkintoneに移行する方法を解説。車両・ドライバー・案件の3アプリ構成、JavaScriptによる配車ダッシュボードや空きドライバー自動抽出、Webhook通知など、実案件で効果が出たカスタマイズ事例を紹介します。
- HTML/CSS
スタイルの”巻き添え事故”を防ぐ！CSS @scopeで影響範囲を絞る実装術
CSS @scopeを使ってスタイルの影響範囲を限定し、意図しないスタイル漏れを防ぐ方法を解説。@scopeの基本構文からtoによる下限指定、カードUIやヘッダー・フッターの実装例、BEM・CSS Modulesとの比較まで、コード付きで紹介します。ビルドツール不要でWordPressや静的サイトにも導入可能です。
- React, Vue.js
“キーボードだけで使えるUI”を最小コードで ─ Roving TabindexとFocus Trapの実装法
Roving TabindexとFocus Trapの2パターンで、キーボードだけで操作できるアクセシブルなUIを実装する方法を解説。メニュー・タブ・モーダルのフォーカス管理をReactとVueの両方のコード付きで紹介します。外部ライブラリ不要、約100行で実装可能です。
- ディレクション
“簡単だからすぐできますよね？”にプロはどう答えるべきか
「簡単だからすぐできますよね？」というクライアントの質問にプロはどう答えるべきか。Web制作営業の実体験から、ボタンの色変更・画像差し替え・フォーム項目追加など「簡単に見える作業」の裏側にある工数を解説し、信頼を損なわず正しく伝える5ステップの説明フローを紹介します。
- UI/UX
比較表で”違い”にだけ動きを ─ 差分セルの一時ハイライト
比較表で「違い」がわかりにくい問題を、差分セルだけを一瞬ハイライトするCSS＋JavaScriptで解決。IntersectionObserverで表の表示を検知し、data-diff属性のセルを300msフラッシュさせる実装方法を、HTML・CSS・JSのコード付きで解説します。A/Bテストでは滞在時間が75%増、CTAクリック率が約42%...
- Web業界の動向・情報
当社がメディアに紹介されました
株式会社リレ様が運営されている「INTERSECT」「Independent」「ERP・基幹システム研究所」「新規事業.COM」にて、弊社が紹介されました。 弊社紹介記事： ぜひご覧ください！ 株式会社リレは、BtoB専 […]
- UI/UX
滞在時間を伸ばす！マイクロインタラクションのコーディング実例
CSSだけで実装できるマイクロインタラクションの実例を紹介。ボタンホバー、フォームフォーカス、スクロール連動フェードイン、カードの浮き上がりエフェクトの4つをコード例付きで解説。prefers-reduced-motionによるアクセシビリティ対応や、導入判断の基準も整理しています。
- React, Vue.js
“動かすけど軽い” FLIPアニメーション設計 ─ React/Vueで60fpsを維持する実装法
カードの並び替えやフィルタ後のリスト再配置で60fpsを維持するFLIPアニメーション設計を解説。GoogleのPaul Lewisが提唱したFirst→Last→Invert→Playの4ステップで、transform主体のGPU合成アニメーションを実現します。ReactのuseLayoutEffect、VueのTransitionGroupでの実装例とパフォーマンス対...
- kintone
kintoneで”成功する企業と失敗する企業”の決定的な違い
kintone導入で成功する企業と失敗する企業の決定的な違いを、50代営業が実例で解説。「Excel回帰」「属人化」「現場不在の導入」など失敗パターンと、スモールスタート・チーム運用・カスタマイズの線引きなど成功の共通点を紹介します。導入後3ヶ月で起きがちな問題と事前対策も。
