企業概要

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

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

記事一覧

日中職場文化のちがいって?「あるある〜!」で笑いながら、理解を深めよう!
私たちのように、日中両方のメンバーが一緒に働く会社では、毎日ミーティング、プロジェクト、チャット…と共同作業が続きます。でも、「えっ?同じ言葉を話してるのに、なんだか通じてない…?」と思ったこと、ありませんか? それ、実は文化の違いが原因か […]
Regina_X
Regina_X
5ヶ月前
日中職場文化のちがいって?「あるある〜!」で笑いながら、理解を深めよう!
Switch 2 本日発売!注目スペック・ローンチソフト・新機能を徹底解説【2025年最新まとめ】
はじめに 2025年6月5日、いよいよNintendo Switch 2(スイッチ2)が全国で発売されました。高性能チップ、洗練されたデザイン、新機能満載の最新ハードは、発売直後から大きな話題となっています。本記事ではSwitch 2のスペ […]
aki0o0
aki0o0
5ヶ月前
Switch 2 本日発売!注目スペック・ローンチソフト・新機能を徹底解説【2025年最新まとめ】
【WASABI FOOD】イタリア料理
【WASABI FOOD】こちらのシリーズは僕が好きな料理や、作った料理などの紹介です。まぁ、思いついた時に投稿するので気長にお待ちください。
WASABI
WASABI
5ヶ月前
【WASABI FOOD】イタリア料理
2025年のWeb制作 × AI活用の最前線|実務で使えるAIテクノロジーと現場導入ガイド
2025年のWeb制作業界は、AI技術の導入によって大きな変革を迎えています。生成AIやRAG、ノーコードツールを活用することで、デザイン・コーディング・SEO・運用まで大幅な効率化が実現。現場の生産性向上だけでなく、“人にしかできない体験設計”の重要性も高まっています。本記事では、AI時代における最新のWeb制作ノウハウと具体的な実践ポイントを徹底解説。今後のトレンドや現場Tipsも紹介します。
aki0o0
aki0o0
5ヶ月前
2025年のWeb制作 × AI活用の最前線|実務で使えるAIテクノロジーと現場導入ガイド
ブランドの認知を上げる効果的な施策とは?
ブランド認知を高めるための基本概念から具体的な施策、得られるメリットまでを網羅的に解説。戦略設計に役立つ実践的な内容です。
WASABI
WASABI
5ヶ月前
ブランドの認知を上げる効果的な施策とは?
SafariでGoogleフォントが正しく表示されない原因と対策【font-weight・font-style完全ガイド】
SafariやiOSでGoogleフォントが正しく表示されない主な原因と対策を徹底解説。font-weight・font-styleの指定ミスによるWebフォント崩れを解決するCSSサンプル付きガイド。
aki0o0
aki0o0
5ヶ月前
SafariでGoogleフォントが正しく表示されない原因と対策【font-weight・font-style完全ガイド】
scroll-behaviorで平滑スクロール、一行でいけるんだ
一般的に、アンカーリンクをスムーズにスクロールさせる時、JavaScriptやjQueryで実装することが多いです。例えば、 でも実は、CSSだけでもできるんです。そのためのプロパティがこちら: これを書くだけで、リンクをクリックした時にス […]
メモ・ノートスケ
メモ・ノートスケ
5ヶ月前
scroll-behaviorで平滑スクロール、一行でいけるんだ
Facebookがウェブページを開いたときに自動でFacebookアプリを起動し、指定したユーザーのページを開く方法
このチュートリアルでは、ウェブページからFacebookアプリを自動または手動で起動し、指定したFacebookページを開く方法を紹介しています。ページIDの取得方法、iPhoneとAndroidで異なるリダイレクト方法、リンクによる手動遷移の実装例を説明し、最後にクライアント判別を含むサンプルパッケージも提供しています。Facebook誘導やモバイルUX改善を目指す方におすすめです。
Details
Details
5ヶ月前
Facebookがウェブページを開いたときに自動でFacebookアプリを起動し、指定したユーザーのページを開く方法
CSS3で複数行テキストを省略記号(…)で表示する方法【2行以上のellipsis対応】
CSS3の-webkit-line-clampを活用し、複数行テキストを自動で省略記号「…」で表示する方法を解説。2行以上の省略も簡単にコピペで実装できます!
Details
Details
5ヶ月前
CSS3で複数行テキストを省略記号(…)で表示する方法【2行以上のellipsis対応】
HTML5レスポンシブサイトのためのベストプラクティステンプレート【SEO・スマホ最適化完全対応】
HTML5でレスポンシブ&SEO対策済みの最適なテンプレートを公開。スマホ対応、iOS・PWA、各種アイコンやmetaタグもコピペで実装!
Details
Details
5ヶ月前
HTML5レスポンシブサイトのためのベストプラクティステンプレート【SEO・スマホ最適化完全対応】
PHPでランダムIDを生成するランダムな文字列を生成する
このPHPコードは、セキュリティ重視のWebシステムに必要な「予測不可能な」ランダムトークンを生成するために設計されています。openssl_random_pseudo_bytes() を使うことで、一般的な rand() や mt_rand() よりも格段に安全なランダム性が確保されます。
Details
Details
5ヶ月前
PHPでランダムIDを生成するランダムな文字列を生成する
【jQuery】フルスクリーンナビゲーション時に背景のスクロールを無効にする方法
このjQueryコードは、トグルボタンの状態に応じてナビゲーションを開閉し、背景のスクロールを動的に制御します。クラス名 back をトリガーとして、html 要素に適切なスタイルを適用し、快適なフルスクリーンUIを提供します。
Details
Details
5ヶ月前
【jQuery】フルスクリーンナビゲーション時に背景のスクロールを無効にする方法
jQuery Sortableがスマホなどのタッチスクリーンで使えない場合の対処法
モバイル端末でのクリックイベントとの競合を避けるため、タップ操作には click より touchstart を使うことを推奨。 jQuery UI のバージョンによっては、内部構造が異なる場合があるため、導入時はテストを行うこと。
Details
Details
5ヶ月前
jQuery Sortableがスマホなどのタッチスクリーンで使えない場合の対処法
ページ遷移の一般的な方法
本記事では、Webページにおけるページ遷移(リダイレクト)の一般的な実装方法について紹介しています。JavaScript、HTMLのメタタグ、PHP、ASPを用いたリダイレクト方法をそれぞれ具体的なコード例と共に解説しています。
Details
Details
5ヶ月前
ページ遷移の一般的な方法
JavaScript を使って通貨形式を数値に変換する
JavaScriptの正規表現を利用し、通貨表記に含まれる無効な記号を取り除くことで、簡単に通貨文字列を数値に変換できます。これにより、数値計算や金額比較などが容易になります。
Details
Details
5ヶ月前
JavaScript を使って通貨形式を数値に変換する
TOP