テキストエディタ・ターミナル・アプリケーションの連結?

Question

前提・実現したいこと

プログラミングの勉強を最近はじめました。
macを使っています。
わからない事があり質問させて頂きます。

テキストエディタとターミナルは、どのように連結?させるのでしょうか。
progateをやっているのですが、progateではテキストエディタでコードを打てば、ターミナルにコードの結果が出ます。progateの開発環境のレッスンを受講しても、しっくりと分かりませんでした。

自分のパソコンで上記のようにするには、どうすれば良いのか、教えて頂けたら幸いです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[azuapricot]

何をターミナルで実行しようとしているんですか？言語は？

Answer 1

progateはインタプリタが主体みたいなので結果をブラウザ上で確認するのも可能と思いますが、コンパイラでは通常出来ません。ソースの記述→コンパイル→実行が必要です。また、エディタとかターミナルと言っているのもブラウザ上でのことですよね？

e.g.
Linuxのターミナルでのpythonの実行

Comments

[spacemonky]

回答ありがとうございます！

Answer 2

ターミナルとテキストエディタは連結できません。

progateと異なり、ローカル環境では、いくつかの手順を踏む必要があります。
0. テキストエディタでコードを書いてソースファイルとして保存する。
0. そのファイルをコンパイラでビルドしてプログラムに変換する。(この手順がいらない言語もある)
0. できたプログラムを実行する。（あるいはソースコードを直接実行する。）

言語やOSによって上記の詳細は異なりますが、基本的な流れはこうです。

テキストエディタによっては、エディタ内部でターミナル（というかシェル）を呼んで実行できるような物もあり、連動しているような使い勝手にできるものもあります。
もっと進んで、上記の作業をかなり自動化してくれる統合開発環境(IDE)が使える言語も多くあり、progateと似たような事ができる言語や開発環境、サイトもあります(CodePenとか)。勉強が目的なら、そういうものから始めるとよいのではないかと思います。作りたい物のイメージがあるなら、それに合った言語を選ぶことが大事です。

Comments

[spacemonky]

回答ありがとうございます！