はてぶ・Qiita・Zennのトレンド記事を紹介
エキサイトブログのトップページを段階的にリプレイスする 🔖 1
はじめに エキサイト株式会社 Webエンジニアの山縣（@zsp2088dev）です。 普段の業務では、エキサイトブログの新機能開発や運用、その他メディア関連のサービスも兼任しています。 先日TECH Street主催のイベントで登壇した「エキサイトブログのトップページを段階的にリ
就業型インターン「Booost!!!」でのAPIのリビルドを通じて...
はじめに こんにちは！2025 年 8 月の一カ月の間、エキサイト株式会社の BB 事業部で就業型インターシップ「Booost!!!」に参加させていただいた久々津 歩です。今回は、インターンで学んだことを中心に紹介できたらなと考えています！！ はじめに 自己紹介 インターンシップ
はじめに 2025年8月1日から1か月間、「Booost!!! Excite Internship 2025」に参加しました。本記事では、インターンシップで取り組んだ内容や学び、感じたことをまとめて紹介します。 はじめに 自己紹介 インターンシップでの業務内容 学んだこと 技術面
Excite Booost!!! 就業型インターン体験記 ― 個人開発では得られない気づき
はじめに 私は 2025年8月、エキサイト株式会社の就業型インターンシップ 「Booost!!!」 に参加しました。約1か月間、実際の開発現場に入り、これまでの個人開発では気づけなかったことを「チーム開発の現場での進め方」や「個人開発では意識しなかった責任あるコードの書き方」につ
はじめに 2025年8月から1ヶ月間インターンに参加させていただきましたねぎみかんです。 今回は、インターンで学んだ事を紹介します。 自己紹介 自分は情報系の学部3年生で、研究室が決まったばかりなので、何を研究するかは未定ですが、研究室としては、防災に関係するWebサイトを運営し
Amazon Linux 2023にCodeDeployをインストールする方法
はじめに Amazon Linux 2023でのCodeDeploy利用について インストール手順 まとめ 採用情報 はじめに BB事業部に最近異動になった岡崎です。 Amazon Linux 2 は 2026年6月30日 をもってサポートが終了します。 そのため、私たちのチーム
htmxで単一トリガーで複数リクエストする際に一つしか発行されない場合の対処法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxで単一トリガーで複数リクエストする際に一つしか発行されない場合の対処法をご紹介します。 遭遇した事象 原因はhtmxのバグ まとめ 参考文献 遭遇した事象 冒頭、遭遇した事象を整理します。 なお、この事象が発
Tailwind CSSで画像を他の画像に合わせて切り抜く（マスクする）方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSで画像を他の画像に合わせて切り抜く（マスクする）方法をご紹介します。 なお、本稿の内容は v4.1.12（2025年8月18日時点の最新版）のTailwind CSSを前提としています。 実現
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxでページ全体で有効な設定オプションをセットする方法をご紹介します。 なお、方向の内容は v.2.0.6 （2025年8月12日時点の最新版）のhtmxを前提としています。 htmxとは 実現したいこと レスポ
Tailwind CSSで監視対象から特定のディレクトリを除外する方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSでユーティリティクラスの検知の監視対象から特定のディレクトリを除外する方法をご紹介します。 なお、本稿の内容は v4.1.11（2025年7月22日時点の最新版）のTailwind CSSを前
htmxでリクエスト発行前にHTMLの制約検証APIを使用して検査する方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxでHTMLの制約検証APIを使用して検査合格後にリクエストを発行する方法をご紹介します。 なお、本稿の内容は v2.0.6（2025年7月14日時点の最新版）のhtmxを前提としています。 htmxとは 実現
こんにちは。エキサイトでエンジニアをしている吉川です。先日7/4(金)に社内イベントのテクデザBeerBashを開催したので、そのレポートを書いていきます。 BeerBashとは Beer Bashとはbeer（ビール）＋ bash（にぎやかなパーティー）を合わせた造語で、真面目
htmxでHTTPレスポンスエラー時に任意のJavaScriptを実行する方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxでリクエスト発行してHTTPレスポンスエラーとなった場合に、任意のJavaScriptを実行する方法をご紹介します。 なお、本稿の内容は v2.0.6（2025年7月7日時点の最新版）のhtmxを前提とします
【ExciteHD TechCon 2025】Tailwind CSS、Alpine.js、htmxによる「消しやすさ」を軸にしたフロントエンド戦略について発表しました 🔖 2
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、先日弊社で開催されたExciteHD TechCon 2025で発表した、Tailwind CSS、Alpine.js、htmxによる「消しやすさ」を軸にしたフロントエンド戦略についてご紹介します。 ExciteHD
htmxでリクエスト発行前にwindow.confirmを実行する方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxでリクエスト発行前にwindow.confirmを実行して、確認ダイアログが承認された場合にのみリクエストする方法をご紹介します。 なお、本稿の内容は v2.0.4（2025年6月16日時点の最新版）のhtm
はじめに こんにちは。エキサイトでエンジニアをしております、吉川です。 先日6/6（金）にエキサイトHD社内の技術カンファレンス「TechCon」を開催しました。本記事では、その様子をお伝えします。 昨年のTechCon運営の記事は以下からご覧いただけます。 tech.excit
JSなしでdialogタグを制御できるbuttonタグのcommand属性を試してみた
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、buttonタグの新しい属性であるcommand属性を使用して、JSなしでdialogタグを制御する方法をご紹介します。 なお、本稿の内容は2025年6月9日時点のHTML Living Standardと各ブラウザ
htmxのリクエストトリガーに別の要素のイベントを指定する方法 🔖 1
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxのリクエストトリガーに別の要素のイベントを指定する方法をご紹介します。 htmxとは 実現したいこと hx-triggerのfrom:*で別の要素のイベントをトリガーに指定できる まとめ 参考文献 htmxと
textarea要素のサイズ変更を提供する方向を制御する方法 🔖 1
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、textarea要素のサイズ変更を提供する方向を制御する方法をご紹介します。 実現したいこと CSSプロパティのresizeで制御が可能 注意点 Tailwind CSSの場合 まとめ 参考文献 実現したいこと 冒頭
カスタムURLスキーム実装時に詰まったこと (スキームの指定について) 🔖 1
こんにちは。エキサイトでアプリエンジニアをしている岡島です。 最近、FlutterアプリでDeepLinkをカスタムURLスキームで実装する機会がありました。そのとき、動作確認のデバッグ用コマンドではカスタムURLスキームからアプリが起動するのですが、TestFlightで配布し
htmxでAJAXリクエスト時に送信されるパラメータをフィルタリングする方法 🔖 1
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、htmxでAJAXリクエスト時に送信されるパラメータをフィルタリングする方法をご紹介します。 なお、本稿の内容は v2.0.4（2025年4月28日時点の最新版）のhtmxを前提とします。 htmxとは 実現したいこ
Tailwind CSSでグラデーション背景をスタイリングする方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSでグラデーション背景をスタイリングする方法をご紹介します。 なお、本稿ではv4.1（2025年4月21日時点の最新版）のTailwind CSSを前提とします。 実現したいこと Tailwin
SpringBootのapplication.ymlのデータをenumにマッピングする方法(SpringBoot)
エキサイト株式会社メディアプラットフォーム事業エンジニアの佐々木です。 Javaのenumは大変便利でかなり活用していますが、SpringBootなどのDIコンテナと絡めたときに、enumはDIできないのでapplication.ymlなどの環境ごとの動的データが使用できないこと
【Flutter × Riverpod】AsyncValueのvalue / valueOrNull / requireValueの違い
こんにちは。エキサイトでアプリエンジニアをしている岡島です。 今回はFlutterでRiverpodを利用する時に扱うAsyncValueの3つのプロパティ AsyncValue.value AsyncValue.valueOrNull AsyncValue.requireVal
Thymeleafのヘルパー関数を@Componentで実装する
エキサイト株式会社メディアプラットフォーム事業部エンジニアの佐々木です。テンプレートエンジンの関数のみだと足りないのでSpringBootの@Componentを使用して拡張します。 コード まとめ コード 現在時刻を返すだけの簡単なヘルパー関数を作ってみます。コードはJavaで
Tailwind CSSでスペーシングのベースサイズをカスタマイズする方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSでスペーシングのベースサイズをカスタマイズする方法をご紹介します。 なお、本稿ではv4.1（2025年4月14日時点の最新版）のTailwind CSSを前提とします。 実現したいこと スペー
Alpine.jsでページ内で一意になる文字列を生成する方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Alpine.jsでページ内で一意になる文字列を生成する方法をご紹介します。 実現したいこと Alpine.jsの$idマジックが便利 x-id属性と組み合わせるとグルーピングができる まとめ 参考文献 実現したいこ
高速なテンプレートエンジンJTEをSpringBootで試す
エキサイト株式会社メディアプラットフォーム事業部エンジニア佐々木です。SpringBootのデファクトのテンプレートエンジンはThymeleafだと思いますが、JTEというテンプレートエンジンもここ最近Spring Initilizrで選べるようになりました。 プリコンパイルでき
[htmx] hx-triggerを使ってinfinitScrollを実装する方法[Java/Spring Boot]
はじめに こんにちは、新卒2年目の岡崎です。今回はhx-triggerを使ってinfinitScrollを実装する方法を紹介します。 環境 gradle ------------------------------------------------------------ Gr
【Flutter】flutter_flavorizrを用いて環境分けをする
こんにちは。エキサイトでアプリエンジニアをしている岡島です。 今回は、Flutterプロジェクトで環境ごとに設定を分けて開発・ビルドしたい場合に便利なツール、flutter_flavorizrを用いた環境構築方法を紹介したいと思います。 本記事では、開発（dev）、ステージング（
Tailwind CSSでbackground-sizeとbackground-positionの両方を任意の値で設定する方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSでbackground-sizeとbackground-positionの両方を任意の値で設定する方法をご紹介します。 実現したいこと background-sizeとbackground-p
こんにちは、エキサイトでエンジニアをしている吉川です。 先日3/14（金）に社内イベントの「テクデザBeer Bash」を開催したので、運営視点でレポートを書いていきます。 テクデザBeer Bashとは Beer Bashとはbeer（ビール）＋ bash（にぎやかなパーティー
htmxを使ってbuttonを押した際に別のページを表示する方法
はじめに こんにちは、新卒2年目の岡崎です。今回は、htmxを使ってbuttonを押した際に別のページを表示する方法を紹介します。 環境 gradle ------------------------------------------------------------ Gra
PHPで特殊文字をエスケープする方法 なぜ特殊文字をエスケープする必要があるのか PHPで特殊文字をエスケープする方法 コードの解説 最後に PHPで特殊文字をエスケープする方法 初めまして、新卒2年目の岡崎です。今回は、PHPでHTMLタグなどに使われる特殊文字をエスケープする
Tailwind CSSに標準搭載されているリセットCSSを無効にする方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSに標準搭載されているリセットCSSを無効にする方法をご紹介します。 実現したいこと Preflightを無効にする方法 独自のリセットCSSを設定する まとめ 参考文献 実現したいこと 冒頭、
【Flutter】Chopperを用いてGitHubのAPIから検索結果を取得してみる
こんにちは。エキサイトでアプリエンジニアをしている岡島です。今回は業務でChopperというライブラリを使用したので、Chopperの基礎を説明しながら、GitHubのAPIで検索結果を取得するまでを記事にしていこうと思います。GitHubのAPIの仕様については省略します。 C
SpringBootのBeanスコープを@Scopeで使い分ける
エキサイト株式会社エンジニアの佐々木です。SpringBootのBeanスコープのデフォルトはSingletonですが、@Scopeを利用して使い分けていこうと思います。 Beanスコープとは？ singleton request session prototype single
Google Ad Manager（GAM）でサードパーティクリエイティブのクリック数が取得できない場合の対処法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Google Ad Managerでサードパーティクリエイティブのクリック数が取得できない場合の対処法をご紹介します。 前提 実現したいこと クリックをトランキングするにはマクロの挿入が必要 クリックがトラッキングで
Tailwind CSSでHTML属性に対する疑似クラスのスタイリングをする方法
こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSでHTML属性に対する疑似要素のスタイリングをする方法をご紹介します。 実現したいこと Tailwind CSSで擬似クラスを指定する方法 注意点 CSS Tailwind CSS まとめ 参
【iOS/Android】環境別にAdMobのネイティブ広告バリデーターを非表示にする方法
こんにちは。エキサイトでアプリエンジニアをしている岡島です。 今回は、Google AdMobのネイティブ広告のバリデーターについて、環境別に表示非表示を切り替える方法を共有したいと思います。 本記事では環境設定に、Android は productFlavors を使用し、iO