企業概要

X MediaはX SIGHTのブログプラットフォームであり、広範な愛好者により興味深いコンテンツを提供することを目的としています。

X SIGHTは、ミニマルでありながら印象的なデザインを追求する情熱を原点とし、10年以上にわたり実績を積み重ねてきたクリエイティブデザインスタジオです。デザイナー、開発者、ストラテジストなど多様な専門性を持つメンバーが、未知を探求する力を信じ、大胆なアイデアを具体的な成果へと導きます。私たちが掲げる「無限の可能性」という理念のもと、革新的なソリューションを提供し、未来のデジタル世界を形作ることに挑戦し続けます。

javascript

【CSS & JavaScript & SVG対応】円グラフ（扇形図）のアニメーション表現まとめ

はじめに円グラフ（パイチャート）は、比率や構成比を視覚的に伝えるのに最適なUIコンポーネントです。最近、業務で使う機会があり、さまざまな方法でエフェクトをつけて表示する実装を試しました。この記事では、以下の3パターンで実装する方法を紹介 […]

キウイフルーツ

【CSS & JavaScript & SVG対応】円グラフ（扇形図）のアニメーション表現まとめ

フッターのJavaScriptは画像読み込みに影響する？ブラウザの読み込み順と最適化の基本

はじめに Webサイトの表示速度や操作感は、単にコンテンツの量や見た目だけでなく、ブラウザがリソースをどのように読み込むかによっても大きく左右されます。特にJavaScriptや画像の読み込み順序、そしてそれらがどのように相互作用しているか […]

フッターのJavaScriptは画像読み込みに影響する？ブラウザの読み込み順と最適化の基本

【2025年6月最新版】TIOBEインデックスで見る人気プログラミング言語ランキングとは？

2025年6月最新版のTIOBEインデックスから、今人気のプログラミング言語を解説。Python、C、C++、Javaなどの注目度や、インデックスの活用方法も紹介します。

【2025年6月最新版】TIOBEインデックスで見る人気プログラミング言語ランキングとは？

JavaScriptでナビゲーション以外の場所をクリックしたらナビゲーションを閉じる

本コードは典型的なモバイル用サイドナビゲーションの実装例です。ボタンによる表示切替と、メニュー外クリック検知を組み合わせることで、ユーザー体験を向上させています。さらにESCキーでのメニュー閉鎖も可能にし、アクセシビリティも配慮しています。

JavaScriptでナビゲーション以外の場所をクリックしたらナビゲーションを閉じる

CSSによる絶対中央寄せ

実用性が高い方法順で7種類の実装方法を紹介最も推奨されるのは Flexbox と Grid transform を使う方法はどんな要素にも応用可能 line-height や table-cell は特定用途向け JavaScript による制御も紹介されている

CSSによる絶対中央寄せ

jQuery Sortableがスマホなどのタッチスクリーンで使えない場合の対処法

モバイル端末でのクリックイベントとの競合を避けるため、タップ操作には click より touchstart を使うことを推奨。 jQuery UI のバージョンによっては、内部構造が異なる場合があるため、導入時はテストを行うこと。

jQuery Sortableがスマホなどのタッチスクリーンで使えない場合の対処法

ページ遷移の一般的な方法

本記事では、Webページにおけるページ遷移（リダイレクト）の一般的な実装方法について紹介しています。JavaScript、HTMLのメタタグ、PHP、ASPを用いたリダイレクト方法をそれぞれ具体的なコード例と共に解説しています。

ページ遷移の一般的な方法

JavaScript を使って通貨形式を数値に変換する

JavaScriptの正規表現を利用し、通貨表記に含まれる無効な記号を取り除くことで、簡単に通貨文字列を数値に変換できます。これにより、数値計算や金額比較などが容易になります。

JavaScript を使って通貨形式を数値に変換する

IT業界の初心者が知っておくべきの用語（2025版）

新しいテクノロジーについて話すとき、時々自分がみんなのペースについていけないと感じることはありませんか？あるいは、その業界にいるのに、自分はまだ十分ではないと感じ、多くの専門用語を理解しなければならないこともあるでしょう。

IT業界の初心者が知っておくべきの用語（2025版）

JSでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する

autoCopyright(startYear, elementId) 関数は、指定した開始年から現在年までの著作権表記（例: "2020 - 2025"）を自動生成し、指定されたHTML要素に表示します。

JSでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する

JavaScriptでURL（パス）からファイル名を取得する

window.location.pathname でURLのパス部分を取得。 lastIndexOf('/') で最後のスラッシュ位置を検出。 substring でスラッシュの次から最後までを切り出し、ファイル名を抽出。

JavaScriptでURL（パス）からファイル名を取得する

画像の遅延読み込みはこう変わる！2025年最新版・Lazy LoadとIntersectionObserverの最適解

2025年最新の画像遅延読み込み（Lazy Load）完全ガイド。ネイティブloading="lazy"とIntersectionObserverの使い分け・実装例・SEOやLCPへの最新対応ポイントまで徹底解説。パフォーマンスと検索順位アップのための必読ノウハウ！

画像の遅延読み込みはこう変わる！2025年最新版・Lazy LoadとIntersectionObserverの最適解

TOP