だら$ちっぷす

仕事の覚書です

xamppをインストールした

昔作ったphpを動かしたくて今のマシンにxamppを入れることにしました。 ので、メモ。

www.apachefriends.org
windows向けをダウンロード。
インストーラを起動。

なんかワーニング出た!><;


「アクティブ化されたユーザー アカウントがシステムを制御するため、xampp の一部の機能が制限される可能性があります。UAC を使用する場合は、xampp を c:\program files(書き込み権限がありません) にインストールしないでください。または、このセットアップ後に msconfig を使用して UAC を無効にしてください。」

了解!(`・ω・´)ゞ



PHP動かしたいだけなんで、全部チェックはずす。


フォルダもこのままでヨシ!





プライベートネットワークでヨシ!




コンパネ開いて、Apacheの「Start」をクリック。「Config」は見ただけで何も変更しませんでした。



ブラウザで「localhost」と入力


C:\xampp\htdocs の下にプログラムを置く。
下であれば、直下でなくてもよい。

ソース


実行

PyTorchをインストールする(windows10)

PyTorchを入れてみようと思います。
とりま、ぐぐって出てきたそれっぽいとこを見る。

learn.microsoft.com
いきなりanaconda入れろ言われて混乱。なにそれ?
調べたところ、pythonはバージョンが違うと使えないことが多々あるので、その環境作ったときに使ってたpythonをいつでも使えるようにしといた方がよくて、複数のpythonを入れて各環境に割当てできる?のがanacondaらしい。

今回は試しに使ってみたいだけなのでいらんなー。

そして、PyTorchは先にPythonを入れてからインストールすることがわかった。
Ptyhonは入っていません。

うーん。。。python入れるんやったらVScodeとか使うといいのかなあ?という気がなんとなくしたので、「PyThon VSCode」みたいな感じでぐぐったらこのページが見つかった。

まずは、こちらをお手本に、Pythonを入れることにします。ありがとうございます!

www.python.jp

pythonのインストール

www.python.jp

ダウンロード


なんか、非公式って書いてあって一瞬怯んだけど、お手本からリンク貼られてるので信じる。
一番新しいやつをクリック。
実行。

インストール


最初、「Add ...」のチェックボタンだけONになっていました。これはお手本通り。
「Use …」は「管理者権限でインストールする」
調べると、管理者権限でインストールしなかったら当該ユーザだけしか使えないモードになるらしい。なるほどー。
チェックしとくかー。

両方チェックした状態で「Install Now」をクリック。




完了。

動作確認

DOS窓を開いて、「python」と入力。



Pythonのインストール成功!^^


PowerShellの環境設定

PowerShellスクリプトの実行を許可しておきます」

これはなんのためにやるんやろ?(・・?

qiita.com
うーん???この後、PowerShell使うってこと?とりま、手順に書かれている通りにしておく。





Visual Studio Codeのインストール

www.python.jp
VSCodeは既にインストールしてあるのでその辺はスキップ。
でも、最近全く使ってなかったので、VScodeを更新しておく。


文言が「再起動して更新」に変わったらクリック。



まあ、これで大丈夫でしょ。


Python開発環境をインストール

VScodeで、「ms-python」を検索して、「インストール」をクリック




Python関連の設定

「Linter機能を無効にする」
これもよくわからんけど、その通りにやっておくかー。

コマンドパレットを開く



Python: Select Linter 」ないよ?


「Disable Linting 」ないよ?


やっておこうと思ったけど、ないからとりあえずほっとくか。(^^;


ソースファイルを作成

www.python.jp
ソースファイルの作成で詰まった。><;
VSCodeを立ち上げたら勝手に今まで使ってた環境(node.js)が開くねんけど、これ、どうやったら閉じれるの?(;´д`)



ワークスペースを閉じる」がないねんけど。。。ワークスペースじゃないの?
試しに「フォルダを閉じる」をクリックしてみた。



無事閉じて、「ようこそ」タブが開いた。
python開発による開始する【新規】」をクリック



・・・因みに、一旦閉じたらpython開発云々が消えてしまったので焦ったが、「その他」をクリックするとありました。ε-(´∀`)ホッ
   

「プロジェクトフォルダーの作成」をクリック



フォルダーを開く画面で、の選択画面がポップアップしてくる。
既存のフォルダを選択するか、「新しいフォルダー」でフォルダを生成する。





エクスプローラーにさっき作ったフォルダ名が出来たからこれでいいのかな?



その下にフォルダを作る。


その下にファイルを作る。




「言語の選択」をクリックしてみたら、なんかでろでろ出てきた。下の方にpythonあったからクリック。
(因みに、ここの入力エリアで「Ctrl+K」「M」って入力するといつでも言語の選択が出来るよ)



お手本の通りに入力。


保存して、実行。


成功!σ-`д・´)☆
pythonはこれで大丈夫だよね。


いよいよ、Pytorchのインストールに挑みたいと思います!(๑•̀ㅂ•́)و✧
こちらをお手本にさせていただきました!ありがとうございます!


qiita.com

pytorchのサイトを見る。

pytorch.org


「Get start」をクリックしてみる。



pytorchは、インストーラでインストールするのではなく、ここに書かれているコマンドをVSCodeのターミナルにコピペして実行するらしい。
オプションを変更するとコマンドが変わるので、自分の環境にあったものを選ぶ。

・・・んで、CUDAって何?(・・?
調べてみた。
note.com
こないだ新しいマシン買おかなーと思って調べてたら「AI用✧
。」と謳われてGeForce搭載マシンがずらーっと並んでて、なんでなん?画像生成にGeForceが強いから?て疑問に思ってたのですが、画像生成AIに限らずNVIDIAが開発したCUDAが爆速で今んとこAI全般で覇権を取ってるってことなのか。しらんかった。

うちはGeForce突っ込んでるんやけど、AIとか一般化されるずっと昔に買うたやつやねんなー。これでも使えるんかなあ?
ボードの型番調べてみる。

画面上で右クリック




「GT 730」でした。
www.techpowerup.com

GT730とPyTorch調べてみる。
qiita.com

ええ。。。。。(;´д`)
なんかかなりややこしそうな。。。(;´д`)
つか、この投稿が4年前やから、「12年前のオンボロボログラボ」ってことやん?更にややこしそう。。。
今のところ本気で使いまくる予定があるわけじゃないから、そんな爆速でなくてもええんで、とりあえずCUDAなしで入れてみるかー。




VSCodeのターミナルに「Run this Command」をコピペして、実行。


成功したぽい。


お手本の動作確認用のコードを入力して実行。


がーん!Σ( ̄□ ̄; エラーですやん!!<BR>

同じエラーが出てる人を発見!助かりました!ありがとうございます!

qiita.com

ここに4つの対応策があるらしい。
github.com

「Solution 2: Pre-load c10.dll」をやってみた。



あかん。。。(;´д`)


「Solution 4: Install latest Microsoft Visual C++」をやってみた。

ここからインストールファイルを取得。
learn.microsoft.com
インストール実行。
セットアップ完了後、再起動が必要なんで、他の作業してたら気をつけてね!



再起動後、VSCodeを立ち上げて、動作確認用のコードを実行する。



エラー出ずに正常終了!Σd(ゝ∀・)

とりあえず、インストール完了!

flutter、VSCodeで自動整形しないようにする

VSCodeで表示されるコードって、わたしにとってはものすごーく見辛いんですよね。
何書いてあるんか頭に入って来ないくらい見辛いです。
なので、愛用のさくらエディタで見やすいように自分で整えて、自分なりのコメントも書き込んで、やっと何が書いてあるんかわかって来ました。
整形したコードはそのままVSCodeにも反映されています。(VSCodeは外部エディタで変更されたやつも連動して表示してくれます)
にこにこ(´∀`*)

ところが、実行してみたらエラーが出ます。
なんで?と思ったら、コメント書いてるとこが赤くなってる。
大丈夫なとこもあるので、書いてはいけないとこに書いてるぽいです。
で、そこ直してて気づいたんだけど、せっかく整形しなおしたコードがいつの間にか戻ってるーーー!!><;
見やすく改行したとこが全部取り消されてるし、4タブが2タブになってるしー!
まあ、2タブはええけど、改行は取り消さんとってほしい!ギチギチに詰まってたら見づらいねん!::: (ノ'A`)>:::
VSCodeでの表示だけの問題かと思ってたら、さくらエディタで開いても元に戻っていました。( ‘ᾥ’ )凸
どうやら、ファイルを保存するときに書き直されてしまうっぽい。

というわけで、自動整形をやめてもらうことにしました。・3・

画面左下の「歯車」をクリック→「設定」をクリックすると設定画面が開く。


「設定の検索」のところに、「editor:format」と入れる。
すると、自動整形関係の設定が色々出てくる。
自分は、”保存するときにフォーマットする”てやつに困ってたので、「Editor: Format On Save」のチェックをはずしました。

flutter開発環境構築 その3.Visual Studio Codeの設定

後はエディターを設定して、プログラムを組めるようにするだけだ!(๑•̀ㅂ•́)و✧

docs.flutter.dev

VS Codeのインストール

 自分のマシンには既にVScodeがインストールされてるので省きます。
 (node.js のデバッグに使っています。デバッガとしてしか使ってないのでそれ以外の使い方は全く知りません><;)


VS Codeのセットアップ

docs.flutter.dev
 上のページの、ここクリック


docs.flutter.dev
 「Install VS Code」になってなかったら、ここをクリックしてタブを切り替える


 ここに書いてあることをやっていく。


flutter拡張機能をインストールする

 VS Codeを立ち上げて「拡張機能」のページを開く。
 (日本語化済みなので、日本語化パックが入っています)



 「flutter」と入力して検索。
 flutterが見つかったら「インストール」をクリック。



 入ったので「インストール」ボタンが消えました。^^



 検索文字列を空にしたらインストール済み一覧が出てきました。
 Fultterを入れたらDartも一緒に入るようです。




VS Code の設定を検証する

 「表示」→「出力」の右上ドロップダウンから「flutter」を選ぶ、って書いてあるのですが、
 これがどうしても出てこない。(つ﹏<)・゚。



 めっちゃ調べたけど、ここの作業を書いてる人はあって当然なように書いてるし、それ以外の人はなんも書いてないし。。。
 埒が明かないので、とりあえずこれは後回しにします。><;
 (この次の作業で解決?しました^^v)


試運転。アプリを作成

docs.flutter.dev
 「表示」→「コマンド パレット」



 「flutter」と手入力
 ・・・あれ?ずっと探し続けてた「Flutter: Run Flutter Doctor」が、しれっとあるよ?Σ( ̄□ ̄;



 押してみる。



 あるやん!!
 なんやねん、それ!!(つ﹏<)・゚。
 まあ、上記の問題は解決したってことで。(ー''ー)





 気を取り直して、お手本に戻る。
 「Flutter: New Project」を押す。



 「Application」を押す。



 フォルダ選択



 プロジェクト名入力。(デフォルトで表示されたやつをそのまま使いました)



 「保存」を押しました。



 「保存」を押しました。



 なんか出来た!



 エクスプローラで見たらこんなん。



アプリを実行

 ステータスバーの表記の部分をクリック。
 (愚痴:こんなとこがクリックできるとか考えもしやんかった。。。めっちゃ悩んだ。。。(;´д`)だってステータスバーってステータスの《表示》するとこやんなあ?・3・)



 デバイスを選択



 「実行」→「デバッグの開始」



 待つ。



 なんか立ち上がってきた!!



 右下の「+」のとこ押したら1ずつ足し上がる。



 ソース上で表示されてる文言の行みつけて、書き直してみた。
 書き直したら、上の雷マークをクリック。



 なんかコンパイルしてるぽい。



 文言変わったー!^^v



長い戦いに勝利した!!✧。٩(ˊᗜˋ)و✧*。

flutter開発環境構築 その2.Androidデバイスの設定

「flutter開発環境構築 その1」の途中で行ったAndroidバイスの設定を抜き出しました。


Androidバイスをセットアップする

 >Androidバイス上で Flutter アプリを実行およびテストする準備をするには、Android 5.0 (API レベル 21) 以降を実行している Androidバイスが必要です。
 ふむふむ。pixel7を取り出して…「設定」→「デバイス情報」で確認。わたしのは14なのでOKですね^^

developer.android.com

開発者向けオプションとUSBデバッグを有効にする

 pixel7を取り出して「設定」→「デバイス情報」で、「ビルド番号」を7回タップ。
 なにその隠しコマンドみたいなん!!おらぁワクワクすっぞ!!(๑˃́ꇴ˂̀๑)◞♡
 次に、「設定」→「システム」→「開発者向けオプション」で、「USBデバッグ」をONにする。


Androidエミュレータをセットアップする

Android Studioを起動し、デバイス マネージャアイコンをクリック。



バイスの作成をクリック。
※なんか既に1つ居ますが、これは昔試しに入れてみたやつかなあ?機種が古いし。無視。^^;



>デバイス定義を選択し、[次へ]を選択します。



>エミュレートする Android バージョンのシステム イメージを 1 つ以上選択し、[次へ]を選択します。x86またはx86_64イメージが推奨されます。
こう書かれてるんですが、自分の環境では、これしか選べませんでした。他のを選んでもエラーメッセージが表示されて「Next」がアクティブになりませんでした。



>「エミュレートされたパフォーマンス」で、「ハードウェア - GLES 2.0」を選択してハードウェア アクセラレーションを有効にします。
>AVD 構成が正しいことを確認し、[完了]を選択します。



「▶」押してみる。



なんか、走り出したー!!Σ( ̄□ ̄;
ブロックされてるやつのアクセスは許可しました。



こんな感じ。



「■」を押したら終了しました。


flutter開発環境構築 その1.flutterインストール、Android Studioインストール、Visual Studioインストール

AndroidiPhoneとを共通で開発できるflutterなるものがあると聞き及んだので試してみようと思う。

ぐぐった。おおー、Googleのやつなのねー。
codelabs.developers.google.com
windowsMacLinux、web(web?どういう意味やろ?ブラウザ対応?PaaSとかIaaSとか?)でも使えるらしい。
なにその万能感。( ゚o ゚)


基本的に、上記記述に沿って開発環境を構築しようと思います。
自分のマシンはwindows10です。


エディタ
  なんでもええらしい。
  自分はnode.jsでVScode使てるんで、そのままそれを使います。


開発ターゲットを選ぶ
 pixel7使てるんで、androidで。。。と思ったら、そういう意味ではないようだ。
 開発マシンがwindowsなんで、windowsを選ぶ方がいいらしい。


FlutterSDKをインストールする


docs.flutter.dev

docs.flutter.dev

ここからは、基本的に上記のサイト(Windows install | flutter)の記述に沿ってインストールしていきます


FlutterSDKを入手する



 zipが落ちてくるので、インストールしたいディレクトリに置いて、解凍。
 (解凍=インストールなやつのようです。インストーラはありません)
 このとき、ディレクトリ名に特殊文字とかスペースを含んではだめ。
 昇格した特権が必要なディレクトリに置いてはだめ。例えばちょっと置きたい気持ちになるけど、program Filesの下とかはダメ。(まあ、スペース入ってるしそこであかんわなー)

 わたしは、まあ、適当に「c:\google\flutter」にしました。
 お手本はc:\src\flutterなんだけど、なんかc:\直下にsrcって名前のディレクトリ置くのってやだなーって感情で。^^;


flutter\binにパスを通す







ちゃんとできてるかドクターに診断してもらう

 実行できる環境になってるかどうか、ドクターが診断してくれるらしい。
 助かる。^^

 C:\google\flutter>flutter doctor



 なんかキャッシュが残ってるぽい?
 指摘されてる通り、dart pub cache clean を実行してみた。



 なくなった。めっちゃ親切やな。感動。
 次いきます。
 自分の環境では3つほど必要なものがないらしいが、インストールの手引書通りに進めれば全部入るのかな?


Android Studioをダウンロード

developer.android.com



 同意する。



 「プロフィールを作成」を選んでみたらなんか色々入力しないといけなかったんで、やめて、「表示しない」を選んだ。



Android Studioをインストールする

 上記ダウンロードで落ちてきたexeを起動。



 ざくざく進めて…

 完了。結構時間かかった。



 flutter doctor で確認


 Android studioが√になった。^^v


 ここで、お手本に沿って、
  Androidバイスをセットアップする
  Androidエミュレータをセットアップする
 をしたんやけど、ドクターの診断に変更はなかった。
 多分、今、やらなくてもいいと思う。
 ごちゃごちゃするので「flutter開発環境構築 その2」に移します。


 また、お手本通りにやったら他の足りないものが入ると思ってたのに入らなかったんで、行き詰まって、他にインストールしてはる人のブログとか漁ってみた。
 そしてたら、flutterプラグインていうのをインストールしてはったんで、これ入れたら万事解決か?!と思って入れてみた。


flutterプラグインをインストール


 Dartも一緒にいれますか?て聞かれて、はい。て答えたかも。スクショ撮ってない(><;
 プラグインの一覧にDartもあるのでもしかしてInstalledになってなかったらinstallしといた方がいいと思います。



 結果、なんも解決せんかった。悲しみ。(つ﹏<)・゚。
 でも、これはいずれにせよ必要な気がするんで、よかったことにする。
 気を取り直して、ドクターの言葉に耳を傾けて、問題点を1個ずつ潰していく。


Google USB ドライバをインストール

developer.android.com




Android SDK Command-line Toolsをインストール




Androidライセンスに同意する




Android toolchainがOKになった!^^v


残るはVisual Studioか。。。というところで一旦中止。他の仕事します。

  三(‘ω’)三( ε: )三(.ω.)三( :3 )三(‘ω’)三( ε: )三(.ω.)三( :3 )ゴロゴロゴロ

久々に続きをやります。
flutter doctor を走らせたら、後1つ足りないのと、バージョンアップしろというのが来ていました。



とりあえず指示通りのコマンド打ち込んでバージョンアップしました。

  C:\google\flutter>flutter upgrade

バージョンアップも教えてくれるのか。親切やなー。^^
さて。最後に残ったVisual Studio関連に取り掛かる。


Windowsのセットアップ

 C#いろてるからVisual Studioは入れてるのになんであかんのかなーとおもてんけど、そういえばC++を入れてなかったかも。

learn.microsoft.com

 インストーラ(VisualStudioSetup.exe)を起動。
 インストーラ、既に入ってるVisual Studioのメニューかスタートメニューにあるかなあ?と思って探したけど見つからなかったです。そういうものなの?exeを探し出してダブルクリック。



 これかなあ?と思って「C++によるモバイル開発」にチェックをつけて、「変更」をクリック。
 結果、ドクターの診断は変わらなかったので、これは必要ないかもです。一応、入れたので書いとく。



 インストール、めっちゃ時間かかりました!><

 ドクターに見てもらったが状況変わらず。
 もしかしたら、こっちかな?

 「C++によるデスクトップ開発」にチェックをつけて、「変更」をクリック



 またまた、めっちゃ時間かかります!
 しかも今度はインストール終わったら「再起動した方がいいよ」て言われました。
 マシンを再起動する。
 ・・・もしかしたら、Visual Studioを再起動って書いてただけかも?^^;

 まあ、ええわ。患者の意識が戻りました!ドクター!



 うおおおお!✧
。٩(ˊᗜˋ)و✧。やった!ドクターのお許しが出ました!完全体です!



Android Studio日本語化

後、ついでなので、Android Studioを日本語化しておきます。


日本語化パックはマーケットプレイスにないので、JET BRAINS のサイトからダウンロードしてきます。
plugins.jetbrains.com
Android Studioを起動して、「設定」→「About」

バージョンをチェックする

該当するバージョンのプラグインを選んで、ダウンロード



Android Studioの「plugin」のタブで、「設定」→「Install Plugin from Disk...」

ディスク上からダウンロードしたファイルを選択して「OK」

日本語化パックが表示されるので、「Restart IED」をクリック

「Restart」をクリック

再起動されて、日本語になりました!じゃーん!°˖✧◝(⁰▿⁰)◜✧˖°

プラグイン」「インストール済み」に入ってるのを確認

C#はじめました。画面を複数作る。

他のことしてたんで久々。

visualstudio2022を起動
「新規作成」
windowsアプリケーション」で最初の画面を作る

とりあえず、「DB画面」というボタンを作った
ここをクリックしたら画面が開くようにしたい

右端の「ソリューションエクスプローラー」てとこで、プロジェクト名を右クリック
「追加」クリック
「新しい項目」クリック


こんなん出た


ここで最初、名前を入力して「追加」をクリックした
そしたら、ソリューションエクスプローラーに、「C# formDB.cs」ていう表示が、「C# Program.cs」の上に追加された
これは意図したこととは違うなー^^;フォームが作りたいねん
そいつは消してやり直し。 同じところで「すべてのテンプレートの表示」をクリック


「新しい項目の追加」という画面が出た
ここで選ぶんかー!
「フォーム(windowsフォーム)」を選んで「追加」
(注意)名前はここで下の方にある入力欄に入力します。
    気が付かんかったのでForm2.csでできてしまいました。><;
    まあ、後で名前変えたらええだけですけども。


Form1のデザイン画面で、ボタンをダブルクリック


ソースコードを入力するとこが開く


「form」と入力すると、選択肢がずらーっと表示される
「Form2」を選ぶ


なんか勝手に出てきたー!!「tab」キー押す


もっかい「tab」キー


なんか勝手に入力してくれた!すげー!
ここで、「改行」キーを押す


なんかまた「tab」押せゆうてる。押す


やたー!プログラムできたよー!Σ( ̄□ ̄;しかし今どきのIDEはすげえな


メニューのとこで「開始」押してプログラム走らす


「DB画面」押す


2つ目の画面開いたー!
あれ?ボタンなんか追加したっけ?^^;なんか間違えて触ったんかもです