家計簿システム開発PHP+MySQLで家計簿システム開発#7【収支データの編集】
前回は操作カラムの削除ボタンから、収支データを削除する機能を実装しました。今回は編集ボタンから収支データを編集できるように実装していきます。 前回の記事はこちら↓ 削除機能同様、まずは流れを確認します。 ①データidを渡し編集ページに移動②...
家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#6【収支データの削除】
一部の画像や動画でUIが異なりますが、CSS修正の有無によるものでプログラム部分には影響はありません。 前回、収支データを出力することができました。今回はその収支データの削除を画面からできるように実装していきます。 前回の記事はこちら↓ 収...
家計簿システム開発PHP+MySQLで家計簿システム開発#5【収支データを画面に出力】
一部の画像や動画に異なるUIがありますが、CSS修正の有無によるものでプログラム部分には影響はありません。 今回はrecordsテーブルに格納している収支データを画面に出力していきます。前回の記事はこちら↓ 今回は「SQLの発行」と「呼び出...
家計簿システム開発PHP+MySQLで家計簿システム開発#4【カテゴリーや選択項目の編集画面】
一部の画像や動画に異なるUIがありますが、CSS修正の有無によるものでプログラム部分には影響はありません。 前回はDBに登録しているカテゴリーや選択項目を画面と連携させました。今回は画面からカテゴリーや選択項目を編集できる遷移先のページを作...
家計簿システム開発PHP+MySQLで家計簿システム開発#3【カテゴリーや選択項目をDBと連携】
一部の画像や動画に異なるUIがありますが、CSS修正の有無によるものでプログラム部分には影響はありません。 前回は登録ボタンを押したらデータがDBに記録できるように実装しました。今回は、カテゴリーや選択項目をDBと連携します。前回の記事はこ...
家計簿システム開発PHP+MySQLで家計簿システム開発#2【DB構築＆登録】
一部の画像や動画に異なるUIがありますが、CSS修正の有無によるものでプログラム部分には影響はありません。 前回に引き続き、家計簿システム開発していきます。今回は家計簿データを記録するデータベースを構築し、実際にデータを画面から登録できるよ...
家計簿システム開発PHP+MySQLで家計簿システム開発#1【静的コーディング】
MAMP環境でPHPとMySQLでデータベースを作成して、家計簿システムを開発していきます。今記事ではまず家計簿のデータ登録と出力の画面を、HTML+CSS＋JavaScriptで静的コーディングしていきます。
フロントエンド学習記録JavaScriptでToDoリストを作ってみた ローカルストレージ編【第11話】
JavaScriptで作成したToDoリストにローカルストレージを導入していきます。タスクの登録・完了・削除ができるようになっていますが、リロード（再読み込み）すると全て消えてしまいます。そこで今回はローカルストレージを導入して、再読み込みをしても消えないように実装していきます。
フロントエンド学習記録MacにReactの環境を構築 ESLint&Prettier導入編【第10話】
Reactでの開発をより効率的にするために、ESLintとPrettierというものを導入していきます。ESLintとは、使ってない変数やカッコ忘れ、セミコロン忘れなどのチェックを行ってくれるツール。Prettierとは、Node.js上で動作するコードフォーマッターのこと。
フロントエンド学習記録MacにReactの環境を構築 インストール編【第9話】
Reactの環境構築を簡単３ステップでご紹介！Node.jsのインストール、yarnのインストールが完了したら「npx create-react-app」でReactプロジェクトが作成できるようになります。