企業概要

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

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

記事一覧

中国人も知らない「ニッポンの中華料理」まとめ

「天津飯」「エビチリ」「餃子定食」…それ、本当に中国にある料理？本場・中国人が驚く“日本だけの中華料理”を大特集！なぜ日本には和製中華が多いのか、逆に中国の“中華式和食”事情も交えて、食のローカライズ文化を楽しく紹介します。

中国人も知らない「ニッポンの中華料理」まとめ

なぜ中国では「お湯」を飲むのか？日本との食習慣の違い｜日中ちがい図鑑

中国では当たり前のように出される「白湯（お湯）」、日本では必ずといっていいほど出てくる「冷水」。何気ない一杯の飲み物に、中日それぞれの文化と価値観の違いが表れています。

なぜ中国では「お湯」を飲むのか？日本との食習慣の違い｜日中ちがい図鑑

【WASABI CAMP】紹介編：（千葉）しげキャン

【WASABI CAMP】今回は千葉の人気キャンプ場しげキャンのご紹介です。

【WASABI CAMP】紹介編：（千葉）しげキャン

「5分で作れる」って言ったよね？ライトクレイ断念記

「5分でできる」の言葉を信じて、ふわふわのライトクレイに手を出したハンドメイド初心者。待っていたのは甘くない現実と、いびつな猫と、ほんの少しの達成感。断念したけど、ちょっと楽しかったかも…？

「5分で作れる」って言ったよね？ライトクレイ断念記

Gmailがパスワードから卒業する日──次世代ログイン体験「パスキー」とは？

GoogleはGmailのパスワード廃止を本格化し、パスキーとQRコードによる次世代ログイン体験へと移行中。本記事では、その背景とパスワードが不要になる時代の変化をわかりやすく解説します。

Gmailがパスワードから卒業する日──次世代ログイン体験「パスキー」とは？

PHPでMySQLのバージョンを確認する方法

PHPを使ってMySQLのバージョンを取得する方法には、mysqli_get_server_info()、PDO::getAttribute()、および SELECT VERSION() という3つの一般的な方法があります。それぞれの方法でMySQLへの接続が必要です。

PHPでMySQLのバージョンを確認する方法

Apple WWDC25速報：Apple Intelligence本格展開、「Liquid Glass」で全OS再定義

AppleがWWDC25を開催。Apple Intelligenceの本格展開と、全OSに導入された新デザイン「Liquid Glass」により、ソフトウェア体験が大きく進化。

Apple WWDC25速報：Apple Intelligence本格展開、「Liquid Glass」で全OS再定義

スクロールに応じてアニメーション！jQueryで要素にクラスを追加する方法

jQuery を使ってページのスクロールイベントを監視し、特定の位置に到達した際に要素へ指定したクラスを追加することで、CSS アニメーションを利用した「要素の登場アニメーション」を実現できます。これはウェブデザインでよく使われる手法で、ページのインタラクション体験や視覚的な魅力を高める効果があります。

スクロールに応じてアニメーション！jQueryで要素にクラスを追加する方法

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

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

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

日本語用WebサイトのCSSフォント設定（日本語フォント／游ゴシック／游明朝）

日本語フォントはOSにより異なるため、複数のフォントを優先順に指定する。 "Yu Gothic"や"Yu Mincho"はモダンな日本語フォントでWindows 8.1以降に搭載。 "ヒラギノ角ゴ"や"ヒラギノ明朝"はmacOS向けで、高品質。 "メイリオ"や"MS 明朝"などは古いWindows環境にも対応。ゴシック体はカジュアル・読みやすさ重視、明朝体はフォーマル・高級感重視に適している。

日本語用WebサイトのCSSフォント設定（日本語フォント／游ゴシック／游明朝）

CSS3 object-fit 属性浅析示例

object-fit は、画像や動画などの置き換え要素が、その親要素の枠内でどのように表示されるか（サイズ調整やトリミング）を指定するCSSプロパティです。 CSS3のobject-fit属性の簡単な解説 object-fit は、置き換え […]

CSS3 object-fit 属性浅析示例

相対パスと絶対パスの使い方

相対パスは、モジュールやディレクトリ内のローカルな参照に適しており、柔軟性があります。一方、絶対パスはウェブサイト全体で共通のリソース（CSS、画像、CDNなど）を参照する際に便利です。両者を理解して使い分けることで、パスのエラーや読み込み不具合を防げます。

相対パスと絶対パスの使い方

inputのプレースホルダー（placeholder）の色を変更する

プレースホルダーの色は::placeholder疑似要素で変更可能 IEやEdgeなどの古いブラウザ向けに:-ms-input-placeholder、::-ms-input-placeholderを併用 Firefoxでは透明度の調整のためopacity指定が推奨される

inputのプレースホルダー（placeholder）の色を変更する

CSSによる絶対中央寄せ

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

CSSによる絶対中央寄せ

【WASABI CAMP】紹介編：（神奈川）滝沢園キャンプ場

【WASABI CAMP】今回は神奈川県秦野市の滝沢園キャンプ場のご紹介です。

【WASABI CAMP】紹介編：（神奈川）滝沢園キャンプ場

«
1
…
7
8
9
10
11
12
»

TOP