JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：タイマーアプリ（初級編）
2026-03-11
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Grid 3カラム
Grid 3カラムを理解すると「カード一覧・3分割レイアウト」が一気に楽になる3カラムレイアウトは、カード一覧、サービス紹介、ブログ一覧などでめちゃくちゃよく使います。Flexbox でも組めますが、...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Grid 2カラム
Grid 2カラムを理解すると「左右にきれいに分けるレイアウト」が一瞬で作れるCSS Grid の 2 カラムレイアウトは、「左に画像・右にテキスト」「左にラベル・右に入力欄」「2カラムのカード一覧」...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － gapプロパティ
gap を理解すると「要素間の余白管理」が一気にシンプルになるgap は、Flexbox や Grid で 「要素同士の間隔」だけをまとめて管理できるプロパティです。今まで margin-right ...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － flex-basis戦略
flex-basis を理解すると「初期幅の戦略」が一気に上手くなるflex-basis は Flexbox の中でも、「要素が最初にどれくらいの幅を取るか」を決めるプロパティです。flex-grow...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － flex-shrink制御
flex-shrink を理解すると「狭くなったときの振る舞い」をコントロールできるflex-shrink は、コンテナが狭くなったときに「どの要素をどれだけ縮めるか」を決めるプロパティです。flex...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 7日目
7日目のゴールとテーマ7日目のテーマは「名簿アプリを“ちょっと賢く”する：検索と並べ替え、そして入力ミスへの対応」です。6日目までで、Person クラス＋配列＋メニューで、かなりアプリらしい形になり...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 6日目
6日目のゴールとテーマ6日目のテーマは「Personクラスを“アプリっぽく”動かす：メニューで操作できる名簿アプリ」です。5日目で「Person という型」を作り、person.introductio...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 5日目
5日目のゴールとテーマ5日目のテーマは「ハッシュから一歩進んで、“自分の型（クラス）”を作る」です。4日目までは、1人分の情報をハッシュで表現していました。今日はそこから一歩進めて、「人」を表す Pe...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 4日目
4日目のゴールとテーマ4日目のテーマは「1人分の情報を“ひとまとまりのデータ”として扱う」です。3日目までは「自己紹介文＝ただの長い文字列」として扱っていました。今日はそこから一歩進めて、1人分の情報...