ましじめ株式会社
この記事はa-blog cms Advent Calendar 2025 の2日目の記事です。11月の a-blog cms Training Camp 2025お疲れ様でした！今回、Twigのフィルターと a-blog cms の校正オプションについて発表させていただき...
2025年12月09日
スタッフブログ
HubSpot CLIとはHubSpot CLIは、HubSpotのCMSをコマンドラインから操作できる開発ツールです。テーマやモジュールの作成時に、効率的な開発環境を提供します。ローカル環境で作業しながら、HubSpotのCMSと簡単に...
2025年10月02日
タブはなぜ難しい？ウェブでよく使われるUIのひとつが「タブ」。見た目はシンプルですが、実際にアクセシビリティ対応を行うと「ロールや属性の付与」「選択状態の管理」「キーボード操作」など考えることが多く...
2025年09月24日
モーダルやタブ、アコーディオンなど「動き」のあるUIは、デザイン性や利便性を高める一方で、支援技術ユーザーにとっては操作や理解が難しくなることがあります。そのため、動きを伴うコンポーネントを実装する...
2025年09月15日
ウェブアクセシビリティとは、視覚障害、聴覚障害、肢体不自由、認知障害など、様々な障害を持つ人を含む、すべての人がウェブサイトやウェブアプリケーションを支障なく利用できるようにするための取り組みです...
こんにちは、田村です。 Drupalをアップデートしたところ、メディア編集画面に 「リビジョン」タブが 2つになってしまいました。 原因を調べてみたところ、ContribモジュールのMedia Revisions UIがコアと機能重...
2025年04月27日
こんにちは、田村です。 Amplifyでは、Node.jsのバージョンが合わないとビルドに失敗することがあります。 その場合は、カスタムビルドイメージを指定してバージョンを揃えることができます。 「ビルドの設定」か...
2025年04月25日
こんにちは。田村です。 CSSアニメーションで、コマ送りのような「カクカク」と動きを切り替えるアニメーションを作りたい場合がありました。 そんなときはsteps() 関数を使うと実現可能です。 steps() とは？ st...
2025年01月17日
こんにちは。田村です。 CSSアニメーションはリッチな動きが表現でき便利ですがユーザーによってはアニメーションをオフにしたいということがあります。 OS側で「動きをへらす」という設定があり、これをCSS側で...
こんにちは。田村です。 CSSアニメーションをしているときに、「アニメーションを一時停止させたい」「特定のタイミングで再開したい」といった場合がありました。 そんな場合は、animation-play-stateプロパティ...
こんにちは。田村です。 CSSアニメーションの機能でスクロール位置とCSSアニメーションを同期させることが可能になるのをご存知でしょうか。 view-timeline と animation-timelineのプロパティを使うと、スクロー...
こんにちは。田村です。 動画からコマ送り用に連番の画像を作りたい場合がありました。 FFmpegを使うと簡単に動画から画像を生成することが可能です。 FFmpegとは？ FFmpeg（エフエフエムペグ）は、動画や音声フ...
