問題一覧に戻る
初級環境設定
問題5: ターミナルのカスタマイズ - 統合モード

Jupiter Terminalのさまざまな表示モードによるカスタマイズ方法を学びます。Jupiter Terminalは、さまざまな使用ケースに合わせて3つの異なる表示モードを提供します。統合モードでは、ターミナルをアプリケーションのレイアウトに直接埋め込みます。これは、dApp内でシームレスなスワップエクスペリエンスを実現するのに最適です。ターミナルプレイグラウンドを試して、完全なスワップ機能を体験し、さまざまなカスタマイズオプションを確認してください。

<!DOCTYPE html>
<html lang="en">"en">
<head>
    <meta charset="UTF-8">"UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jupiter Terminal Demo</title>
    <script src="https://terminal.jup.ag/main-v4.js" data-preload defer>src="https://terminal.jup.ag/main-v4.js" data-preload defer></script>
    <style></style>
</head>
<body>
    <div class="container">class="container">
        <h1>Jupiter Terminal Demo</h1>
        <div id="jupiter-terminal">id="jupiter-terminal"></div>
    </div>

    <script>
        window.onload = function() {
            window.Jupiter.init({
                // アプリケーションレイアウトにターミナルを埋め込む表示モードを設定
                displayMode: "",
                integratedTargetId: "jupiter-terminal",
            });
        };
    </script>
</body>
</html>