初心者

iOSアプリ

【初心者がiOSアプリ作成③】React NativeにCSSファイルが無い|スタイルをどこに書くのか、Tailwindは使えるのかを調べました

私は今までCSS、Tailwind CSSを勉強しました。Tailwind CSSの関連記事Tailwind v4の余白がわからない!mb-6の中身「calc(var(–spacing) * 6)」を調べた話Tailwindの色「–colo...
iOSアプリ

【初心者がiOSアプリ作成②】React Nativeのコードが読めない|HTMLのdivやpが何に変わるのかを対応表で整理しました

前回はReact Nativeの始め方についての記事を書きました。今回は実際にコードを書くところの記事です。React Nativeのコードを開いて、最初に思ったのは「読めない」でした。div も p も span も出てきません。clas...
iOSアプリ

【初心者がiOSアプリ作成①】React Native・Expo Goの準備|プロジェクト作成からコードを書き始めるまでの流れ

React Nativeでアプリを作ってみようと思いました。ところが、いざ始めようとしたらコードを書き始めるまでに何をすればいいのかが分からず、そこで止まってしまいました。プロジェクトを作るコマンドは調べれば出てきます。でも、そのあと何をn...
開発ブログ

AIが作ったコードの修正が大変だった話|個人開発でぶつかった3つのこと

AIにコードを書いてもらってアプリを個人開発する中で感じた、「あとから修正するのが大変」というリアルな話をまとめました。文字サイズ・ファイル名・色の名前でぶつかった点と、私がした工夫を初心者目線で正直に書いています。
開発ブログ

Tailwindの hover: や md: って何?状態プレフィックスのしくみを調べた

Tailwind CSSの「hover:」「focus:」「md:」といった状態プレフィックスのしくみを調べてまとめました。マウスを乗せたとき・画面幅ごとに見た目を変える書き方や、プレフィックスを重ねる順番、効かないときの原因を初心者目線で整理しています。
開発ブログ

Tailwind CSS|–color-〇〇 の「〇〇」がそのままクラス名になる

Tailwind CSSの「bg-accent」のような独自カラーがどこで決まっているのかをまとめました。index.cssの@themeに--color-で色を定義すると、bg-〇〇やtext-〇〇として使えるようになるしくみを、実際のコードで簡単に解説しています。