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.

technology

2025年のWeb制作 × AI活用の最前線|実務で使えるAIテクノロジーと現場導入ガイド
2025年のWeb制作業界は、AI技術の導入によって大きな変革を迎えています。生成AIやRAG、ノーコードツールを活用することで、デザイン・コーディング・SEO・運用まで大幅な効率化が実現。現場の生産性向上だけでなく、“人にしかできない体験設計”の重要性も高まっています。本記事では、AI時代における最新のWeb制作ノウハウと具体的な実践ポイントを徹底解説。今後のトレンドや現場Tipsも紹介します。
X MEDIA 編集長
X MEDIA 編集長
3 days ago
2025年のWeb制作 × AI活用の最前線|実務で使えるAIテクノロジーと現場導入ガイド
scroll-behaviorで平滑スクロール、一行でいけるんだ
一般的に、アンカーリンクをスムーズにスクロールさせる時、JavaScriptやjQueryで実装することが多いです。例えば、 でも実は、CSSだけでもできるんです。そのためのプロパティがこちら: これを書くだけで、リンクをクリックした時にスーッと自然にスクロールしてくれます。ね、めっちゃシンプルでしょう?
メモ・ノートスケ
メモ・ノートスケ
3 days ago
scroll-behaviorで平滑スクロール、一行でいけるんだ
Facebookがウェブページを開いたときに自動でFacebookアプリを起動し、指定したユーザーのページを開く方法
このチュートリアルでは、ウェブページからFacebookアプリを自動または手動で起動し、指定したFacebookページを開く方法を紹介しています。ページIDの取得方法、iPhoneとAndroidで異なるリダイレクト方法、リンクによる手動遷移の実装例を説明し、最後にクライアント判別を含むサンプルパッケージも提供しています。Facebook誘導やモバイルUX改善を目指す方におすすめです。
Details
Details
4 days ago
Facebookがウェブページを開いたときに自動でFacebookアプリを起動し、指定したユーザーのページを開く方法
PHPでランダムIDを生成するランダムな文字列を生成する
このPHPコードは、セキュリティ重視のWebシステムに必要な「予測不可能な」ランダムトークンを生成するために設計されています。openssl_random_pseudo_bytes() を使うことで、一般的な rand() や mt_rand() よりも格段に安全なランダム性が確保されます。
Details
Details
4 days ago
PHPでランダムIDを生成するランダムな文字列を生成する
フルスクリーンナビゲーション時に、背面のコンテンツがスクロールしないようにするコード
このjQueryコードは、トグルボタンの状態に応じてナビゲーションを開閉し、背景のスクロールを動的に制御します。クラス名 back をトリガーとして、html 要素に適切なスタイルを適用し、快適なフルスクリーンUIを提供します。
Details
Details
4 days ago
フルスクリーンナビゲーション時に、背面のコンテンツがスクロールしないようにするコード
ページ遷移の一般的な方法
本記事では、Webページにおけるページ遷移(リダイレクト)の一般的な実装方法について紹介しています。JavaScript、HTMLのメタタグ、PHP、ASPを用いたリダイレクト方法をそれぞれ具体的なコード例と共に解説しています。
Details
Details
4 days ago
ページ遷移の一般的な方法
JavaScript を使って通貨形式を数値に変換する
JavaScriptの正規表現を利用し、通貨表記に含まれる無効な記号を取り除くことで、簡単に通貨文字列を数値に変換できます。これにより、数値計算や金額比較などが容易になります。
Details
Details
4 days ago
JavaScript を使って通貨形式を数値に変換する
ページ内の同じ種類のコンテナの高さを、最大値に合わせて統一する。
複数の同一クラス要素の高さを最大値に揃える処理をjQueryで実装。イベント発火時の多重処理を防ぐためデバウンスをかけ、動的なレイアウト変更に対応。効率的かつ堅牢な高さ統一が可能。
Details
Details
4 days ago
ページ内の同じ種類のコンテナの高さを、最大値に合わせて統一する。
エディターでのショートカット生成
エディター内でのスニペット生成
刘子文
刘子文
5 days ago
Blobメソッドによる動画再生
このコラムでは、大容量動画ファイルのストリーミング再生を実現するために、BlobメソッドやMediaSourceを活用し、動画をチャンク(分割データ)単位で段階的に読み込む実装例を紹介しています。これにより、最初から全体をダウンロードせず、ユーザーは待ち時間なく動画視聴を開始できます。
キウイフルーツ
キウイフルーツ
5 days ago