About us

X Media is the blog platform of X SIGHT, designed to provide more interesting content for enthusiasts.

X SIGHT is a creative design studio with over a decade of industry experience, rooted in a passion for minimal yet impactful design. Our cross-disciplinary team of designers, developers, and strategists believes in the power of exploring the unknown—translating bold ideas into tangible results. Guided by our philosophy of infinite possibility, we strive to shape the digital world of tomorrow by delivering innovative solutions today.

All Articles

JSでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する
autoCopyright(startYear, elementId) 関数は、指定した開始年から現在年までの著作権表記(例: "2020 - 2025")を自動生成し、指定されたHTML要素に表示します。
Details
Details
5 days ago
JSでウェブサイトのフッターにあるCopyrightの年数範囲を自動更新する
JavaScriptでURL(パス)からファイル名を取得する
window.location.pathname でURLのパス部分を取得。 lastIndexOf('/') で最後のスラッシュ位置を検出。 substring でスラッシュの次から最後までを切り出し、ファイル名を抽出。
Details
Details
5 days ago
JavaScriptでURL(パス)からファイル名を取得する
【WASABI LIFE】🐦カラス vs 人間 〜頭上注意の巻〜
朝から頭を蹴られました・・・
WASABI
WASABI
5 days ago
【WASABI LIFE】🐦カラス vs 人間 〜頭上注意の巻〜
【WASABI MUSIC】Vol.2:助けられた曲 〜EASY GRIP〜
著者が10代の頃に出会い、特に支えられたインディーズバンド「EASY GRIP」への思い出を綴ったコラム。アルバム『LOOKING FOR TRUE COLORS』との出会いや、田舎道で聴いて涙したエピソード、シンプルで歌いやすい曲がカラオケでも活躍したことなど、バンドの魅力と自身の青春エピソードを紹介しています。バンドの概要やメンバー情報も掲載し、今でも「EASY GRIP」が生活の一部であることを伝えています。
WASABI
WASABI
6 days ago
【WASABI MUSIC】Vol.2:助けられた曲 〜EASY GRIP〜
【WASABI MUSIC】Vol.1:音楽との出会い 〜captain hedge hog〜
【WASABI MUSIC】Vol.1は音楽との出会い編。
WASABI
WASABI
1 week ago
【WASABI MUSIC】Vol.1:音楽との出会い 〜captain hedge hog〜
第1回:ウェブにおける色の基礎(2025年最新版)
ウェブデザインの基礎「色」について、2025年最新トレンドやアクセシビリティ・ダークモード対応まで、実務ですぐ使えるCSS色指定方法を分かりやすく解説。初心者から現場のデザイナーまで必見のカラーマネジメント入門ガイド。
X MEDIA 編集長
X MEDIA 編集長
1 week ago
よく使われるPHPライブラリ9選【公式リンク付き・2025年版】
2025年最新!PHPでのWeb開発に役立つライブラリ&フレームワーク12選を厳選紹介。Laravel・Symfony・PHPMailer・Guzzleなど、実務で使えるツールをまとめてチェック。公式リンク付きで、今すぐ使える便利リスト!
X MEDIA 編集長
X MEDIA 編集長
1 week ago
よく使われるPHPライブラリ9選【公式リンク付き・2025年版】
はじめての二進数|10進数との変換方法をわかりやすく解説【初心者向け】
パソコンやスマホの中で使われている数字の仕組み、それが「二進数(バイナリ)」です。このページでは、10進数 ⇔ 2進数 の変換方法を、初心者の方でも理解できるようにやさしく解説します。 二進数って何? ふだん私たちが使っている数字(0~9)は「10進数」と呼ばれます。一方、コンピューターが使っているのは「2進数」、つまり 0と1だけ で数を表します。 1|10進数から2進数に変換する方法 たとえば、「25.625」 を2進数に変換してみましょう。ポイントは、整数部分と小数部分を別々に変換することです。 ステップ① 整数部分を変換(2で割っていく) 25 ÷ 2 = 12 余り 112 ÷ 2 = 6 余り 06 ÷ 2 = 3 余り 03 ÷ 2 = 1 余り 11 ÷ 2 = 0 余り 1 余りを下から上へ読むと → 11001 ステップ② 小数部分を変換(2をかけていく) 0.625 × 2 = 1.25 → 整数部:10.25 × 2 = 0.5 → 整数部:00.5 × 2 = 1.0 → 整数部:1 整数部分を上から下へ並べると → .101 結果: 25.625(10進数)= 11001.101(2進数) 2|2進数から10進数に変換する方法 こんどは逆に、「11001.101」 を10進数に戻してみましょう。 ステップ① 整数部分を計算 桁ごとに 2 の累乗をかけていきます。 ステップ② 小数部分を計算 小数点の右側は、2の「マイナスの指数」で計算します。 結果: 11001.101(2進数)= 25.625(10進数) 💡 まとめ:ポイントをおさらい 変換方法 ポイント 10進→2進(整数) 2で割って余りを記録(下→上) 10進→2進(小数) 2をかけて整数部分を記録(上→下) 2進→10進(整数) 各桁に 2の指数 をかけて合計 2進→10進(小数) 小数部は 2⁻¹, 2⁻²… をかけて合計 📘 用語メモ 🔎 こんな方におすすめ!
X MEDIA 編集長
X MEDIA 編集長
1 week ago
PhotoshopでWebP形式を扱うためのプラグイン
WebPShop は、Photoshop用のプラグインで、WebP画像(アニメーションを含む)の読み込み・保存が可能です。GitHubプロジェクト: https://github.com/webmproject/WebPShop最新バージョン(2022/08/01時点): WebPShop 0.4.3 インストール方法 詳細はGitHubページをご確認ください。
キウイフルーツ
キウイフルーツ
1 week ago
ユーザーのブラウザに保存されているJavaScript、CSS、画像のキャッシュを削除するにはどうすればいいですか?
ブラウザのキャッシュによる古いJavaScript、CSS、画像の表示を防ぐには、URLにバージョン番号や日時パラメータを付けてリソースを更新する方法が有効です。 毎回タイムスタンプを使うとキャッシュ効果がなくなるため、手動や適切なタイミングでバージョン番号を管理するのがおすすめです。
Details
Details
1 week ago
ユーザーのブラウザに保存されているJavaScript、CSS、画像のキャッシュを削除するにはどうすればいいですか?