PyScript
PyScript(英語) は、HTML インターフェースを使用してブラウザーで Python アプリケーションを作成できるようにするフレームワークです。
PyCharm は、PyScript を使用して記述された HTML ファイル内の Python コードの基本コード補完と検証を提供します。
PyScript を使用して Python コードを HTML ファイルに追加する
HTML ファイルの
headタグ内に、pyscript.jsおよびpyscript.cssへの CDN リンクを含む次のタグを追加します。<link rel="stylesheet" href="https://pyscript.net/releases/2025.7.3/core.css"/> <script type="module" src="https://pyscript.net/releases/2025.7.3/core.js"></script>これらのファイルをローカルに保存するには、ダウンロードライブラリのクイックフィックスを使用できます。
HTML ファイルの本文に
py-scriptタグを追加します。Python コードを
py-scriptタグに追加します。PyCharm は、このタグ内の Python コードをハイライトし、コード補完を提供します。
Python コードを HTML ファイルに追加すると、ブラウザーで出力をプレビューできます。HTML ファイルのプレビューの詳細については、「Web コンテンツを含むページの表示」を参照してください。
関連ページ：
JavaScript ライブラリを構成する
言語と IDE のコンテキストでは、ライブラリはファイルまたはファイルのセットです。これらのファイルの関数とメソッドは、編集したプロジェクトコードから PyCharm が取得する関数とメソッドに加えて、PyCharm の内部知識に追加されます。プロジェクトのスコープでは、そのライブラリはデフォルトで書き込み保護されています。PyCharm は、2 つの事前定義された自動生成ライブラリフォルダーを予約します。node_modules プロジェクト package.json のオブジェクトにリストされてい...
Web コンテンツを含むページの表示
PyCharm では、2 つの反対の操作を実行できます。ブラウザーで Web アプリケーションの出力をプレビューして、ページが正しくレンダリングされているかどうかを確認します。PyCharm は選んだブラウザーでページのプレビューを表示することができます。あるいはいくつかのブラウザーを切り替えることができます。PyCharm は現在、以下のブラウザーでのプレビューをサポートしています。Mozilla Firefox、インターネットエクスプローラー、Safari、Chrome、Opera、PyCh...
HTML ファイルの操作
PyCharm は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー（ライブ編集）やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで PyCharm にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を開き...
スタイルシート
PyCharm を使用すると、Sass、Less、SCSS、Stylus など、CSS およびそれにコンパイルされるさまざまな言語でスタイル定義を記述できます。スタイルシートのドキュメントの検索、ルールセットの作成と移動、変数の導入などもできます。始める前に：設定で CSS プラグインが有効になっていることを確認します。を押して設定を開き、を選択します。インストール済みタブをクリックします。検索フィールドに CSS と入力します。プラグインの詳細については、プラグインのマッピングを参照してください。コー...