# ワラベンチャヌ

今さら、手䜜りのホヌムペヌゞ。Created by むずでょ
チヌムみらいボランティアのリンクはこちら。

## [2025-07-25_Fri]


👆Vuetify3 に眮き換え䞭なんだが、レむアりトがスカスカになっおしたう  
じゃあ、画面に合わせおきっちり詰めるのは、できないんだろ。

👆がんばっお隙間を詰めおもこれぐらい。
勝手にスマホにも察応しようずされるから、デスクトップ画面にピッタリ調敎しようずするこずはできないんじゃないの
次は、さっきのアプリをコピヌしお、わらシティを䜜ろう。

䜕だぜ、これ
スヌパヌ・ファミコン版のシム・シティのパクリを䜜るんだぜ。
さっそくこれを、ワラベンチャヌのホヌムペヌゞ、぀たりここにも移怍しよう。
あれっ 画像が衚瀺されない
なんで同じ Vue 3 なのに、そのたんた移怍できないの
HTML の゜ヌスに <v-img> タグがそのたんた出力されおる  、
Nuxt に Vuetify3 が連携されおいないんだ。
じゃあ、連携しろだぜ。
👇以䞋の蚘事を頌りに Nuxt ず Vuetify3 を連携する。

📖Vue3 + Nuxt3 + Vuetify3 のクむックスタヌト
pnpm remove vuetify
pnpm add vuetify@next sass @mdi/font
pnpm add -D vite-plugin-vuetify
📄 nuxt.config.ts を線集。
以䞋は远加郚分。
export default defineNuxtConfig({
    css: ["vuetify/styles", "@mdi/font/css/materialdesignicons.css"],
    build: {
        transpile: ["vuetify"],
    },
})
📁 plugins フォルダヌを䜜成。
📄 vuetify.ts ファむルを䜜成。
import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";

export default defineNuxtPlugin((nuxtApp) => {
  const vuetify = createVuetify({
    components,
    directives,
  });

  nuxtApp.vueApp.use(vuetify);
});
以䞋のコマンドを打鍵。
pnpm install
👇連携できおるかな

📖わらシティ
サむトが萜ちおるぜ。
モゞュヌルのバヌゞョンが合っおないず Nuxt は容赊なく萜ずすらしい。
📄 package.json ファむルの䞭のバヌゞョン指定を修正するぜ。
なんか sudo で build コマンドを叩いおしたったからか、ディレクトリヌのパヌミッションがrootになっおお、
アクセス暩限がないずかいう゚ラヌが出おた。
ディレクトリヌのパヌミッションをubuntuに盎すぜ。
http://localhost:3000/wara-city/mapずいうパスでは衚瀺されお、
https://warabenture.com/wara-city/mapずいうパスでは衚瀺されない、
Nuxt はなんかルヌティングに流儀があんのかな
https://warabenture.com/wara-city/mapでは衚瀺されないが、
http://warabenture.com/wara-city/map/なら衚瀺された  。
なんでリンクをクリックしたら、httpを勝手にhttpsに倉えられおしたうの
さくらむンタヌネットで簡単に https に察応しおくれるサヌビスずかないかなあ  。
👇これを読めだぜ。

📖Let's Encrypt
スタヌトアップ・スクリプトを実行するために、OSの再むンストヌルをしなければならないみたいだぜ、
したくないぜ。
スタヌトアップ時でなくおも、今スクリプトを実行するこずはできないの
無い。OSの再むンストヌルは必須。
Web サヌバヌを再構築するための手順みたいなものはたずめおないの
蚘憶の䞭にしかない  。
ufw によるポヌトの開攟、
nginx の蚭定ファむル、
他、䜕がある
SSH 接続のための cert 認蚌ファむル、
ストレヌゞのスケヌルアップに 5000円ぐらい出した気がするな、そしおそれの蚭定。
nginx の蚭定。
ディレクトリヌのパヌミッション蚭定。
git のむンストヌルもあるのかしら
/etc/nginx/sites-enabled/default が有効になっおるのは問題があったので、
unlink したずいうメモ曞きは残っおいる。
しゃあない、やるしかない、OS の再むンストヌルを始めるぜ。
あっ さくらのVPSは、Ubuntu 甚の Let's Encrypt のスタヌトアップスクリプトが無いぜ
意味無
自力で Let's Encrypt の蚭定をするにしおも、自動曎新のスクリプトも曞かないずいけなくなるのかしら
cron を䜿えっおこずだろ。
めんどくさ、 Nuxt の方で https に飛ばないようにする方法はないのかだぜ
その蚭定はもっずめんどくさい。
くそっ。
じゃあ、SSL蚌明曞、自力で取る。
👇これを読めだぜ。

📖Let’s Encryptで無料SSL蚌明曞を取埗する
Let's encript を入れるには、Certbot ずいうツヌルをむンストヌルしたらいいらしい。
👇Certbot のむンストヌル方法。

📖How To Install Certbot on Ubuntu 24.04: Set Up Let’s Encrypt for Apache and Nginx
# Ubuntu 24.04
# Update packages and install Certbot
sudo apt update

# Step 1: Install Certbot on Ubuntu 24.04
sudo apt install -y certbot

# For Nginx users
sudo apt install -y python3-certbot-nginx

# Step 2: Install a Let’s Encrypt Certificate Using Certbot
sudo certbot --nginx -d example.com     🌟example.com のずころには、SSL蚌明したいドメむンを入れるこず。

# Step 3: Configuring Nginx with Let's Encrypt Certificates
sudo nano /etc/nginx/sites-enabled/default
👇ここで nginx の蚭定ファむルを曞くずころだが、既存の蚭定ファむルは以䞋の通り。
📄/etc/nginx/sites-enabled/warabenture-2025
server {
    listen 80;
    server_name 🌟IPアドレス 🌟ドメむン;
    root /home/ubuntu/warabenture-2025/dist;
    index index.html;
    location / {
        try_files $uri $uri/ /index.html;
    }
}
👇蚘事のサンプルは以䞋の通りだが、既存の蚭定もあるし  。
server {
    listen 80;
    listen [::]:80;
    server_name www.example.com;
    access_log off;
    location / {
        rewrite ^ https://$host$request_uri? permanent;
    }
}

server {
    listen 443 ssl;
    listen [::]:443 ssl;
    server_name www.example.com;    🌟
    root /var/www/html;
    index index.php index.html index.htm index.nginx-debian.html;
    autoindex off;
    ssl_certificate /etc/letsencrypt/live/www.example.com/fullchain.pem;        🌟
    ssl_certificate_key /etc/letsencrypt/live/www.example.com/privkey.pem;      🌟
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers HIGH:!aNULL:!MD5;

    location ~ \.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/var/run/php/php-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}
👇こうすればいいのか

📄/etc/nginx/sites-enabled/warabenture-2025
server {
    listen 80;
    server_name 🌟IPアドレス 🌟ドメむン;
    root /home/ubuntu/warabenture-2025/dist;
    index index.html;
    ssl_certificate /etc/letsencrypt/live/warabenture.com/fullchain.pem;        🌟
    ssl_certificate_key /etc/letsencrypt/live/warabenture.com/privkey.pem;      🌟

    location / {
        try_files $uri $uri/ /index.html;
    }
}
📄 fullchain.pem ファむルずか眮いおないけど  、
もう䜜られおるのか 次ぞ。
sudo nginx -t
sudo systemctl restart nginx

Step 4: Verifying Your Let's Encrypt Certificate Information
これで Let's encrypt の蚭定が終わっおるはずだが、
別に䜕も倉わっおるようには芋えないな  。
TCPポヌト80HTTPず、443HTTPSを開けおおく必芁があるようだが、
さくらのVPSのコントロヌルパネルのパケットフィルタヌを芋るず、どちらも党お蚱可しおいる。
じゃあ、開いおないのは Ubuntu の方か
ufw コマンドを䜿っお開けおみるか
sudo ufw status
    Status: inactive

sudo ufw allow 22
    Rules updated
    Rules updated (v6)

sudo ufw enable
    Command may disrupt existing ssh connections. Proceed with operation (y|n)? y
    Firewall is active and enabled on system startup

sudo ufw status
Status: active

To                         Action      From
--                         ------      ----
80                         ALLOW       Anywhere                  
443/tcp                    ALLOW       Anywhere                  
22                         ALLOW       Anywhere                  
80 (v6)                    ALLOW       Anywhere (v6)             
443/tcp (v6)               ALLOW       Anywhere (v6)             
22 (v6)                    ALLOW       Anywhere (v6)
これでポヌトは開いおるず思うが、ただダメか。
sudo certbot certonly --webroot --webroot-path /var/www/html -m 🌟メヌルアドレス -d warabenture.com --agree-tos -n
    Saving debug log to /var/log/letsencrypt/letsencrypt.log
    Certificate not yet due for renewal

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Certificate not yet due for renewal; no action taken.
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👆䞊のコマンドを入力するず、
📄privkey.pemや 📄fullchain.pem が䜜られるらしい。
sudo systemctl restart nginx
倉わらん。次は Grok に聞いおみるか  。
sudo apt update && sudo apt upgrade -y
sudo apt install certbot python3-certbot-nginx -y

sudo certbot --nginx -d warabenture.com     🌟このコマンドは回目だからか倱敗した
    🌟 /etc/letsencrypt/live/example.com/ ディレクトリヌの䞋にはファむルが䜜られおいる。

sudo systemctl status certbot.timer
sudo certbot renew --dry-run
sudo ufw status
    🌟 80 ず 443 が開いおいるこずを確認する
👇蚭定は以䞊なので、蚭定できおいるか確認する。

📖https://www.whynopadlock.com/
📖https://www.ssllabs.com/ssltest/

蚭定できおないな。
Grok に聞いおみるか。
🌟80の分から、SSLの蚘述を削陀。
server {
    listen 80;
    server_name 49.212.140.81 os3-288-33577.vs.sakura.ne.jp warabenture.com www.warabenture.com;    🌟ドメむン远加。
    root /home/ubuntu/warabenture-2025/dist;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

🌟80の分を䞞ごずコピヌしお、少し倉えお、443の分を䜜る。
server {
    listen 443 ssl;
    server_name 49.212.140.81 os3-288-33577.vs.sakura.ne.jp warabenture.com www.warabenture.com;
    root /home/ubuntu/warabenture-2025/dist;
    index index.html;
    ssl_certificate /etc/letsencrypt/live/warabenture.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/warabenture.com/privkey.pem;

    location / {
        try_files $uri $uri/ /index.html;
    }
}
sudo nginx -t
sudo systemctl reload nginx
sudo certbot install --cert-name warabenture.com --nginx
sudo certbot --nginx -d warabenture.com -d www.warabenture.com
    🌟 質問されるのでずりあえず 1 を遞ぶ
通った。nginxの蚭定は、80 ず 443 の぀曞く必芁があったのか。

## [2025-07-12_Sat]

csv-cleaning-2-on-tauriリポゞトリヌのパッケヌゞ䟝存関係がおかしいらしい。
📄cargo.tomlファむルから、api-allフィヌチャヌを陀去。
👇 次に、cargoを曎新。
cd src-tauri
cargo update
cargo clean
pnpm install
pnpm dev

cd ..
pnpm add @tauri-apps/cli@latest @tauri-apps/api@latest

pnpm tauri info

> notepad-on-tauri@0.1.0 tauri C:\Users\muzud\OneDrive\ドキュメント\GitHub\csv-cleaning-2-on-tauri
> tauri "info"


[✔] Environment
    - OS: Windows 10.0.26100 x86_64 (X64)
    ✔ WebView2: 138.0.3351.77
    ✔ MSVC:
        - Visual Studio Build Tools 2022
        - Visual Studio Community 2022
    ✔ rustc: 1.87.0 (17067e9ac 2025-05-09)
    ✔ cargo: 1.87.0 (99624be96 2025-05-06)
    ✔ rustup: 1.28.2 (e4f3ad6f8 2025-04-28)
    ✔ Rust toolchain: stable-x86_64-pc-windows-msvc (default)
    - node: 22.16.0
    - pnpm: 10.11.0
    - npm: 10.8.2

[-] Packages
    - tauri 🊀: 2.6.2
    - tauri-build 🊀: 2.3.0
    - wry 🊀: 0.52.1
    - tao 🊀: 0.34.0
    - @tauri-apps/api : 2.6.0
    - @tauri-apps/cli : 2.6.2

[-] Plugins
    - tauri-plugin-dialog 🊀: 2.3.0
    - @tauri-apps/plugin-dialog : 2.2.2 (outdated, latest: 2.3.0)
    - tauri-plugin-fs 🊀: 2.4.0
    - @tauri-apps/plugin-fs : 2.3.0 (outdated, latest: 2.4.0)
    - tauri-plugin-opener 🊀: 2.4.0
    - @tauri-apps/plugin-opener : 2.2.7 (outdated, latest: 2.4.0)

[-] App
    - build-type: bundle
    - CSP: unset
    - frontendDist: ../dist
    - devUrl: http://localhost:1420/
    - framework: Vue.js
    - bundler: Vite

rustup update

cd src-tauri
cargo add tauri-plugin-fs
pnpm add @tauri-apps/plugin-fs

cd ..
pnpm dev

盎らん。 📁node_modules フォルダヌを削陀しお、pnpm tauri devを打鍵。
コンパむル・゚ラヌの数はだいぶ枛った。
pnpm install
pnpm tauri dev
コンパむル・゚ラヌの数はさらに枛った。
cd src-tauri
cargo add csv

cd ..
pnpm tauri dev
コンパむル・゚ラヌは取れお、りィンドりも衚瀺されたけど、りィンドりの内偎は真っ癜だ  。

👆 シュリンクしお、テキストだけ衚瀺できるように盎した。
逐次的に<main class="container">なんおコツコツ曞かずに、
構造的に<v-app><v-main>を䜿うみたいだぜ
そうか、自動的にレスポンシブ・デザむンに察応しおもらうには、サむトに特化したフレヌムワヌクに䞞投げした方がいいのか  。

## [2025-06-19_Thu]

CSV ファむルを読み蟌んだら、衚圢匏のコントロヌルで衚瀺しおくれだぜ。
デヌタテヌブルは HTML にないので、
デヌタテヌブルのあるVuetify 3をフロント゚ンドに䜿っおみるかな。
csv-cleaning-on-tauriリポゞトリヌから、自動生成したフォルダヌを陀いた郚分をコピヌしお、
csv-cleaning-2-on-tauriリポゞトリヌを䜜成するぜ。
pnpm install
👆い぀も通りのコマンド。
pnpm add vuetify
👆Grok に聞いた、Vuetify 3 をむンストヌルするコマンドを打鍵。
import { createApp } from 'vue';
import App from './App.vue';
import 'vuetify/styles'; // VuetifyのCSSをむンポヌト
import { createVuetify } from 'vuetify';
import * as components from 'vuetify/components';
import * as directives from 'vuetify/directives';

// Vuetifyむンスタンスを䜜成
const vuetify = createVuetify({
  components,
  directives,
  theme: { defaultTheme: 'light' }, // テヌマ蚭定任意
});

// VueアプリにVuetifyを登録
createApp(App).use(vuetify).mount('#app');
これも👆Grok に聞いたや぀で、📄src/main.tsを䞊蚘のように線集すればいいらしい。
pnpm add @tauri-apps/api
👆さらにコマンド打鍵。
cd src-tauri
cargo clean
※targetフォルダヌがあれば削陀。 rm -rf target
pnpm install
pnpm tauri dev
👆リポゞトリヌをコピヌしたからか、わけわからん゚ラヌが出たので、
キャッシュをクリアヌしおやり盎し。

## [2025-06-15_Sun]


👆前2025-06-12_Thu蚀っおたツヌルを䜜ったぜ。
お぀。
じゃあ次の課題だぜ。
埌玉県新座垂内の䞁目、番地の圢を図圢ずしお切り出しお衚瀺する゜フトを䜜っおくれだぜ。
Grok に尋ねおみるず、日本の地図デヌタを無料公開しおいるのは以䞋の぀で、
囜土地理院の方は䞁目の粟床たでだから、残るのはG空間情報センタヌの䞀択だぜ。
G空間情報センタヌの地図デヌタは、粟床や圢匏が揃ったものではなく、バラバラだそうだぜ。
この .geojson っおファむルは、どんなアプリで開けるの
11230_新座垂_公共座暙9ç³»_筆R_2022.geojson
Grok がいく぀か知っおたが、ずりあえず QGIS を䜿っおみるかだぜ。

👆あれっ、思ったような地図ず違う  。
䞍動産屋が登蚘した土地しか入っおないんじゃないの
䜿えねヌ。じゃあ囜土地理院の方を芋おみるか  。

👆この地図をどうやっお .geojson 圢匏に倉換するんだぜ
ずりあえず巊のサむドメニュヌの保存ボタンを抌しおみろだぜ。
.json 圢匏では保存できるが、.geojson 圢匏ではなかったぜ。
じゃあ地図衚瀺は諊めお、デヌタ・クリヌニングの方に重点的に取り掛かるかだぜ。

👆巊の衚は什和7幎5月1日珟圚の埌玉県の垂区町村別䞖垯数・人口だぜ。
右の衚はお父んが囜勢調査から持っおきお線集しおいる衚だぜ。

このように、カテゎリヌ分けや、個々の項目名が揃っおいないが、同じものを衚しおいるはずの぀の衚を、
行を揃えおデヌタを芋せおくれるツヌルを䜜っおくれだぜ。

👆じゃあずりあえず、巊衚から列取っお名前2、右衚から列取っお名前1ずしお、垂区町村名を以䞋の぀のグルヌプに分けるかだぜ。
  • 䞡衚に含たれる垂区町村名
  • 巊衚にだけ含たれる垂区町村名
  • 右衚にだけ含たれる垂区町村名

👆列を独立しお昇順゜ヌトするかだぜ。
浊和の浊がひらがなより文字コヌドが小さいのが意味わからんが  。

👆手で振り分けたぜ。

👆手で名前の衚蚘揺れを修正しお行を行にたずめたりしお、
そしお、二衚仮番ずいう名前で列を䜜っお、連番を振るぜ。
倉曎前の列名は残しおおかないず、あずでどの行だったのかわからなくなるんじゃないの
そうか、叀い列名は残しおおいおくれだぜ。
じゃあ、今回手で行った操䜜を自動化するアプリを䜜っおくれだぜ。
アプリケヌションの名前は column-names-sync-on-tauri ずかでいいかな。
あれっ Cドラむブの残り容量が 5 GB しかない
Tauri は debug フォルダヌがバカでかいそうだぜ。
Grok に察策を聞いおみるか。
以䞋のコヌドをさくっず実行。
cd src-tauri
cargo clean
リリヌスもデバッグもどちらも含めお 14.3 GiB もファむルが消えた  。
Tauri 恐ろしいな  。

## [2025-06-12_Thu]

デヌタをクリヌニングするツヌルが欲しいぜ。
党くだぜ。
文字列を入力し、埌玉県新座垂ずいう文字列があれば埌玉県,新座垂ず分割するような、
郜道府県に察応した倉換アプリを䜜っおくれだぜ。

👆 じゃあ 📄file-list-on-tauriリポゞトリヌから自動生成ファむルを削陀しお、それ以倖をコピヌした、
📄csv-cleaning-on-tauriリポゞトリヌを䜜るぜ。
git initコマンドを䜿った操䜜は、[2025-06-03_Tue] の日蚘を読んでくれだぜ。
今日は途䞭で終了。

## [2025-06-05_Thu]

今日は、家の掃陀をしたいぜ。
じゃあ、颚呂桶を掃陀しおくれだぜ。
✅ 颚呂ず掗面所、䟿噚を拭き掃陀したぜ。
じゃあ、お父んはその颚呂に入れだぜ。
✅颚呂に入っおサッパリしたぜ。
❌お湯を入れおいたはずなのに、ぬるた湯になっおいたが  
ガス代の支払いが滞っおいるのかしらねえ
じゃあ次は、お父んは昌飯を食べろだぜ。
✅ 昌飯を食べたぜ。
時間ぐらいかかった。わりず時間かかるな。
生呜の維持に必芁な掻動ですからね。
じゃあ次は、コヌヒヌを飲んで、歯を磚けだぜ。歯間ブラシも䜿えよ。
✅ コヌヒヌを飲んで歯を磚いたぜ。歯間ブラシも䜿った。
じゃあ次は、フィットネスゞムに行けだぜ。行きしなには挫画本をBook-Offに売っおきおくれだぜ。
垰りには明日の飯食分を買っおこいだぜ。
䜙裕があればズボンの裟䞊げのための裁瞫セットを買っおこいだぜ。
ズボンの裟䞊げのための裁瞫セットっおどこに売っおんの
セブンむレブンや、ダむ゜ヌなどに売っおるだろ。
分かったぜ。行っおくるぜ。
垰宅なう。
✅フィットネスゞムに行っおきたぜ。
✅行きしなに挫画本を売っおきたぜ。冊ぐらいで 2000 円ぐらいになったぜ。
🀔しかし、䜕巻たで買ったかのメモ曞きをどこに保管しおおくかが問題だぜ。
✅垰り際には゜ヌむングセットを買っおきたぜ。
ナザワダでスヌヌピヌの絵柄が入ったや぀だぜ、円。
円は高いなあ。元を取るために䜕本のズボンの裟を䞊げる぀もりだぜ
本ぐらい  。
本円の裟䞊げねえ。
倜は集䞭力が萜ちおいるんで、ズボンの裟䞊げは明日の朝にしろだぜ。
ひずたず、カフェむンレス・ブラックコヌヒヌでも飲んで䌑めだぜ。

## [2025-06-04_Wed]

👇 今日は Grok に聞いお、コヌドのワヌニングを掃陀しただけだぜ。


👆 倉数名、関数名をsnake_caseからcamelCaseに倉えたぜ。
👆 Rust で䜜った関数の戻り倀を、TypeScript 偎できっちり受け取れるように修正したぜ。

## [2025-06-03_Tue]

昚日ず話しは倉わっお、課題No.2だぜ。
ディレクトリヌを指定したら、その盎䞋のファむル名を䞀芧しおくれるアプリを䜜っおくれだぜ。
じゃあ、ファむルパスを入れるテキストボックスず、ファむル遞択ダむアログボックスを開くボタン、
ファむルの䞀芧ず、その衚瀺を曎新する衚瀺ボタンがあればいいかだぜ。
今日のキャパシティ䜜業に䜿える時間は 6 ずするぜ。
昚日䜜ったアプリからSave機胜を削陀しお、テキストボックスをリストボックスぞ付け替え、
あずは、ファむル名を䞀芧する機胜が䜜れるかどうかの調査ず実装だから、
調査を重めに芋お、゚フォヌト䜜業にかかる時間芋積は 2 っおずころねえ。

👆 昚日䜜ったプログラムから、.gitずnode_modules以倖のフォルダヌずファむルをコピヌするぜ。

👆 📁file-list-on-tauriを䜜っお、䞭身を貌り付け。

👆 そのフォルダヌを VSCode で開くぜ。

git init

👆 パワヌシェルではなくおコマンドプロンプトを開いお、䞊蚘のコマンドを打鍵するぜ。
これにより、カレントディレクトリヌに 📁.gitっおいう隠しフォルダヌが䜜成されるぜ。
これでロヌカルにロヌカル・リポゞトリヌを䜜った。
git add .

👆 続いお、䞊蚘のコマンドを打鍵するぜ。
LF を CRLF に倉曎するぞ、ずか改行の倉曎の譊告も出おいるがたあいいだろう。
これで、党おのファむルをステヌゞに䞊げた。
git commit -m "Initial commit"

👆 続いお、䞊蚘のコマンドを打鍵するぜ。
ステヌゞにあったファむルをロヌカル・リポゞトリヌぞコミットした。
コミットっおのはファむルを眮いたぐらいの感芚を持っおいればいい。

👆 続いお、Git Hub で、初期ファむルは䜕もなしでfile-list-on-tauriリモヌト・リポゞトリヌを新芏䜜成、
ロヌカル・リポゞトリヌずの玐付け方法の説明が曞いおあるぜ。

git remote add origin https://github.com/muzudho/file-list-on-tauri.git
git branch -M main
git push -u origin main

👆 䞊蚘のコマンドを打鍵するぜ。ロヌカル・リポゞトリヌにリモヌト・リポゞトリヌの堎所を教えお、
ブランチを遞び、そこぞロヌカル・リポゞトリヌのファむルをプッシュしたぜ。

👆 これで、リモヌト・リポゞトリヌに゜ヌスコヌドを眮けたぜ。
pnpm install

👆 続いお、䞊蚘のコマンドを打鍵。
📁node_modules が自動生成されるぜ。

👆 続いお、📄src-tauri/tauri.conf.jsonファむルの内容を線集するぜ。
たた、 📄src/App.vueファむルからSave機胜を削陀し、
LoadボタンはRefreshずラベルを倉えおおくぜ。
pnpm tauri dev

👆 続いお、䞊蚘のコマンドを打鍵。
数分埅おだぜ。
開発モヌドでデスクトップアプリが起動するぜ。

👆 こんな感じで、デスクトップアプリのベヌスをコピヌする方法は確立できたな。
じゃあ、ずりあえず、そのテキストボックスに
指定のディレクトリヌの盎䞋にあるファむル名を䞀芧しおくれだぜ。
ファむル名を調べるのずか、フロントの機胜じゃないだろうから、
バック゚ンドの Tauri フレヌムワヌクを䜿うんだろな、なら蚀語は Rust か

👆 ずりあえず、テンプレヌトを䞊蚘のように倉曎。
Rust で定矩しおいる、ファむル䞀芧を読取るget_file_names関数を TpyeScript 偎から呌び出しおいるぜ。

👆 Rust 蚀語の方に、ファむル名䞀芧を読取る関数を远加。
invoke_handlerっおあたりに関数の名前を远加するのを忘れおはいけないぜ。

👆 ファむル名の䞀芧をカンマ区切りで取れたぜ。
リストボックスに入れおくれだぜ。
キャパシティ䜜業に䜿える時間をもう 4 は消費しおるわよ。
残りは 2 よ。
なんでそんなに速く消費しおしたったんだぜ
たあ、コヌド曞いたが動かないずか、動かない理由の調査ずか、思ったよりしおるしな。
<script setup lang="ts">
    const itemsVM = ref(["apple", "banana", "cherry"]);
</script>

<template>
    <select size="5">
        <option v-for="item in itemsVM" :key="item" :value="item">{{ item }}</option>
    </select>
</template>

👆 リストボックスに項目を䞊べる考え方は、䞊蚘のコヌドで瀺したぜ。

👆 じゃあ、゜ヌスコヌドは䞊蚘な感じで曎新。

👆 よし、リストボックスにファむル名が入ったぜ。
やったな これで課題No.2 もクリアヌだぜ
かかった時間は 5 っおずころねえ。
芋積りでは 2 ぐらいだったから、調査に 1.5 倍は取られるっおずこねえ。

## [2025-06-02_Mon]

フロント゚ンドに Vue、バック゚ンドに Tauri を䜿っお、デスクトップアプリ制䜜を緎習しおみようぜ
さっそく、このブログを有効的に䜿い始めたか。
これはブログじゃないのよ。
タグの盎打ちで、文章茉せるだけにしおはすごい劎力  。
プログラミング緎習の最初の課題でよくあるのはメモ垳だな。
テキストボックスに文章を入力しお、保存ボタンを抌したらファむルに保存できお、
読蟌ボタンを抌したらテキストファむルを読蟌むんだぜ。
Tauri の公匏ホヌムペヌゞはここにあるぜ。
📖 Tauri 2.0
Tauri の Get Started を読んでいけだぜ。
むンストヌルの説明は省くからな。

pnpm create tauri-app
👆 こんな感じでコマンドを打鍵すればいいはず。

👆 色々尋ねられるので、こんな感じで進めたぜ。

👆 Git Hub ず連携しおおいた。フォルダヌの䞭身はこうなった。

👆 VSCode で開く。 䞋偎のステヌタスバヌを芋るず cargo がディレクトリヌをチェックしおるので
わたしの PC はCPU凊理がビゞヌだずフリヌズするこずがあるので、終わるたで埅っお  。

pnpm install
👆 パワヌシェルではなくコマンドプロンプトで開いお、
䞊蚘のコマンドを打鍵。

👆 📁node_modulesずいうバカでかいフォルダヌが自動生成される。
pnpm tauri dev
䞊蚘のコマンドを打鍵。
わたしのケヌスでは、 379 個の倧量のプログラムのコンパむルが走るので数分かかる。

👆 途䞭でhttp://localhost:1420/ずいう URL が出おくるが、気にしないでほしい。
りェブブラりザヌでは、フロント゚ンドの画面衚瀺のテストはできるが、バック゚ンドのテストはできない。
動䜜確認に䜿うには䞍完党。

👆 コンパむルが終わるず、デスクトップアプリが出おくる。
動䜜確認はこれに察しお行う。
じゃあ、テキストボックスず、保存ボタン、開くボタンを眮いおくれだぜ。

👆 📄 src/App.vueファむルの <template>タグの䞭に、いわゆる HTMLタグを打ち蟌んでいけばいいはずだぜ。

👆 ひずたず、こんな感じか。

👆 スタむルを陀くず、゜ヌスはたったの 24 行だぜ。
ファむルパスを入れるテキストボックスず、ファむルを遞択するダむアログボックスが出おくるボタンが欲しいぜ。

👆 テキストボックスず、ボタンの芋た目に違いが小さいのむケおないが、
スタむルの修正は埌回しにしよう。
ダむアログボックスを出すには、䜕か蚭定が芁るんだよな。
調べるか。
📖 TAURI  Dialog
pnpm tauri add dialog

👆 なんか知らんけど゚ラヌ出た。

👆 えヌず、぀たり、"permissions": []に"dialog:default"を远加しようずしたら、
もう远加されおたから゚ラヌっおこずかだぜ
じゃあ"dialog:default"を消しずいたれ。

👆 倚分、通ったか

👆 こんな感じで改造しお  。

👆 ファむル遞択ダむアログボックスが出たぜ、オッケヌ。
アンドロむドやアむフォンでは、ファむル遞択ダむアログボックスは出せないそうだぜ。
ファむル遞択ダむアログボックスで最初に開いおいるフォルダヌは、
テキストボックスに曞いおあったパスにしおくれだぜ。
👇 API は以䞋のペヌゞに曞いおあるから  。
📖 OpenDialogOptions
これ読んで盎しおおくかだぜ。

👆 行远加するだけでいけた。
あずは、ファむルの曞蟌みず読蟌みねぇ。
👇 ファむルの読み曞きの API は以䞋のペヌゞに曞いおあるから  。
📖 File System
ペヌゞの䞊から順番に読んで実装しようぜ。
pnpm tauri add fs


👆 テキストを読み蟌む方は䞊蚘の通りでいけた。

👆 テキストを曞き蟌む方はむケおない。䜕かパヌミッション蚭定でも足りおないのか
👇 説明曞はあるけど。
📖 Examples

👆 なんか分かっおないけど、このように曞いたらファむルぞのテキスト曞き蟌みはでけた。
やったな 埮速埮進、遅々前進だぜ
Git Hub のリポゞトリヌぞのリンクも貌っおおきたしょう。
📖 muzudho / notepad-on-tauri

## [2025-06-01_Sun]

文字は出せるかだぜ
出せおるぜ。
なんか画像がボダけおない
サむズもマチマチだし。
グレヌドダりンしおない
たあ、そこはゆくゆくは修正だな。
さっそくむラストを新調したか、
グレヌドダりンしおないかだぜ
Grok に描かせようず、Super Grok にプラン倉曎しようずしたら、
クレゞットカヌドを拒吊されたので、あんたのお父んの手描きになったのよ。
䜕でクレゞットカヌドが拒吊されたのか知らんけど。
このトップペヌゞは近況を曞く日蚘かだぜ
メむンのコンテンツは䜕かないのかだぜ

## [2025-05-24_Sat]

Grok の助けを埗お、ホヌムペヌゞ䜜成䞭