企業概要

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

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

テクノロジー

JavaScript を使って通貨形式を数値に変換する
JavaScriptの正規表現を利用し、通貨表記に含まれる無効な記号を取り除くことで、簡単に通貨文字列を数値に変換できます。これにより、数値計算や金額比較などが容易になります。
Details
Details
3ヶ月前
JavaScript を使って通貨形式を数値に変換する
ページ内の同じ種類のコンテナの高さを、最大値に合わせて統一する。
複数の同一クラス要素の高さを最大値に揃える処理をjQueryで実装。イベント発火時の多重処理を防ぐためデバウンスをかけ、動的なレイアウト変更に対応。効率的かつ堅牢な高さ統一が可能。
Details
Details
3ヶ月前
ページ内の同じ種類のコンテナの高さを、最大値に合わせて統一する。
エディターでのショートカット生成
エディター内でのスニペット生成
無敵の小さな蚊
無敵の小さな蚊
3ヶ月前
エディターでのショートカット生成
PHPでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する
auto_copyright() 関数は、動的に著作権の年数を出力します。引数として開始年を受け取り、現在の年と比較して、単一年または範囲(例: 2015 - 2025)を表示します。
Details
Details
3ヶ月前
PHPでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する
JSでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する
autoCopyright(startYear, elementId) 関数は、指定した開始年から現在年までの著作権表記(例: "2020 - 2025")を自動生成し、指定されたHTML要素に表示します。
Details
Details
3ヶ月前
JSでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する
JavaScriptでURL(パス)からファイル名を取得する
window.location.pathname でURLのパス部分を取得。 lastIndexOf('/') で最後のスラッシュ位置を検出。 substring でスラッシュの次から最後までを切り出し、ファイル名を抽出。
Details
Details
3ヶ月前
JavaScriptでURL(パス)からファイル名を取得する
第1回:ウェブにおける色の基礎(2025年最新版)
ウェブデザインの基礎「色」について、2025年最新トレンドやアクセシビリティ・ダークモード対応まで、実務ですぐ使えるCSS色指定方法を分かりやすく解説。初心者から現場のデザイナーまで必見のカラーマネジメント入門ガイド。
aki0o0
aki0o0
3ヶ月前
はじめての二進数|10進数との変換方法をわかりやすく解説【初心者向け】
パソコンやスマホの中で使われている数字の仕組み、それが「二進数(バイナリ)」です。このページでは、10進数 ⇔ 2進数 の変換方法を、初心者の方でも理解できるようにやさしく解説します。 二進数って何? ふだん私たちが使っている数字(0~9) […]
aki0o0
aki0o0
3ヶ月前
はじめての二進数|10進数との変換方法をわかりやすく解説【初心者向け】
ユーザーのブラウザに保存されているJavaScript、CSS、画像のキャッシュを削除するにはどうすればいいですか?
ブラウザのキャッシュによる古いJavaScript、CSS、画像の表示を防ぐには、URLにバージョン番号や日時パラメータを付けてリソースを更新する方法が有効です。 毎回タイムスタンプを使うとキャッシュ効果がなくなるため、手動や適切なタイミングでバージョン番号を管理するのがおすすめです。
Details
Details
3ヶ月前
ユーザーのブラウザに保存されているJavaScript、CSS、画像のキャッシュを削除するにはどうすればいいですか?
SCSSの @for ループ(ループ文)
SCSSの @for ループ
無敵の小さな蚊
無敵の小さな蚊
3ヶ月前
SCSSの @for ループ(ループ文)
画像の遅延読み込みはこう変わる!2025年最新版・Lazy LoadとIntersectionObserverの最適解
2025年最新の画像遅延読み込み(Lazy Load)完全ガイド。ネイティブloading="lazy"とIntersectionObserverの使い分け・実装例・SEOやLCPへの最新対応ポイントまで徹底解説。パフォーマンスと検索順位アップのための必読ノウハウ!
aki0o0
aki0o0
3ヶ月前
画像の遅延読み込みはこう変わる!2025年最新版・Lazy LoadとIntersectionObserverの最適解
Blobを使った動画のストリーミング再生方法【MediaSource API徹底解説】
BlobとMediaSource APIを使った動画ストリーミング再生方法を分かりやすく解説。ファイルを分割してスムーズに再生するJavaScript実装例、FAQ、注意点、用語解説付き。Webパフォーマンス最適化に必見!
aki0o0
aki0o0
3ヶ月前
Blobを使った動画のストリーミング再生方法【MediaSource API徹底解説】
TOP