1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VScode環境構築(Macで)&Pythonでグラフ表示(@ブラウザ)

Last updated at Posted at 2020-09-02

参考URL:https://qiita.com/YoshitakaOkada/items/6dfad94ab917053fcef7

PC歴10年以上のアラサーが今更プログラミングに挑戦してみた。

が初っ端から躓く!

>今回は「basic_js_graph」というフォルダを作って練習する。
→どこに?w
→ググって こんな記事を見つける(https://homepagenopro.com/free/vsc.html)
スクリーンショット 2020-09-01 23.03.18.png
→デスクトップに「basic_js_graph」というフォルダを作る。

→フォルダーの追加ボタンなんか無いんだけど。。w「フォルダーを開く」はあるけど。
ってことで10分悩む。ダメ元でドラッグアンドドロップでフォルダーの登録を完了。
これでいいのか?? よ−分からん。

→とりあえず前にすすめる。
>・index.html を新規作成

・・だからどこに?w

これは案外すぐ解決した。
スクリーンショット 2020-09-01 23.15.00.png

ここをクリックして"index.html"と入力すればおk。

>まだ空っぽのhtmlファイル上で「!」を押すと、VSCodeがhtmlテンプレートを作ってくれる。すご!
押してもなにも起こらない。
→!+tabキーということが判明。
できると感動。

STEP2に移行
>VSCodeのターミナルで「basic_js_graph」に移動して「python simpleserver-startup.py」と打ち込んで実行

ここでまた躓く。
何度やってもローカルサーバーが立ち上がらない。
スクリーンショット 2020-09-02 8.02.11.png

試行錯誤してもダメでググってこんなページを見つけ
https://glodia.jp/pythonm

python -m SimpleHTTPServer

と打ち込んで見るとサーバーの立ち上げは出来たが真っ白ページが表示されるだけ。

スクリーンショット 2020-09-02 21.26.48.png

ターミナルを見るとつながってはいるっぽい?

ウンウン唸ること十数分 Slackで質問してみると

image.png

未保存であることをご指摘いただき、、

保存して読み直してみると。。

スクリーンショット 2020-09-02 22.14.20.png

出来た−!

思わず画面の前でガッツポーズ!w

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?