オタケ

TailwindCSS justify-between の使い方を場面別に解説。flex justify-between が効かない、垂直方向がズレるなどの悩みを持つ方へ、実例付きで紹介します。 はじ ...

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

この記事を書いた経緯 私の主な作業端末はWindowsです。当初は自分用にWindows（WSL）での環境構築手順を確立しました。 後日、後輩から「COBOL環境構築でつまずいた」と相談を受けました。 ...

私の体験談 私がCOBOLを学ぶことになったのは、業務系プロジェクトに参画したときでした。 そのシステムはCOBOLで動いていて、日々の会話の中で「DIVISION構造が〜」といった話が飛び交っていま ...

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 ...