<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>地図・マップ_ジャパネット | Online Shopping</title>
	<atom:link href="https://study-scoreup.com/category/%E5%9C%B0%E5%9B%B3%E3%83%BB%E3%83%9E%E3%83%83%E3%83%97_%E3%82%B8%E3%83%A3%E3%83%91%E3%83%8D%E3%83%83%E3%83%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://study-scoreup.com</link>
	<description></description>
	<lastBuildDate>Mon, 18 May 2026 19:45:10 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://study-scoreup.com/wp-content/uploads/2026/02/go_fabicon-150x150.jpg</url>
	<title>地図・マップ_ジャパネット | Online Shopping</title>
	<link>https://study-scoreup.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://study-scoreup.com/category/%E5%9C%B0%E5%9B%B3%E3%83%BB%E3%83%9E%E3%83%83%E3%83%97_%E3%82%B8%E3%83%A3%E3%83%91%E3%83%8D%E3%83%83%E3%83%88/feed/"/>
	<item>
		<title>Map</title>
		<link>https://study-scoreup.com/map01_world/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Wed, 08 Apr 2026 16:58:29 +0000</pubDate>
				<category><![CDATA[地図・マップ_ジャパネット]]></category>
		<guid isPermaLink="false">https://study-scoreup.com/?p=793</guid>

					<description><![CDATA[&#160; &#160; Free Map Services Guide: Best Map Apps and Platforms for Smartphone and PC Maps are now a daily  [&#8230;]]]></description>
										<content:encoded><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6673316761188131"
     crossorigin="anonymous"></script><!-- TM_PC_Rバナー_1P_1 --><ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6673316761188131"
     data-ad-slot="4666743712"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins><script>
     (adsbygoogle = window.adsbygoogle || []).push({});</script>
<font size="2">スポンサーリンク</font>
<p>&nbsp;<br />
&nbsp;</p>
<div style="font-family:Arial, Helvetica, sans-serif; line-height:1.9; color:#222;">
<h1 style="font-size:30px; border-bottom:3px solid #2b6cb0; padding-bottom:10px; margin-bottom:20px;">
    Free Map Services Guide: Best Map Apps and Platforms for Smartphone and PC<br />
  </h1>
<p style="font-size:17px;">
    Maps are now a daily tool for almost everyone. Whether you are driving to a new destination, searching for a restaurant, checking traffic, planning a walking route, exploring a city, or creating a custom route for work or travel, a good map service can save time and reduce stress. On both <strong>smartphones</strong> and <strong>PCs</strong>, modern map platforms offer much more than simple directions. They can show live traffic, nearby places, photos, reviews, route options, satellite views, public transport information, and even custom maps.
  </p>
<p style="font-size:17px;">
    The best part is that many powerful map services are available for <span style="background:linear-gradient(transparent 60%, #fff3a3 60%);"><strong>free</strong></span>. This makes them useful for casual users, business users, travelers, students, delivery workers, commuters, and families. In this article, we will explain the benefits of free map services, the major features to look for, and the differences between the leading platforms. We will also compare key services in a simple way so that readers can quickly choose the right option.
  </p>
<div style="background:#f7fbff; border:1px solid #cfe3f5; border-left:6px solid #2b6cb0; padding:18px; margin:25px 0;">
<p style="margin:0; font-size:16px;">
      <strong>📍 Quick Point:</strong> A good free map service is not only about directions. It can also help with <u>discovery</u>, <u>time management</u>, <u>traffic avoidance</u>, <u>travel planning</u>, and <u>everyday convenience</u>.
    </p>
</p></div>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Why Free Map Services Matter<br />
  </h2>
<p style="font-size:17px;">
    In the past, many people relied on printed maps, car navigation systems, or local knowledge. Today, free digital maps have replaced much of that effort. With only a smartphone or a browser on a PC, people can instantly check where they are, where they need to go, and which route may be fastest or easiest.
  </p>
<p style="font-size:17px;">
    Free map services matter because they provide:
  </p>
<ul style="font-size:17px; padding-left:24px;">
<li><strong>Easy access:</strong> Most users already carry a smartphone, so there is no need for a dedicated navigation device.</li>
<li><strong>Lower cost:</strong> You can use advanced location features without paying a subscription fee.</li>
<li><strong>Real-time support:</strong> Many map services update traffic, road conditions, and place information continuously.</li>
<li><strong>Cross-device flexibility:</strong> You can check a destination on your PC and continue on your phone later.</li>
<li><strong>Useful local discovery:</strong> Maps help users find shops, hospitals, gas stations, hotels, stations, and attractions nearby.</li>
</ul>
<div style="background:#fff8e8; border:1px solid #f2d28b; padding:16px; margin:25px 0;">
<p style="margin:0; font-size:16px;">
      <strong style="color:#c05621;">⚠ Important:</strong> Not every map service is strong in the same area. Some are best for <u>driving</u>, some for <u>Apple ecosystem users</u>, some for <u>community traffic alerts</u>, and some for <u>open map data and customization</u>.
    </p>
</p></div>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Main Benefits of Using Maps on Smartphone and PC<br />
  </h2>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">1. Better Everyday Navigation</h3>
<p style="font-size:17px;">
    The most obvious benefit is navigation. A map app can guide drivers, walkers, and public transport users to the right place. On a smartphone, this is highly convenient because the device travels with you. On a PC, route planning is often easier because you have a larger screen for comparing paths and exploring areas in detail.
  </p>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">2. Faster Decision-Making</h3>
<p style="font-size:17px;">
    Free map services help users make quick decisions. You can compare several restaurants, check whether traffic is heavy, estimate arrival time, or search for parking before leaving home. This saves time and reduces uncertainty.
  </p>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">3. Stronger Travel Planning</h3>
<p style="font-size:17px;">
    Maps are useful not only during movement but also before a trip starts. On a PC, you can view neighborhoods, build travel ideas, check distances, compare attractions, and understand local geography more clearly than by reading text alone.
  </p>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">4. Easier Discovery of Nearby Places</h3>
<p style="font-size:17px;">
    Map platforms make it easier to discover useful locations around you. Need coffee, fuel, an ATM, a pharmacy, a convenience store, or a tourist spot? A good map service can show nearby options with ratings, photos, or route information.
  </p>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">5. More Control for Drivers</h3>
<p style="font-size:17px;">
    Drivers especially benefit from live traffic information, alternate route options, lane guidance, road alerts, estimated arrival time, and the ability to avoid delays. This is one reason map apps are now essential in everyday driving.
  </p>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    What Features Should You Look For?<br />
  </h2>
<p style="font-size:17px;">
    Before choosing a map service, it helps to understand the key features that separate a basic platform from an excellent one.
  </p>
<ul style="font-size:17px; padding-left:24px;">
<li><strong>🧭 Turn-by-turn navigation:</strong> Essential for driving and walking routes.</li>
<li><strong>🚗 Live traffic updates:</strong> Very important for commuters and drivers.</li>
<li><strong>📍 Local search:</strong> Useful for finding stores, services, landmarks, and public places.</li>
<li><strong>🖥 Web and app support:</strong> Better when the same account or workflow works on both PC and smartphone.</li>
<li><strong>🛰 Satellite or aerial view:</strong> Helpful for understanding surroundings visually.</li>
<li><strong>📝 Saved places and lists:</strong> Good for trip planning and future visits.</li>
<li><strong>🔒 Privacy approach:</strong> Some users care strongly about how location data is handled.</li>
<li><strong>🌍 Open data or editing:</strong> Important for users who want flexible map creation or contribution.</li>
</ul>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Major Free Map Services Compared<br />
  </h2>
<div style="overflow-x:auto; margin-top:20px;">
<table style="width:100%; border-collapse:collapse; font-size:15px;">
<thead>
<tr style="background:#2b6cb0; color:#fff;">
<th style="border:1px solid #d6e2ee; padding:12px;">Service</th>
<th style="border:1px solid #d6e2ee; padding:12px;">Best For</th>
<th style="border:1px solid #d6e2ee; padding:12px;">Main Strength</th>
<th style="border:1px solid #d6e2ee; padding:12px;">Possible Weakness</th>
</tr>
</thead>
<tbody>
<tr style="background:#f9fcff;">
<td style="border:1px solid #d6e2ee; padding:12px;"><strong>Google Maps</strong></td>
<td style="border:1px solid #d6e2ee; padding:12px;">All-around use on phone and PC</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Strong search, navigation, place discovery, broad device support</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Can feel feature-heavy for simple users</td>
</tr>
<tr>
<td style="border:1px solid #d6e2ee; padding:12px;"><strong>Apple Maps</strong></td>
<td style="border:1px solid #d6e2ee; padding:12px;">Apple device users</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Smooth Apple integration, clean design, privacy-focused image</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Best experience depends on Apple ecosystem</td>
</tr>
<tr style="background:#f9fcff;">
<td style="border:1px solid #d6e2ee; padding:12px;"><strong>Waze</strong></td>
<td style="border:1px solid #d6e2ee; padding:12px;">Drivers and commuters</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Community-powered traffic alerts and route awareness</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Less ideal for broader map exploration than some rivals</td>
</tr>
<tr>
<td style="border:1px solid #d6e2ee; padding:12px;"><strong>OpenStreetMap</strong></td>
<td style="border:1px solid #d6e2ee; padding:12px;">Open data users, developers, customization</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Free open map data, editable, flexible for many uses</td>
<td style="border:1px solid #d6e2ee; padding:12px;">Not always as polished for casual users as major consumer apps</td>
</tr>
</tbody>
</table></div>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Detailed Look at the Major Services<br />
  </h2>
<h3 style="font-size:22px; margin-top:25px; color:#2b6cb0;">Google Maps</h3>
<p style="font-size:17px;">
    Google Maps remains one of the strongest general-purpose map services for both mobile and desktop users. It is especially powerful because it combines route guidance, local search, saved lists, Street View-style visual exploration, and broad coverage across many places and devices. For many users, it is the default choice because it handles both everyday needs and travel planning well.
  </p>
<p style="font-size:17px;">
    One of its biggest advantages is its balance. It is useful for:
  </p>
<ul style="font-size:17px; padding-left:24px;">
<li>finding places quickly,</li>
<li>checking opening information,</li>
<li>building route plans,</li>
<li>exploring neighborhoods before visiting,</li>
<li>using both phone and browser depending on the situation.</li>
</ul>
<p style="font-size:17px;">
    It is a strong option for users who want a map platform that can do almost everything at a high level.
  </p>
<h3 style="font-size:22px; margin-top:25px; color:#2b6cb0;">Apple Maps</h3>
<p style="font-size:17px;">
    Apple Maps is especially attractive for users already inside the Apple ecosystem. If you use an iPhone, iPad, Mac, Apple Watch, or CarPlay, Apple Maps feels naturally integrated. Many users appreciate the cleaner interface and Apple’s strong privacy messaging.
  </p>
<p style="font-size:17px;">
    It is often a good choice for:
  </p>
<ul style="font-size:17px; padding-left:24px;">
<li>iPhone users who want a native experience,</li>
<li>drivers using CarPlay,</li>
<li>people who prefer a simple, visually tidy map interface,</li>
<li>users who value Apple-style ecosystem convenience.</li>
</ul>
<p style="font-size:17px;">
    For Mac and iPhone users, the service can feel smooth and consistent across devices.
  </p>
<h3 style="font-size:22px; margin-top:25px; color:#2b6cb0;">Waze</h3>
<p style="font-size:17px;">
    Waze is highly focused on the driving experience. Its identity is closely tied to real-time, community-powered traffic information and driver alerts. For commuters and regular drivers, this can be extremely useful because it adds a sense of live road awareness that goes beyond static route calculation.
  </p>
<p style="font-size:17px;">
    It is especially suitable for:
  </p>
<ul style="font-size:17px; padding-left:24px;">
<li>daily commuting,</li>
<li>drivers who care about delays and route changes,</li>
<li>people who want road alerts and ETA support,</li>
<li>users who mainly need a practical driving-first app.</li>
</ul>
<p style="font-size:17px;">
    If your priority is driving efficiency rather than general map browsing, Waze is often a very appealing option.
  </p>
<h3 style="font-size:22px; margin-top:25px; color:#2b6cb0;">OpenStreetMap</h3>
<p style="font-size:17px;">
    OpenStreetMap is different from the others because it is not simply a consumer map app. It is an open, collaborative map data project. This makes it especially important for developers, researchers, organizations, and advanced users who need flexible geographic data. It also appeals to people who believe strongly in open technology and community contribution.
  </p>
<p style="font-size:17px;">
    It is useful for:
  </p>
<ul style="font-size:17px; padding-left:24px;">
<li>custom maps and map-based projects,</li>
<li>open data usage,</li>
<li>editing and contribution,</li>
<li>specialized business or technical applications.</li>
</ul>
<p style="font-size:17px;">
    Casual users may prefer a simpler mainstream app, but OpenStreetMap remains extremely valuable because of its openness and adaptability.
  </p>
<div style="background:#eefbf3; border:1px solid #bfe3ca; border-left:6px solid #2f855a; padding:18px; margin:30px 0;">
<p style="margin:0; font-size:16px;">
      <strong>✅ Simple Recommendation:</strong> Choose <strong>Google Maps</strong> for general all-around use, <strong>Apple Maps</strong> if you mainly use Apple devices, <strong>Waze</strong> if driving is your top priority, and <strong>OpenStreetMap</strong> if you care about open data or advanced customization.
    </p>
</p></div>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Smartphone vs PC: Which Is Better?<br />
  </h2>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">📱 Smartphone Strengths</h3>
<ul style="font-size:17px; padding-left:24px;">
<li>Best for live navigation while moving</li>
<li>Useful for quick “near me” searches</li>
<li>Perfect for commuters, drivers, and travelers</li>
<li>Easy to use with voice guidance</li>
</ul>
<h3 style="font-size:21px; margin-top:25px; color:#2b6cb0;">💻 PC Strengths</h3>
<ul style="font-size:17px; padding-left:24px;">
<li>Better for long planning sessions</li>
<li>Easier to compare routes and locations on a larger screen</li>
<li>Comfortable for work tasks and research</li>
<li>Helpful for building lists, routes, or travel plans in advance</li>
</ul>
<p style="font-size:17px;">
    In reality, the best approach is often to use <strong>both</strong>. Plan on a PC, then navigate on a smartphone.
  </p>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Tips for Choosing the Best Free Map Service<br />
  </h2>
<ul style="font-size:17px; padding-left:24px;">
<li><strong>Check your main use case first.</strong> Are you mostly driving, walking, exploring, or creating custom maps?</li>
<li><strong>Think about your device ecosystem.</strong> Apple users may prefer Apple Maps, while mixed-device users often want broader cross-platform support.</li>
<li><strong>Consider traffic needs.</strong> Daily commuters benefit more from traffic-focused services.</li>
<li><strong>Look at map detail and discovery tools.</strong> Search quality matters for restaurants, hotels, stores, and public places.</li>
<li><strong>Do not ignore interface comfort.</strong> A clean design can make daily use much easier.</li>
</ul>
<h2 style="font-size:25px; margin-top:40px; border-left:8px solid #2b6cb0; padding-left:12px;">
    Final Thoughts<br />
  </h2>
<p style="font-size:17px;">
    Free map services are now a basic part of digital life. They help people move more efficiently, discover useful places, reduce travel stress, and understand unfamiliar areas more clearly. Whether you are commuting to work, going on a family trip, meeting a client, or just searching for a nearby café, a strong map platform can make everyday decisions much easier.
  </p>
<p style="font-size:17px;">
    For most people, the best service is the one that matches their routine. Some need broad search and route planning. Some want deep Apple integration. Some need fast traffic awareness while driving. Others want open map data and flexibility.
  </p>
<p style="font-size:17px;">
    The key advantage is simple: <span style="background:linear-gradient(transparent 60%, #ffe08a 60%);"><strong>excellent map tools are available for free on both smartphone and PC</strong></span>. That makes them one of the most practical free digital services available today.
  </p>
<hr style="margin:40px 0; border:none; border-top:1px solid #ddd;">
<p style="font-size:13px; color:#666;">
    Note: Features, interface details, and availability may vary by region, device, or future service updates.
  </p>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>地図 検索結果ページ</title>
		<link>https://study-scoreup.com/spot-detail/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Wed, 11 Feb 2026 01:14:57 +0000</pubDate>
				<category><![CDATA[地図・マップ_ジャパネット]]></category>
		<guid isPermaLink="false">https://study-scoreup.com/?p=544</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6673316761188131"
     crossorigin="anonymous"></script><!-- TM_PC_Rバナー_1P_1 --><ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6673316761188131"
     data-ad-slot="4666743712"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins><script>
     (adsbygoogle = window.adsbygoogle || []).push({});</script>
<font size="2">スポンサーリンク</font>
<div id="sd-page" class="map-theme-dark detail-mode">
    <div id="sd-loader" class="sd-skeleton-wrap">
        <div class="skeleton-hero"></div>
    </div>

    <div id="sd-content" style="display:none;">
        <!-- 地図：Googleマップ埋め込み（確実に表示され、指で動かせます） -->
        <div class="sd-hero-container">
            <iframe id="sd-map-frame" width="100%" height="300" style="border:0; border-radius:0 0 30px 30px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>

        <div class="sd-body">
            <span id="sd-genre" class="sd-badge"></span>
            <h1 id="sd-title"></h1>
            
            <div class="sd-btn-group">
                <a id="sd-nav" href="#" class="sd-btn main">📍 ルート案内</a>
                <a id="sd-tel" href="#" class="sd-btn sub">📞 電話</a>
            </div>

            <div class="sd-info-card">
                <div class="info-row">
                    <strong>住所</strong>
                    <span id="sd-addr"></span>
                </div>
            </div>

            <a id="sd-gmap" href="#" target="_blank" class="sd-g-link">
                Googleマップで口コミや写真を確認 →
            </a>
        </div>
    </div>
</div>

<style>
.detail-mode { max-width: 600px; margin: 0 auto; min-height: 100vh; background: #0f172a; color: #fff; font-family: sans-serif; }
.sd-hero-container { width: 100%; height: 300px; background: #1e293b; border-radius: 0 0 30px 30px; overflow: hidden; }
.sd-body { padding: 25px; }
#sd-title { font-size: 24px; font-weight: 800; margin: 10px 0 20px; line-height: 1.3; }
.sd-badge { background: #3b82f6; padding: 4px 12px; border-radius: 100px; font-size: 11px; font-weight: bold; }
.sd-btn-group { display: grid; grid-template-columns: 1.5fr 1fr; gap: 12px; margin-bottom: 25px; }
.sd-btn { text-decoration: none !important; padding: 16px; border-radius: 16px; text-align: center; font-weight: bold; color: #fff; display: block; }
.sd-btn.main { background: #ff385c; box-shadow: 0 8px 20px rgba(255,56,92,0.3); }
.sd-btn.sub { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
.sd-info-card { background: rgba(255,255,255,0.03); padding: 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.05); margin-bottom: 25px; }
.info-row strong { display: block; color: #94a3b8; font-size: 12px; margin-bottom: 5px; }
.info-row span { font-size: 15px; line-height: 1.6; }
.sd-g-link { display: block; text-align: center; color: #3b82f6; text-decoration: none !important; font-weight: bold; font-size: 14px; padding: 10px; }
.skeleton-hero { height: 300px; background: #1e293b; border-radius: 0 0 30px 30px; animation: pulse 1.5s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
</style>

<script>
(function() {
    // WordPressの通信窓口
    const WP_AJAX_URL = '/wp-admin/admin-ajax.php';

    document.addEventListener('DOMContentLoaded', async () => {
        // URLからスポットID（sid）を取得
        const sid = new URLSearchParams(window.location.search).get('sid');
        if (!sid) return;

        try {
            // ★ポイント：Yahooへ直接ではなく、PHP（APIキー管理）へリクエストを送る
            const res = await fetch(`${WP_AJAX_URL}?action=my_proxy_yahoo&sid=${sid}`);
            const data = await res.json();

            // データが正しく取得できたかチェック
            if (data.Feature && data.Feature[0]) {
                const s = data.Feature[0];
                const coords = s.Geometry.Coordinates.split(',');
                const lon = coords[0], lat = coords[1];

                // 画面のテキストを書き換える
                document.getElementById('sd-title').innerText = s.Name;
                document.getElementById('sd-addr').innerText = s.Property.Address;
                document.getElementById('sd-genre').innerText = s.Property.Genre ? s.Property.Genre[0].Name : 'スポット';

                // 地図（Googleマップ）の表示
                const gEmbedUrl = `https://maps.google.com/maps?q=${lat},${lon}&hl=ja&z=16&output=embed`;
                document.getElementById('sd-map-frame').src = gEmbedUrl;

                // 各ボタンのリンク設定
                document.getElementById('sd-nav').href = `https://www.google.com/maps/dir/?api=1&destination=${lat},${lon}`;
                
                const telBtn = document.getElementById('sd-tel');
                if (s.Property.Tel) {
                    telBtn.href = `tel:${s.Property.Tel}`;
                    telBtn.style.display = 'flex';
                } else {
                    telBtn.style.display = 'none';
                }

                // ローダー（読み込み中表示）を消して、コンテンツを表示する
                document.getElementById('sd-loader').style.display = 'none';
                document.getElementById('sd-content').style.display = 'block';
            } else {
                document.getElementById('sd-loader').innerText = "スポット情報が見つかりませんでした。";
            }
        } catch (e) {
            console.error("地図詳細エラー:", e);
            document.getElementById('sd-loader').innerText = "通信エラーが発生しました。";
        }
    });
})();
</script>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>動画再生ページ</title>
		<link>https://study-scoreup.com/video-player/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Sun, 08 Feb 2026 23:18:31 +0000</pubDate>
				<category><![CDATA[地図・マップ_ジャパネット]]></category>
		<guid isPermaLink="false">https://study-scoreup.com/?p=520</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6673316761188131"
     crossorigin="anonymous"></script><!-- TM_PC_Rバナー_1P_1 --><ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6673316761188131"
     data-ad-slot="4666743712"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins><script>
     (adsbygoogle = window.adsbygoogle || []).push({});</script>
<font size="2">スポンサーリンク</font>
<!-- YouTube動画再生：プレミアム・インテリジェンス版 by Antigravity -->

<div id="yt-player-container">
    <!-- プレイヤー：画面最上部で圧倒的な没入感 -->
    <div class="yt-video-frame-wrap">
        <div id="yt-player-target" class="yt-skeleton-player"></div>
    </div>

    <div class="yt-player-body">
        <!-- ① メインタイトル -->
        <h1 id="v-title" class="yt-loading-box">動画を読み込み中...</h1>
        
        <!-- ② メタ情報（アイコン付きでリッチに） -->
        <div class="yt-meta-row">
            <div id="v-channel-badge" class="channel-chip">
                <i class="fas fa-check-circle"></i> <span id="v-channel-name">---</span>
            </div>
            <div class="stats-pills">
                <span id="v-views-pill"><i class="far fa-eye"></i> ---</span>
                <span id="v-date-pill"><i class="far fa-calendar-alt"></i> ---</span>
            </div>
        </div>

        <!-- ③ AIインテリジェンス・セクション（一等地に配置） -->
        <div id="ai-section">
            <div class="ai-glass-card">
                <div class="ai-badge">
                    <span class="pulse-icon"></span> GPT-4o Mini Analysis
                </div>
                <h2 class="ai-tagline">AIがこの動画の見どころを分析</h2>
                <button id="ai-btn" class="ai-button-premium" onclick="requestAiSummary()">
                    <div class="btn-content">
                        <i class="fas fa-sparkles"></i>
                        <span>AIで動画をスピード要約</span>
                    </div>
                </button>
                <div id="ai-output" class="ai-result-glass" style="display:none;">
                    <div id="ai-status" class="searching-text">AI分析中<span class="dot-ani">...</span></div>
                    <div id="ai-content"></div>
                </div>
            </div>
        </div>

        <div class="section-divider"></div>

        <!-- ④ リニューアルした「動画詳細」セクション -->
        <div class="v-rich-description">
            <div class="desc-header">
                <i class="fas fa-info-circle"></i> <span>VIDEO SPECIFICATIONS & INFO</span>
            </div>
            
            <!-- 動画タグのエフェクト部分 -->
            <div id="v-tags-cloud" class="tags-container"></div>

            <div class="desc-content-box">
                <div id="v-desc" class="desc-text-wrap"></div>
                <div id="v-toggle-area" class="desc-fade-overlay" onclick="toggleDesc()">
                    <span id="v-toggle-text">もっと見る</span>
                    <i id="v-toggle-icon" class="fas fa-chevron-down"></i>
                </div>
            </div>
        </div>
        
        <!-- 下部の余白（広告配置用） -->
        <div style="height: 100px;"></div>
    </div>
</div>

<style>
    /* 全体設定 */
    :root {
        --accent: #6366f1;
        --accent-grad: linear-gradient(135deg, #6366f1, #a855f7);
        --bg: #0f172a;
        --card-bg: rgba(30, 41, 59, 0.7);
        --border: rgba(255, 255, 255, 0.1);
    }

    #yt-player-container { font-family: 'Outfit', -apple-system, sans-serif; background: var(--bg); color: #fff; min-height: 100vh; }
    
    .yt-video-frame-wrap { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; z-index: 100; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
    .yt-video-frame-wrap iframe { position: absolute; top:0; left:0; width:100%; height:100%; border:none; }

    .yt-player-body { padding: 30px 16px; background: var(--bg); margin-top: 20px; border-radius: 30px 30px 0 0; position: relative; z-index: 110; }

    /* タイトルとメタ */
    #v-title { font-size: 22px; font-weight: 800; line-height: 1.4; margin-bottom: 20px; color: #f8fafc; letter-spacing: -0.5px; }
    
    .yt-meta-row { display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px; }
    .channel-chip { display: flex; align-items: center; gap: 8px; width: fit-content; background: rgba(255,255,255,0.05); padding: 8px 16px; border-radius: 100px; border: 1px solid var(--border); font-size: 14px; font-weight: 600; color: #e2e8f0; }
    .channel-chip i { color: #38bdf8; }
    
    .stats-pills { display: flex; gap: 10px; }
    .stats-pills span { font-size: 13px; color: #94a3b8; background: rgba(255,255,255,0.03); padding: 5px 12px; border-radius: 8px; }

    /* AI要約カード（グラスモルフィズム） */
    .ai-glass-card { background: var(--card-bg); backdrop-filter: blur(12px); border: 1px solid rgba(99,102,241,0.3); border-radius: 24px; padding: 25px; margin-bottom: 35px; box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
    .ai-badge { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: bold; color: #818cf8; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; }
    .pulse-icon { width: 8px; height: 8px; background: #818cf8; border-radius: 50%; box-shadow: 0 0 10px #818cf8; animation: pulse-ani 2s infinite; }
    @keyframes pulse-ani { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } }
    
    .ai-tagline { font-size: 16px; font-weight: 700; margin-bottom: 20px; color: #fff; }
    .ai-button-premium { width: 100%; background: var(--accent-grad); border: none; padding: 16px; border-radius: 16px; color: white; cursor: pointer; transition: 0.4s; position: relative; overflow: hidden; }
    .ai-button-premium:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(99,102,241,0.4); }
    .btn-content { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: bold; }

    .ai-result-glass { margin-top: 25px; padding: 20px; background: rgba(0,0,0,0.2); border-radius: 16px; border-left: 4px solid #a855f7; font-size: 15px; line-height: 1.8; color: #cbd5e1; }

    .section-divider { height: 1px; background: var(--border); margin: 30px 0; }

    /* 新しい動画詳細エリア */
    .v-rich-description { background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 24px; padding: 24px; }
    .desc-header { font-size: 12px; font-weight: 800; color: #475569; display: flex; align-items: center; gap: 8px; margin-bottom: 20px; letter-spacing: 1px; }
    
    .tags-container { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
    .tag-pill { font-size: 12px; color: #38bdf8; background: rgba(56, 189, 248, 0.1); padding: 4px 12px; border-radius: 100px; border: 1px solid rgba(56, 189, 248, 0.2); }

    .desc-content-box { position: relative; }
    .desc-text-wrap { font-size: 14px; color: #94a3b8; line-height: 1.7; white-space: pre-wrap; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
    .desc-text-wrap.expanded { -webkit-line-clamp: unset; display: block; margin-bottom: 40px; }
    
    .desc-fade-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: linear-gradient(transparent, var(--bg)); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; cursor: pointer; gap: 6px; font-size: 13px; font-weight: bold; color: var(--accent); }
    .desc-fade-overlay.expanded { background: none; height: 30px; position: static; margin-top: -20px; }

    /* ローディング演出 */
    .yt-loading-box { background: rgba(255,255,255,0.05); color: transparent !important; animation: yt-pulse 1.5s infinite; border-radius: 8px; }
    @keyframes yt-pulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } }
</style>

<script>
(function() {
    // WordPressの共通通信口（絶対パスが効かない場合があるため相対パスで指定）
    const WP_AJAX_URL = '/wp-admin/admin-ajax.php';

    let vData = null;

    document.addEventListener('DOMContentLoaded', () => {
        const vid = new URLSearchParams(window.location.search).get('v');
        if (vid) fetchVideo(vid);
    });

    async function fetchVideo(id) {
        try {
            console.log('通信開始:', id);
            const res = await fetch(`${WP_AJAX_URL}?action=my_proxy_youtube&v=${id}`);
            
            // そもそも通信が届いていない場合のエラーログ
            if (!res.ok) {
                console.error('通信エラーが発生しました。ステータス:', res.status);
                return;
            }

            const data = await res.json();
            console.log('受信データ:', data);

            const video = (data.items && data.items[0]) ? data.items[0] : null;
            if (video) {
                vData = video;
                // --- 画面表示 ---
                document.getElementById('v-title').innerText = video.snippet.title;
                document.getElementById('v-title').classList.remove('yt-loading-box');
                document.getElementById('v-channel-name').innerText = video.snippet.channelTitle;
                document.getElementById('v-views-pill').innerHTML = `<i class="far fa-eye"></i> ${parseInt(video.statistics.viewCount).toLocaleString()} views`;
                document.getElementById('v-date-pill').innerHTML = `<i class="far fa-calendar-alt"></i> ${new Date(video.snippet.publishedAt).toLocaleDateString()}`;
                document.getElementById('v-desc').innerText = video.snippet.description;

                const tagsBox = document.getElementById('v-tags-cloud');
                if (tagsBox && video.snippet.tags) {
                    tagsBox.innerHTML = video.snippet.tags.slice(0, 8).map(t => `<span class="tag-pill">#${t}</span>`).join('');
                }

                document.getElementById('yt-player-target').innerHTML = `
                    <iframe src="https://www.youtube.com/embed/${id}?autoplay=1&rel=0&modestbranding=1" allowfullscreen></iframe>
                `;
            } else {
                console.warn('動画が見つかりませんでした。レスポンス:', data);
            }
        } catch (e) {
            console.error('致命的エラー:', e);
        }
    }

    // AI要約ボタン用
    window.requestAiSummary = async function() {
        if (!vData) return;
        const btn = document.getElementById('ai-btn');
        const content = document.getElementById('ai-content');
        const status = document.getElementById('ai-status');

        btn.disabled = true;
        document.getElementById('ai-output').style.display = 'block';
        content.innerText = "";
        status.style.display = 'block';

        try {
            const response = await fetch(`${WP_AJAX_URL}?action=my_proxy_openai`, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({
                    title: vData.snippet.title,
                    description: vData.snippet.description
                })
            });
            const data = await response.json();
            status.style.display = 'none';
            
            if (data.success) {
                content.innerText = data.data.content;
            } else {
                content.innerText = "エラー: " + data.data;
            }
        } catch (e) { 
            console.error('AIエラー:', e);
            content.innerText = "通信エラーが発生しました。"; 
            status.style.display = 'none';
        }
        finally { btn.disabled = false; }
    };

    window.toggleDesc = function() {
        const d = document.getElementById('v-desc');
        const o = document.getElementById('v-toggle-area');
        const isExp = d.classList.toggle('expanded');
        o.classList.toggle('expanded');
        document.getElementById('v-toggle-text').innerText = isExp ? '閉じる' : 'もっと見る';
        document.getElementById('v-toggle-icon').className = isExp ? 'fas fa-chevron-up' : 'fas fa-chevron-down';
    };
})();
</script>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
