たくさんの自由帳

このサイトについて

投稿日 : | 0 日前

文字数(だいたい) : 2999

目次

JetpackComposeに似てるReactやってみたいなーって感じでNext.jsで書き直しています。正月休み短いってば

いやマジでJetpackComposeやんReact。CSSがダルい以外で差があんまりない。

@Composable
fun ExpandedText() {
    var isExpanded by remember { mutableStateOf(false) }

    Column {
        Text(text = "Hello")
        if (isExpanded) {
            Text(text = "World")
        }
        Button(
            onClick = { isExpanded = !isExpanded }
        ) { Text(text = "Open!") }
    }
}
const ExpandedText = () => {
    const [isExpanded, setExpanded] = useState(false)

    return (
        <>
            <p>Hello</p>
            {
                isExpanded && <p>World</p>
            }
            <Button onClick={()=> setExpanded(!isExpanded)}>
                Open!
            </Button>
        </>
    )
}

export default ExpandedText

このサイトについて

普段はAndroidの記事を書いています。
Next.jsの静的書き出し機能(SSG)を使ってこのサイトは出来ています。

前のブログ(Nuxt.js)のソースコード→

GitHub - takusan23/Ziyuutyou: 自作ブログ（Nuxt.js+nuxt/content+Vuetify）https://takusan.negitoro.dev/

自作ブログ（Nuxt.js+nuxt/content+Vuetify）https://takusan.negitoro.dev/ - takusan23/Ziyuutyou

https://github.com/takusan23/Ziyuutyou


前の前のブログ(Hexo)→

たくさんの備忘録

AndroidとKotlinでアプリつくる

https://takusan23.github.io/Bibouroku/index.html

プライバシーポリシー

Google Analyticsを置いてます。これは私がこのサイトを見てくれた人が何人いるか等を見たいために置きました。 Google Analyticsはデータの収集でCookieを利用しています。 データ収集は匿名で行われており、個人がわかるような値は収集していません。 Cookieを無効化することでGoogle Analyticsの収集を拒否することができます。 詳しくはここへ→ https://policies.google.com/technologies/partner-sites?hl=ja

利用している技術 / ライセンス

thx!!!