オタケ

IT歴20年超の現役SE / 制御系・組み込み系出身 / WEB系スキルチェンジ中 React・TailwindCSSを学習しながら、その過程をブログとNote講座で発信しています。 趣味は腸活。

TailwindCSS justify-between テクニック三選 アイキャッチ画像

dev TailwindCSS

TailwindCSS justify-between テクニック三選|場面別の使い分けを解説

2026/4/22  

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

TailwindCSS 中央寄せ テクニック三選 アイキャッチ画像

dev TailwindCSS

TailwindCSS 中央寄せ テクニック三選|場面別の使い分けを解説

2026/4/22  

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

COBOL環境構築 Mac・Windows で開発環境を作る手順

dev COBOL

COBOL 環境構築|Mac・Windows で開発環境を作る手順

2026/5/1  

COBOL 環境構築 で困っていませんか? 私も同じ経験をしました。この記事では、私が実際に構築した手順を公開します。 この記事を書いた経緯 私の主な作業端末はWindowsです。当初は自分用にWin ...

COBOL入門 未経験から始める学習方法と環境構築のポイント

dev COBOL

COBOL 入門|未経験から始める学習方法と環境構築のポイント

2026/5/1  

COBOL 入門 を始めようとしている方へ。「業務でCOBOLが必要になったけど、何から始めればいいか分からない」——そんな悩みはありませんか? 私も同じ経験をしました。この記事では、私がCOBOLを ...

TailwindCSS gap と space の違いを解説するアイキャッチ画像

dev TailwindCSS

TailwindCSS gap space 違い|どっちを使う?使い分けを解説

2026/4/22  

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

TailwindCSS truncate テキスト省略を1クラスで実現 アイキャッチ画像

dev TailwindCSS

TailwindCSSのtruncateとは?テキスト省略を1クラスで実現する方法

2026/4/22  

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

TailwindCSSのflexとgrid、どっちを使う? アイキャッチ

dev TailwindCSS

TailwindCSS flex grid 使い分け|どっちを使う?迷った私が辿り着いた答え【体験談】

2026/5/1  

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

TailwindCSS とは?特徴とメリットを解説 アイキャッチ

dev TailwindCSS

TailwindCSS とは?特徴とメリットを初心者向けに解説【体験談あり】

2026/4/22  

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

TailwindCSSの学習方法おすすめ3選 アイキャッチ

dev TailwindCSS

TailwindCSSの学習方法おすすめ3選【初心者向け】

2026/4/22  

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

React useContext Props drillingを解消する状態共有の仕組みをハンズオンで学ぶ記事のアイキャッチ画像

dev React

React useContextで学ぶ状態共有 — Props drillingからの脱却

2026/2/11  

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