2022年5月12日木曜日

PyScriptのサンプルをコピペしたら、動かなかった。エディタの自動インデントのせいだった。



昨日のできごと




 



わあ、楽しそう。遊んでみよ。




 


サンプルが動かねえです

エラーしか吐かん


 

何故動かなかったのか


タイトルの通りです。


使っていたエディタ(Visual Studio 2022)がコードに自動でインデントを掛けていたためPythonの構文が壊れてしまっていただけでした。


貼り付けやHTMLを編集する度、<py-script>~</py-script> の中にあるコードのインデントが面一になってしまうので、エディタの自動整形機能をオフにする必要がありました。


図. 2時間くらい気づかなかった


(Pythonはインデント(空白やタブ)を使って条件式等のまとまり(ブロック)を記述する言語です。括弧の代わりにインデントを無理やり使わせることで、読みづらいコードをこの世から廃滅させようという熱い志をもった言語なのです。ロックです。ブラックメタル的かもしれません。)



サンプルを貼り付けただけなのに、びくともしなかったので焦りましたが、

楽しかったので良かったです。



サンプル(丸コピペ)


以下は、PyScript公式

 

Getting started with PyScript  

"Writing into labeled elements" 

 

を丸コピペしたもの。Bloggerで動くかどうかの動作確認です。



Today is



import datetime as dt pyscript.write('today', dt.date.today().strftime('%A %B %d, %Y')) def compute_pi(n): pi = 2 for i in range(1,n): pi *= 4 * i ** 2 / (4 * i ** 2 - 1) return pi pi = compute_pi(100000) pyscript.write('pi', f'π is approximately {pi:.3f}')



動いてるー?

 

動いた。やったぁ。



「やったあ」と思った矢先、Bloggerの投稿時にHTMLが自動整形されて動かなくなってしまったので、最後に貼り付けることをおすすめします。


 

実験場


GitHubのPage機能を使って試してました。便利。


悪戦苦闘した記録を、コミット時のコメントに記したりしています。
(私が右往左往している様子を見ることのできるインタラクティブなコンテンツです)

https://github.com/May-Kirihara/Blog-HarakiriWorks-Art


ローカル環境で動作確認できるプラグインがあることに後から気づきましたが、ネタになったので良いのです)



感想


・重い。

・やれることが多い。グラフィック機能も充実している雰囲気。ブラウザベースのアプリを作るのに良さそう。

pyodideを使うと、Javascriptでは面倒だったあれが簡単にできそう。何かのAPIに繋げてみたい。

・numpy、scikit-learnが使えるのでいっぱい遊べそう。

・まだ使っている人が少ないので、自分で探して見つけていく楽しさがある。  

 

・わからないことしか無かったので、たくさん、検索した。スパム。*.xyz。専門家に解決を依頼。いかがでしたか。

 

・Googleで検索したときの3、4ページ目くらいから表示される個人サイトから溢れ出る圧倒的信頼感、ほんとすき。


・GitHubの公式ドキュメントめちゃくちゃ分かりやすくてすき。Microsoftのもまあまあ好き。AWSのはすきじゃない。


VSCodeのWeb版、AndroidやiOSからGitHubにコミットもプルもできるので便利。

 

・VisualStudioではなく、VSCodeを使えばすんなり行ったのではという説がある。LinuxやWSL環境の方が楽。 

 

・たのしい。



備忘録

 

・WindowsでGitを使うと、同期したときに文字化けする。

原因: Gitの初期設定では、マルチバイト文字列(日本語)がエンコードされて表示されてしまい、文字化けしているように見える


対策: 
Git Bashに以下のコマンドを打ち込み、文字列のエンコードを無効化する。
    
git config --global core.quotepath false

参考:  
[Git]日本語が文字化けする

Gitでマルチバイト文字列がエスケープされる対策 

 


・Windows環境(Visual Studio)でGitHubに接続しようとすると『fatal: cannot create directory』エラーが出て、クローンもプルも出来ない状態になった。

 

原因:パスの最大文字数制限使用禁止文字の関係でファイルが作成できていなかった。


対策:設定でなんとかなった。ならないものもあった。

 

文字数制限の場合、クローン先ディレクトリ(.gitのあるフォルダ)で以下のコマンド。

 

git config core.longpaths true


使用できない文字がある場合、以下のコマンド。

 

git config core.protectNTFS false 

 

” : " とか " ; "" . " は、駄目みたいです。 
ピリオドは設定次第で行ける気がしますが、面倒なのでGitHubの方でファイル名を書き換えました。

 

うちの子で引っかかったもの: 
『Function **7: [ダンプデータ ***の海馬_*0**.*1.1* **:57:** ] 扉は、橙色。蒼い色の、ユニフォーム。』 

『EN_Well-Known.



参考: 

 

Gitでクローン時に「Clone succeeded, but checkout failed」が出る時の対処法

 

 

Git for Windowsでgit error: invalid pathが起きる時

 



参考サイト


本当にありがたいです。


Git


Visual Studio で Git リポジトリを管理する

 


detached HEAD状態から元に戻すコマンド (git, checkout, fix a detached HEAD, .git/HEAD, refs/heads/master)

 

 

最低限しておくといいgitconfigの設定

 

https://qiita.com/hayamofu/items/d8103e789196bcd8b489

 


GitHub


GitHub に SSH で接続する

 

 

コミット署名の検証を管理する

 

https://docs.github.com/ja/authentication/managing-commit-signature-verification


Githubを使ったHTMLプレビューができるようになるまで

 



GPG (コミット署名用。。)


Add support for signing commits with GPG #5065

 

 

GitHubへGPG署名つきでコミットする手順

 

 

Visual Studio 2019 WindowsでGitコミット時にGPG署名出来なかった件[解決] 

 

https://qiita.com/hrfmiida/items/84090b6e1b97abcb570a


Windows の SSH で gpg-agent を使う

 

 

GPG で始める暗号・署名ライフ

 




WSL (Windowsの中でUbuntuとかを動かすことのできるイカした機能)


WSL のインストール 

 

 

Linux 用 Windows サブシステムで Git の使用を開始する

 



その他


Windows 10 で既定の 256 文字のパスの長さ制限 (MAX_PATH) を変更する方法

 


 

2022.05.12

今回は環境構築とサンプルの動作確認まで。

また勉強してなんかつくります。

多分、何か悪ふざけに使います。


寝ます。








最新記事

Reminder2: 以下の文章を時間跳躍が現実的に可能な文明にこの文章を容易に発見、解読可能な状態でかつ、改ざんされず、十分な永続性が担保される媒体に保管せよ。その場合、この文章は複数ルートでこの文章から見て未来の時間軸上に届くような冗長性を兼ね備えていなければならない。

ToDo: 以下の文章を時間跳躍が現実的に可能な文明にこの文章を容易に発見、解読可能な状態でかつ、改ざんされず、十分な永続性が担保される媒体に保管せよ。その場合、この文章は複数ルートでこの文章から見て未来の時間軸上に届くような冗長性を兼ね備えていなければならない。 echo -n...

人気の投稿