Búsqueda en japonés de Scratch: Proyectos y estudios

428 jdgfdgffdggfd

Abrir en el editor Publica tu código

Búsqueda en japonés de Scratch: Proyectos y estudios

Recomendado

15 January 2026

Juego HTML de Big NEON Tower vs Tiny Square

17 July 2025

Calculadora científica

16 January 2026

Plantilla HTML para reproductor de juegos Flash Ruffle

HTML

<html lang="ja-Hira"><head><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-3FZMRJWZR6&cx=c&gtm=4e61c1"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-NBMRDKQ"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl+'';
            f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NBMRDKQ');</script><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="format-detection" content="telephone=no"><title>Scratch - けんさく</title><meta name="description" content="Scratch is a free programming language and online community where you can create your own interactive stories, games, and animations."><meta name="google-site-verification" content="m_3TAXDreGTFyoYnEmU9mcKB4Xtw5mw6yRkuJtXRKxM"><meta property="og:url" content="https://scratch.mit.edu/"><meta property="og:type" content="website"><meta property="og:title" content="Scratch - Search"><meta property="og:description" content="Scratch is a free programming language and online community where you can create your own interactive stories, games, and animations."><meta property="og:image" content="https://scratch.mit.edu/images/scratch-og.png"><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="986"><meta property="og:image:height" content="860"><link rel="shortcut icon" href="/favicon.ico"><link rel="stylesheet" href="/css/lib/normalize.min.css"><link rel="stylesheet" href="/common.css"><link rel="stylesheet" href="/search.css"><script src="/js/polyfill.min.js"></script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBMRDKQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><p>Your browser has Javascript disabled. Please go to your browser preferences and enable Javascript in order to use Scratch.</p></noscript><div id="app"><div class="page"><nav class="" id="navigation"><div class="inner"><ul><li class="logo"><a aria-label="Scratch" href="/"></a></li><li class="link create"><a href="/projects/editor/?tutorial=getStarted"><span>つくる</span></a></li><li class="link explore"><a href="/explore/projects/all"><span>みる</span></a></li><li class="link ideas"><a href="/ideas"><span>アイデア</span></a></li><li class="link membership"><a href="/membership"><span>Membership</span></a></li><li class="search"><form class="form" novalidate=""><button class="button btn-search" aria-label="けんさく" type="submit"></button><div class="form-group row search-wrapper no-label"><label class="control-label col-sm-3" data-required="false" for="frc-q-1088"></label><div class="col-sm-9"><input class="input" aria-label="けんさく" name="q" placeholder="けんさく" type="text" id="frc-q-1088" value="jungle"><span class="help-block">Not Required</span></div></div></form></li><li class="link right join"><a class="registrationLink" href="#"><span>Scratchにさんかしよう</span></a></li><li class="link right login-item"><a class="ignore-react-onclickoutside" href="#"><span>サインイン</span></a><div class="dropdown with-arrow"><div class="login"><form class="form" novalidate=""><label for="username"><span>ユーザーめい</span></label><div class="form-group row no-label"><label class="control-label col-sm-3" data-required="true" for="frc-username-1088"><span class="required-symbol"> *</span></label><div class="col-sm-9"><input class="input" required="" maxlength="30" name="username" type="text" id="frc-username-1088" value=""></div></div><label for="password"><span>パスワード</span></label><div class="form-group row no-label"><label class="control-label col-sm-3" data-required="true" for="frc-password-1088"><span class="required-symbol"> *</span></label><div class="col-sm-9"><input class="input" required="" name="password" type="password" id="frc-password-1088" value=""></div></div><div class="flex-row submit-row"><button class="button submit-button white" type="submit"><span>サインイン</span></button><a href="/accounts/password_reset/"><span>ヘルプがひつようですか？</span></a></div></form></div></div></li></ul></div></nav><main id="view"><div><div class="outer"><div class="title-banner masthead"><div class="inner"><h1 class="title-banner-h1"><span>けんさく</span></h1></div></div><div class="tab-background"><div class="sub-nav tabs" role="tablist"><button role="tab" aria-selected="true" class="active" tabindex="0"><div><img class="tab-icon projects" src="/svgs/tabs/projects-active.svg" alt=""><span>さくひん</span></div></button><button role="tab" aria-selected="false" class="" tabindex="-1"><div><img class="tab-icon studios" src="/svgs/tabs/studios-inactive.svg" alt=""><span>スタジオ</span></div></button></div></div><div class="sort-controls"><form class="sort-mode" novalidate=""><div class="select"><div class="form-group row"><label class="control-label col-sm-3" data-required="false" for="frc-sort-1088"></label><div class="col-sm-9"><select class="form-control" name="sort" id="frc-sort-1088"><option value="trending">けいこう</option><option value="popular">にんき</option></select><span class="help-block">Not Required</span></div></div></div></form></div><div id="projectBox"><div class="grid"><div class="flex-row"><div class="thumbnail project"><a class="thumbnail-image" href="/projects/186483205/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/186483205_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/pandakun/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/16474466_32x32.png" alt="pandakun"></div></a><div class="thumbnail-title"><a href="/projects/186483205/" title="ジャングルリバー / Jungle River">ジャングルリバー / Jungle River</a><div class="thumbnail-creator"><a href="/users/pandakun/">pandakun</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/203360282/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/203360282_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/--Waterfall--/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/25688388_32x32.png" alt="--Waterfall--"></div></a><div class="thumbnail-title"><a href="/projects/203360282/" title="Jungle Rush ">Jungle Rush </a><div class="thumbnail-creator"><a href="/users/--Waterfall--/">--Waterfall--</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/195242691/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/195242691_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/CgBB/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/27731903_32x32.png" alt="CgBB"></div></a><div class="thumbnail-title"><a href="/projects/195242691/" title="Jungle Run">Jungle Run</a><div class="thumbnail-creator"><a href="/users/CgBB/">CgBB</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/922505883/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/922505883_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/kopfstand/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/84394923_32x32.png" alt="kopfstand"></div></a><div class="thumbnail-title"><a href="/projects/922505883/" title="Robo bot V1.6 jungle">Robo bot V1.6 jungle</a><div class="thumbnail-creator"><a href="/users/kopfstand/">kopfstand</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/726193930/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/726193930_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/thom1sl/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/24073709_32x32.png" alt="thom1sl"></div></a><div class="thumbnail-title"><a href="/projects/726193930/" title="Color Swipe : Jungle! v1.1 - Mobile Friendly">Color Swipe : Jungle! v1.1 - Mobile Friendly</a><div class="thumbnail-creator"><a href="/users/thom1sl/">thom1sl</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/833846091/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/833846091_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/FireGames11/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/83418348_32x32.png" alt="FireGames11"></div></a><div class="thumbnail-title"><a href="/projects/833846091/" title="Jungle 2 ">Jungle 2 </a><div class="thumbnail-creator"><a href="/users/FireGames11/">FireGames11</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/827126251/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/827126251_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/FireGames11/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/83418348_32x32.png" alt="FireGames11"></div></a><div class="thumbnail-title"><a href="/projects/827126251/" title="Jungle #Trending#All#Games">Jungle #Trending#All#Games</a><div class="thumbnail-creator"><a href="/users/FireGames11/">FireGames11</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/700235498/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/700235498_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/Thunderstrike708/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/61591169_32x32.png" alt="Thunderstrike708"></div></a><div class="thumbnail-title"><a href="/projects/700235498/" title="Jungle Platformer   #games ">Jungle Platformer   #games </a><div class="thumbnail-creator"><a href="/users/Thunderstrike708/">Thunderstrike708</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/401282177/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/401282177_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/IshSingh/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/35750090_32x32.png" alt="IshSingh"></div></a><div class="thumbnail-title"><a href="/projects/401282177/" title="Jungle - A Scrolling Platformer">Jungle - A Scrolling Platformer</a><div class="thumbnail-creator"><a href="/users/IshSingh/">IshSingh</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/236294337/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/236294337_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/space_craft/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/24803273_32x32.png" alt="space_craft"></div></a><div class="thumbnail-title"><a href="/projects/236294337/" title="Jungle Trap">Jungle Trap</a><div class="thumbnail-creator"><a href="/users/space_craft/">space_craft</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/354070636/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/354070636_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/Lukas1410/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/46483511_32x32.png" alt="Lukas1410"></div></a><div class="thumbnail-title"><a href="/projects/354070636/" title="Jungle - Platformer">Jungle - Platformer</a><div class="thumbnail-creator"><a href="/users/Lukas1410/">Lukas1410</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/787345910/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/787345910_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/Codez_X/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/107098724_32x32.png" alt="Codez_X"></div></a><div class="thumbnail-title"><a href="/projects/787345910/" title="The Ninja | Part 1: The Jungle">The Ninja | Part 1: The Jungle</a><div class="thumbnail-creator"><a href="/users/Codez_X/">Codez_X</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/422131130/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/422131130_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/Yellow-Brain/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/49988156_32x32.png" alt="Yellow-Brain"></div></a><div class="thumbnail-title"><a href="/projects/422131130/" title="☁Jungle Valley || Mobile, ☁Multiplayer,">☁Jungle Valley || Mobile, ☁Multiplayer,</a><div class="thumbnail-creator"><a href="/users/Yellow-Brain/">Yellow-Brain</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/163627418/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/163627418_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/Snowjo88/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/19563039_32x32.png" alt="Snowjo88"></div></a><div class="thumbnail-title"><a href="/projects/163627418/" title="Jungle Brawl">Jungle Brawl</a><div class="thumbnail-creator"><a href="/users/Snowjo88/">Snowjo88</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/417982331/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/417982331_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/AlbertttGG_BBQ/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/59516272_32x32.png" alt="AlbertttGG_BBQ"></div></a><div class="thumbnail-title"><a href="/projects/417982331/" title="Jungle // A Platformer #games">Jungle // A Platformer #games</a><div class="thumbnail-creator"><a href="/users/AlbertttGG_BBQ/">AlbertttGG_BBQ</a></div></div></div></div><div class="thumbnail project"><a class="thumbnail-image" href="/projects/140101649/"><img alt="" src="https://cdn2.scratch.mit.edu/get_image/project/140101649_480x360.png"></a><div class="thumbnail-info"><a class="creator-image" href="/users/Xeno_/"><div class="avatar-wrapper"><img class="avatar" src="https://cdn2.scratch.mit.edu/get_image/user/20465979_32x32.png" alt="Xeno_"></div></a><div class="thumbnail-title"><a href="/projects/140101649/" title="Jungle">Jungle</a><div class="thumbnail-creator"><a href="/users/Xeno_/">Xeno_</a></div></div></div></div></div></div><button class="button"><span>もっとよみこむ</span></button></div></div></div></main><footer id="footer"><div class="inner"><div class="lists"><dl><dt><span>Scratchについて</span></dt><dd><a href="/about"><span>Scratchについて</span></a></dd><dd><a href="https://www.scratchfoundation.org/learn/for-educators"><span>きょういくかんけいしゃのかたへ</span></a></dd><dd><a href="https://www.scratchfoundation.org/get-involved/supporters"><span>サポーター</span></a></dd><dd><a href="https://www.scratchfoundation.org/careers"><span>Careers</span></a></dd><dd><a href="https://www.scratchfoundation.org/get-involved/events"><span>イベント</span></a></dd></dl><dl><dt><span>コミュニティ</span></dt><dd><a href="/community_guidelines"><span>コミュニティーガイドライン</span></a></dd><dd><a href="/discuss/"><span>ディスカッションフォーラム</span></a></dd><dd><a href="https://ja.scratch-wiki.info/"><span>Scratch Wiki</span></a></dd></dl><dl><dt><span>リソース</span></dt><dd><a href="/starter-projects"><span>にゅうもんしゃようプロジェクト</span></a></dd><dd><a href="/ideas"><span>アイデア</span></a></dd><dd><a href="https://www.scratchfoundation.org/tools"><span>ダウンロード</span></a></dd><dd><a href="/contact-us/"><span>ヘルプセンター</span></a></dd></dl><dl><dt><span>ほごしゃのかたへ</span></dt><dd><a href="https://www.scratchfoundation.org/learn/for-families"><span>もっとみる</span></a></dd><dd><a href="https://www.scratchfoundation.org/membership"><span>Membership</span></a></dd><dd><a href="https://shop.scratchfoundation.org/"><span>Shop</span></a></dd><dd><a href="https://www.scratchfoundation.org/donate"><span>きふ</span></a></dd></dl><dl><dt><span>ほうてきひょうじ</span></dt><dd><a href="https://mitscratch.freshdesk.com/support/solutions/articles/4000219182-scratch-terms-of-use"><span>りようきやく</span></a></dd><dd><a href="https://mitscratch.freshdesk.com/support/solutions/articles/4000219339-privacy-policy"><span>プライバシー・ポリシー</span></a></dd><dd><a href="https://mitscratch.freshdesk.com/support/solutions/articles/4000219342-cookies-policy"><span>クッキー</span></a></dd><dd><a href="https://mitscratch.freshdesk.com/support/solutions/articles/4000219344-dmca"><span>デジタルミレニアムちょさくけんほう（DMCA）</span></a></dd><dd><a href="https://mitscratch.freshdesk.com/support/solutions/articles/4000219345-dsa-requirements"><span>DSAの要件</span></a></dd><dd><a href="https://accessibility.mit.edu/"><span>MIT Accessibility</span></a></dd></dl></div><form class="language-chooser" novalidate=""><div class="select"><div class="form-group row"><label class="control-label col-sm-3" data-required="true" for="frc-language-1088"><span class="required-symbol"> *</span></label><div class="col-sm-9"><select class="form-control" required="" aria-label="言語の選択" name="language" id="frc-language-1088"><option value="ab">Аҧсшәа</option><option value="af">Afrikaans</option><option value="ar">العربية</option><option value="am">አማርኛ</option><option value="an">Aragonés</option><option value="ast">Asturianu</option><option value="az">Azeri</option><option value="id">Bahasa Indonesia</option><option value="bn">বাংলা</option><option value="be">Беларуская</option><option value="bg">Български</option><option value="ca">Català</option><option value="cs">Česky</option><option value="cy">Cymraeg</option><option value="da">Dansk</option><option value="de">Deutsch</option><option value="et">Eesti</option><option value="el">Ελληνικά</option><option value="en">English</option><option value="es">Español (España)</option><option value="es-419">Español Latinoamericano</option><option value="eo">Esperanto</option><option value="eu">Euskara</option><option value="fa">فارسی</option><option value="fil">Filipino</option><option value="fr">Français</option><option value="fy">Frysk</option><option value="ga">Gaeilge</option><option value="gd">Gàidhlig</option><option value="gl">Galego</option><option value="ko">한국어</option><option value="ha">Hausa</option><option value="hy">Հայերեն</option><option value="he">עִבְרִית</option><option value="hi">हिंदी</option><option value="hr">Hrvatski</option><option value="xh">isiXhosa</option><option value="zu">isiZulu</option><option value="is">Íslenska</option><option value="it">Italiano</option><option value="ka">ქართული ენა</option><option value="kk">қазақша</option><option value="qu">Kichwa</option><option value="sw">Kiswahili</option><option value="ht">Kreyòl ayisyen</option><option value="ku">Kurdî</option><option value="ckb">کوردیی ناوەندی</option><option value="lv">Latviešu</option><option value="lt">Lietuvių</option><option value="hu">Magyar</option><option value="mi">Māori</option><option value="mn">Монгол хэл</option><option value="nl">Nederlands</option><option value="ja">日本語</option><option value="ja-Hira">にほんご</option><option value="nb">Norsk Bokmål</option><option value="nn">Norsk Nynorsk</option><option value="oc">Occitan</option><option value="or">ଓଡ଼ିଆ</option><option value="uz">Oʻzbekcha</option><option value="th">ไทย</option><option value="km">ភាសាខ្មែរ</option><option value="pl">Polski</option><option value="pt">Português</option><option value="pt-br">Português Brasileiro</option><option value="rap">Rapa Nui</option><option value="ro">Română</option><option value="ru">Русский</option><option value="nso">Sepedi</option><option value="tn">Setswana</option><option value="sk">Slovenčina</option><option value="sl">Slovenščina</option><option value="sr">Српски</option><option value="fi">Suomi</option><option value="sv">Svenska</option><option value="vi">Tiếng Việt</option><option value="tr">Türkçe</option><option value="uk">Українська</option><option value="zh-cn">简体中文</option><option value="zh-tw">繁體中文</option></select></div></div></div></form></div></footer></div></div><script src="/js/common.bundle.js"></script><script src="/js/search.intl.js"></script><script src="/js/search.bundle.js"></script><script>var loc = window._locale || 'en';
                if (typeof window._messages !== 'undefined' && loc !== 'en') {
                    if (typeof window._messages[loc] === 'undefined') {
                        loc = loc.split('-')[0];
                    }
                    if (typeof window._messages[loc] !== 'undefined') {
                        var localizedTitle = window._messages[loc]['general.' + 'Search'.toLowerCase()] || '';
                        if (localizedTitle.length > 0) {
                            document.title = 'Scratch - ' + localizedTitle;
                        }
                    }
                }</script><div class="ReactModalPortal"></div></body></html>

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scratch Japanese Search Tool</title>
    <style>
        :root {
            --scratch-blue: #4D97FF;
            --scratch-orange: #FFAB19;
            --scratch-purple: #855CD6;
        }
        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            background-color: #F0F0F0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .search-card {
            background: white;
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            border-top: 10px solid var(--scratch-blue);
            width: 100%;
            max-width: 450px;
            text-align: center;
        }
        .logo {
            font-size: 32px;
            font-weight: bold;
            color: var(--scratch-blue);
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
        .logo span {
            color: var(--scratch-orange);
        }
        input[type="text"] {
            width: 100%;
            padding: 15px;
            margin-bottom: 20px;
            border: 2px solid #EEEEEE;
            border-radius: 10px;
            font-size: 18px;
            box-sizing: border-box;
            outline: none;
            transition: border-color 0.3s;
        }
        input[type="text"]:focus {
            border-color: var(--scratch-blue);
        }
        .btn-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        button {
            padding: 12px;
            border: none;
            border-radius: 10px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            color: white;
            transition: opacity 0.2s;
        }
        .btn-projects { background-color: var(--scratch-blue); }
        .btn-studios { background-color: var(--scratch-purple); }
        button:hover {
            opacity: 0.9;
        }
        .hint {
            margin-top: 20px;
            font-size: 14px;
            color: #666;
        }
    </style>
</head>
<body>

<div class="search-card">
        <div class="logo">Scratch <span>日本語検索</span></div>
        
        <input type="text" id="searchTerm" placeholder="キーワードを入力..." autofocus>
        
        <div class="btn-container">
            <button class="btn-projects" onclick="search('projects')">作品を検索</button>
            <button class="btn-studios" onclick="search('studios')">スタジオを検索</button>
        </div>

<p class="hint">日本語の作品やコミュニティを素早く見つけます</p>
    </div>

// Allow 'Enter' key to trigger search
        document.getElementById('searchTerm').addEventListener('keypress', function (e) {
            if (e.key === 'Enter') {
                search('projects');
            }
        });
    </script>

</body>
</html>

CSS