2023-12-07

clapを使って、Subcommandをネストする

Rust

やりたいこと

こういう感じで、hoge <subcommand> <sub-subcommand>なCLIを作りたかった。

hoge fuga piyo

こうすれば行けた

clapのCookbookを読めば解決した。

docs.rs

最小構成はこうなった。

use clap::{Args, Parser, Subcommand};

#[derive(Parser, Debug)]
#[command(name = "hoge")]
struct Cli {
    #[command(subcommand)]
    command: HogeCommands,
}

#[derive(Debug, Subcommand)]
enum HogeCommands {
    Fuga(FugaArgs),
}

#[derive(Debug, Args)]
struct FugaArgs {
    #[command(subcommand)]
    command: FugaCommands,
}

#[derive(Debug, Subcommand)]
enum FugaCommands {
    Piyo,
}

fn main() {
    let args = Cli::parse();

    match args.command {
        HogeCommands::Fuga(fuga_args) => match fuga_args.command {
            FugaCommands::Piyo => {
                println!("piyo");
            }
        },
    }
}

helpコマンドを実行してみる

./target/debug/hoge
Usage: hoge <COMMAND>

Commands:
  fuga
  help  Print this message or the help of the given subcommand(s)

Options:
  -h, --help  Print help

./target/debug/hoge fuga
Usage: hoge fuga <COMMAND>

Commands:
  piyo
  help  Print this message or the help of the given subcommand(s)

Options:
  -h, --help  Print help

./target/debug/hoge fuga piyo --help
Usage: hoge fuga piyo

Options:
  -h, --help  Print help

2023-12-03

Learn Next.jsをやる - Chapter1 Getting Started

Next.js

やること

nextjs.org

プロジェクトの初期化

npx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"

Voltaで`node`と`npm`のバージョンを固定する

ローカルのNode.jsはVoltaでバージョン管理をしているので、volta pinを使ってNode.jsとNpmのバージョンを固定する。

volta pin node && volta pin npm

さよならESLint、さよならPrettier、こんにちはBiome

最近ESLintとPrettierを卒業してBiomeの傘下に下ったので、

ESLintとPrettierをアンインストール
代わりにBiomeをインストール

npm uninstall eslint eslint-config-next eslint-config-prettier prettier prettier-plugin-tailwindcss

npm install -D @biomejs/biome

そしてbiome.jsonを作る

npx biome init

具体的なbiome.jsonの設定はこれを使わせてもらう。

github.com

初期化後のディレクトリ構造を読む。

とりあえず、ビジネスロジックやらUIやら、アプリケーションに含まれるものは/appに入れればいいみたい。
画像とかの静的アセットは/publicに入れるらしい。
DBのシードとかは/scriptsに入れてる（これはこのプロジェクト限定かな？）

Placeholder data

DBのデータがまだ用意できてない時に、固定データを用意する話。

mockAPIというサービスが紹介されているが、他にはどんな手段あるんだろう？

TypeScript

まぁ...勉強する...

Running the development server

こういうのはプロジェクト初期化後に一度チェックしておかないと、ローカル環境がイカれてるのか自分の独自設定がイカれてるのかわからなくなるよね。

2023-12-02

Learn Next.jsをやる

React Next.js

## やること

nextjs.org

1章ずつメモりながらやる

2023-11-30

[Rust] Arc

Rust

勉強した内容

Arc

doc.rust-lang.org

スレッドセーフに使えるリファレンスカウンタ。
ヒープに確保したデータを、スレッド間で共有できる様になる。
std::sync::Arc::clone()でArcのインスタンスを作ると、カウントが1増える。
カウントがゼロになると、ヒープに格納したデータを破棄してメモリを解放する。
Arcを単独で使って共有できるのはあくまで不変参照なので、可変参照が必要ならMutexやRwLockやAtomicを使う。
Rcよりもメモリアクセスのコストがデカいので、あえてArcを使いたい意図がない場合はRcを使ったほうがいいらしい。

2023-08-18

[新人研修系]後で読みたい記事まとめ（随時更新）

これ何

Twitterやブラウザで自分がブックマークした記事のまとめ

企業が公開している新人研修系の記事が中心

やりたいこと

こうすれば行けた

helpコマンドを実行してみる

やること

プロジェクトの初期化

Voltaでnodeとnpmのバージョンを固定する

さよならESLint、さよならPrettier、こんにちはBiome

初期化後のディレクトリ構造を読む。

Placeholder data

TypeScript

Running the development server

勉強した内容

Arc

これ何

記事貼ってく

これ何

記事を貼っていく

General

React

Next.js

Vue.js

Bundler

Testing

Figma

Security

UI/UX

Caching

Performance

Accessibility

Design System

これ何

記事貼ってく

これ何

記事貼ってく

これ何

記事を貼っていく

これ何

記事貼ってく

General

PostgreSQL

SQLite

Redis

MySQL

Voltaで`node`と`npm`のバージョンを固定する