昨日のできごと
JavaScriptのようにPythonコードをHTML内に記述して実行できる「PyScript」 Anacondaがオープンソースで公開https://t.co/MB0xVMwzzK pic.twitter.com/BNTQYJWbda
— ITmedia NEWS (@itmedia_news) May 9, 2022
わあ、楽しそう。遊んでみよ。
サンプルが動かねえですエラーしか吐かん
何故動かなかったのか
タイトルの通りです。
使っていたエディタ(Visual Studio 2022)がコードに自動でインデントを掛けていたためPythonの構文が壊れてしまっていただけでした。
貼り付けやHTMLを編集する度、<py-script>~</py-script> の中にあるコードのインデントが面一になってしまうので、エディタの自動整形機能をオフにする必要がありました。
![]() |
図. 2時間くらい気づかなかった |
(Pythonはインデント(空白やタブ)を使って条件式等のまとまり(ブロック)を記述する言語です。括弧の代わりにインデントを無理やり使わせることで、読みづらいコードをこの世から廃滅させようという熱い志をもった言語なのです。ロックです。ブラックメタル的かもしれません。)
サンプルを貼り付けただけなのに、びくともしなかったので焦りましたが、
楽しかったので良かったです。
サンプル(丸コピペ)
以下は、PyScript公式
"Writing into labeled elements"
を丸コピペしたもの。Bloggerで動くかどうかの動作確認です。
Today is
動いてるー?
動いた。やったぁ。
「やったあ」と思った矢先、Bloggerの投稿時にHTMLが自動整形されて動かなくなってしまったので、最後に貼り付けることをおすすめします。
実験場
GitHubのPage機能を使って試してました。便利。悪戦苦闘した記録を、コミット時のコメントに記したりしています。(私が右往左往している様子を見ることのできるインタラクティブなコンテンツです)https://github.com/May-Kirihara/Blog-HarakiriWorks-Art
(ローカル環境で動作確認できるプラグインがあることに後から気づきましたが、ネタになったので良いのです)
感想
・重い。
・やれることが多い。グラフィック機能も充実している雰囲気。ブラウザベースのアプリを作るのに良さそう。
・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の設定
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署名出来なかった件[解決]
Windows の SSH で gpg-agent を使う
GPG で始める暗号・署名ライフ
WSL (Windowsの中でUbuntuとかを動かすことのできるイカした機能)
その他
Windows 10 で既定の 256 文字のパスの長さ制限 (MAX_PATH) を変更する方法
2022.05.12
今回は環境構築とサンプルの動作確認まで。
また勉強してなんかつくります。
多分、何か悪ふざけに使います。
寝ます。