質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Google Colaboratory

Google Colaboratoryとは、無償のJupyterノートブック環境。教育や研究機関の機械学習の普及のためのGoogleの研究プロジェクトです。PythonやNumpyといった機械学習で要する大方の環境がすでに構築されており、コードの記述・実行、解析の保存・共有などが可能です。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

python 上で HTML を動かし、HTMLで作ったボタンにより関数を実行したいです。

OrigaDai
OrigaDai

総合スコア8

Google Colaboratory

Google Colaboratoryとは、無償のJupyterノートブック環境。教育や研究機関の機械学習の普及のためのGoogleの研究プロジェクトです。PythonやNumpyといった機械学習で要する大方の環境がすでに構築されており、コードの記述・実行、解析の保存・共有などが可能です。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

2回答

-1評価

1クリップ

182閲覧

投稿2022/08/06 07:15

編集2022/08/09 19:45

状況

押すことができるボタンはできたものの、そのさきがわからないです。

該当のソースコード

python

import IPython from IPython.display import display, HTML htm = HTML(''' <button onClick="OnButtonClick()">Click</button> #ここにソースコードを書いて、pythonの関数を実行できるようにしたいです。 ''' ) display(htm)

バージョン情報

Python 3.7.13

実行環境

google colaboratory 2022/8/6 現在
chrome book

中学2年生です。
方法がわかる方、ご回答お願いいたします。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

m.ts10806

2022/08/06 10:02

PythonならWebフレームワークがあったと思いますが、 そのフレームワークの話ではないですか? いずれにしてもHTMLから直接実行という話にはなり得ません
meg_

2022/08/06 10:07

PyScriptのことですか?だとしても書き方違う??
OrigaDai

2022/08/06 10:35

ご回答ありがとうございます。 以前に、Flaskを試したことがありますが、うまくいきませんでした。 他のWebフレームワークも試してみます。 google colabの環境で、でできるかわからないですが、がんばります。
m.ts10806

2022/08/06 20:15

onClick属性で書かれている関数はあくまでJavaScriptの関数呼び出すためのものです。 押したときにPython実行したければWebサーバにリクエストを送信して受け取る必要があります(GET/POSTなど聞いたことはあるかもしれません) なので、直接実行はどうあがいても出来ません。 サーバーサイドとクライアントサイド、そしてリクエストとレスポンス(Webの)について学ぶ必要があります。 上記が分かっていれば「自身の理解とFlaskの使い方が間違っていた」ことが分かるのではないでしょうか。 それも基礎にあたるので、やはり作りたいモノを作るためには基礎が必要不可欠です。
OrigaDai

2022/08/07 01:34

onclick属性はJavaScriptのみということが、調べ方が悪かったのかもしれませんが、検索で出てこず、知りませんでした。これから努力して基礎を固めていきたいと思います。 本当にありがとうございました。 教えていただかなければ、ずっとできないことで悩んでいたと思います。
OrigaDai

2022/08/07 01:51

@m.ts10806さん もしよろしければ、回答欄にご記入いただければ、ベストアンサーとさせていただきます。 ご検討のほど、よろしくお願いいたします。
m.ts10806

2022/08/07 02:29

ご自身で理解された内容を自身で回答とされたほうが同じような問題抱えた方には伝わるのではと思います。 >onclick属性はJavaScriptのみということ いえ、ご自身が書かれているのが「Javascriptの関数を呼び出している」だけで、onclick内に「クライアント側の」処理を直接記述することもできるので、正しくないです。 あくまで「クライアント側(ブラウザ上の話)」というのが今理解しなければならないことです。
OrigaDai

2022/08/09 00:07

ご回答ありがとうございます。m.st10806さんが仰った通りにPOSTを使ってみましたが、localhostにアクセスできないと表示され、できませんでした。 onclickのPOSTやlocalhostはgoogle colab での良い使い方が見つからなかったので、htmlを使わないbuttonの作り方を見つけました。解決方法のところに書かせていただきました。お陰様で解決しました。この度は最後までありがとうございます。
m.ts10806

2022/08/09 00:35

そもそもWebじゃなくてよかったという話なんですかね(Pythonは詳しくないので)
OrigaDai

2022/08/09 02:44

はい、そうです。紛らわしい表現ですいませんでした。 htmlのbutton配置の仕方の便利さに魅力を感じていました。
m.ts10806

2022/08/09 03:07

PythonのGUIは詳しくないですが、 その手のGUI画面を作るためのGUIツールもありそうに思います。 基本メニューから貼っていくだけで裏では定義がなされたりするようなもの。 https://niyanmemo.com/664/ 調べたら↑が出てきました。
m.ts10806

2022/08/09 03:08

結局はイベント定義してそのコードを書く過程は変わりませんし、 多くがコードをがりがり書く必要のあるWebアプリケーションの方が面倒に思います(HPビルダーとかのGUIツールで多少は軽減されますが、サーバーサイドの言語で動作させる動的Webアプリケーションは難しいと思う)
OrigaDai

2022/08/09 10:45

有難うございます。私には難しいかもしれませんが、やってみます。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Google Colaboratory

Google Colaboratoryとは、無償のJupyterノートブック環境。教育や研究機関の機械学習の普及のためのGoogleの研究プロジェクトです。PythonやNumpyといった機械学習で要する大方の環境がすでに構築されており、コードの記述・実行、解析の保存・共有などが可能です。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。