Flutterやアプリ開発をやるなら Dart → Flutter の順番で覚えるのが一番挫折しません。 ここでは「最短で理解する順番」と「環境構築」をまとめます。 ① Dartとは 特徴 ② 一番挫折しない学習順番 ③ Dart環境構築（Windows） 方法①（Flutter入れる人） 必要な…
Flutterでアプリを作るときに「カレンダー」「Todo」「メモ」「設定」みたいに複数の機能を入れる方法」は、基本的にアプリを画面（ページ）ごとに分けて管理します。 Flutterで複数機能を作る基本構成 画面を切り替えて複数機能を作る 機能ごとにパッケージ…
STUDIOの構造 実際にLPを配置する手順 ① 新規プロジェクト ② セクションを追加（これがワイヤーフレーム） ③ ファーストビュー作成 ④ 悩みセクション ⑤ サービス説明セクション ⑥ 料金セクション ⑦ CTA（最後） ワイヤーフレーム → STUDIOに配置する方法 使…
LPワイヤーフレーム基本構成 ワイヤーフレーム実例 ① ファーストビュー ② 悩みセクション ③ 解決 ④ サービス説明 ⑤ お客様の声 ⑥ 料金 ⑦ CTA（最後のボタン） ワイヤーフレームの作り方 方法① 紙に書く 方法② Figma ワイヤーフレームの考え方 LPワイヤーフレ…
① AIでLP構成を作る ② ワイヤーフレーム ③ デザイン制作（Figma） ④ Figma → 画像書き出し ⑤ STUDIOに反映 これはWeb制作の実務フローそのままなので、流れを理解すると一気にできるようになります。かなり重要なので、プロの流れで説明します。全体の流れ（…
プログラミング初心者が一気にレベルアップするゲームTOP5です。 （特に Unity + C# で作る場合） ① シューティングゲーム 一番最初に作るべきゲーム作る要素プレイヤー移動弾発射敵出現当たり判定スコア 学べること 変数if文当たり判定オブジェクト生成（In…
① Flutterの基礎構造を理解 Flutterアプリは基本この形です。 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( hom…
サブスク型アプリがどういう構造で作られているのかを、実際のプロダクト構成レベルで分解します。 ①サブスク型アプリの全体アーキテクチャ まず全体構造はこうなっています。スマホアプリ ↓ APIサーバー ↓ データベース ↓ サブスク管理 ↓ コンテンツ配信も…
① フォルダを作る ② VS Codeでフォルダを開く ③ 新しいファイルを作る ④HTML（サイトの骨組み） ⑤CSS（デザイン） ⑥ JavaScript（動き） ⑦ サイトを見る 使う技術HTMLCSSJavaScriptエディタVisual Studio Code ① フォルダを作る まず 作業フォルダを作ります…
① 拡張機能を開く ② 検索する ③ インストール ④ 再起動 もし日本語にならない場合 ① 拡張機能を開く 左のサイドバーの四角が4つのアイコン（Extensions） をクリック。 ② 検索する 検索バーにこれを入力Japaneseするとこれが出ますJapanese Language Pack fo…
① 縁取り（アウトライン） 手順 テキストを選択右のFXマークの「レイヤーエフェクト」をクリック「アウトライン」をON ポイント 半径、太さ：2〜10pxくらい色：白 or 黒が定番 ② ドロップシャドウ（影） 立体感が出る 手順 右のFXマークの「レイヤーエフェク…
左上のベクター、ピクセル、レイアウトのタグをレイアウトにする ① テキストツールを選ぶ 左のツールバーから「T」のアイコンをクリック種類は2つありますアーティスティックテキストツール（Tマーク） → 見出し・短い文字向けフレームテキストツール(四角の…
