オタケ

TailwindCSS 中央寄せの方法を場面別に解説。mx-auto、text-center、flex justify-centerの使い分けがわからない方へ、実例付きで紹介します。 はじめに Tai ...

COBOL 環境構築 で困っていませんか？ 書籍の手順通りにやってもエラーが出る そもそも情報が少なくて何を参考にすればいいか分からない 自分の環境（Mac / Windows）での手順が見つからない ...

COBOL 入門 を始めようとしている方へ。「業務でCOBOLが必要になったけど、何から始めればいいか分からない」——そんな悩みはありませんか？ 環境構築どうすればいいの？ 書籍の情報が古くて動かない ...

TailwindCSS gap space 違いを実例で解説。flex や grid で要素間の隙間を作るとき、どちらを使えばいいか迷いませんか？使い分けの基準を一緒に学びましょう。 要素の隙間、どう ...

こんなUI、見たことありませんか？ カードやリスト内で、長いテキストが ... で省略されているUI。 よく見かけますよね。 これ、どのクラスで実現するんでしょうか？ 今回は、このUIを実現するクラス ...

TailwindCSS flex grid 使い分けで悩んでいませんか？「flexとgrid、どっちを使えばいいの？」と迷った経験がある方も多いのではないでしょうか。 この記事では、私自身がflexと ...

TailwindCSS とは何か、気になっていませんか？「名前は聞いたことあるけど、普通のCSSと何が違うの？」という方も多いのではないでしょうか。 この記事では、TailwindCSSの特徴とメリッ ...

TailwindCSS 学習方法でお悩みですか？「使ってみたいけど、どう学べばいいかわからない」という方も多いのではないでしょうか。 この記事では、TailwindCSSの学習方法を3つ紹介します。私 ...

Reactでコンポーネントの階層が深くなると、「親から子へ、子から孫へ」とPropsをバケツリレーのように渡し続ける場面に出会います。これが Props drilling と呼ばれる厄介な問題です。u ...

React の useState と useEffect は、コンポーネントの状態管理と副作用処理を担う最も重要な Hook です。この記事では、実際にカウンターやタイマーを作りながら、これらの仕組み ...