すべてのカテゴリ

# 【Web制作学習】自分用の「献立・レシピ管理アプリ」を作ることにしました今日は、以前から「あったら便利だな」と思っていた、**自分専用のレシピ・献立管理アプリ**について、必要な機能や画面構成を考えました。普段レシピを探すときは、CookpadやYouTube、料理サイトなど、いろいろなサービスを利用します。ただ、「この料理また作りたい！」「前に作ったレシピ、どこで見たんだっけ？」「今週の献立をまとめて決めたい」ということがよくあります。そこで、気に入ったレシピだけを自分用にまとめて、さらに**1週間の献立まで作成できるWebアプリ**を作ってみることにしました。---## 今回作りたいアプリ今回考えているのは、レシピそのものを掲載するサイトではなく、**お気に入りレシピを管理する＋1週間の献立を作成する**ための自分専用アプリです。CookpadやYouTubeなどの元レシピはURLを登録して、必要なときに元サイトへ移動できるようにします。まずは機能を増やしすぎず、Ver.1では、* レシピ一覧* レシピ追加* レシピ詳細* 今週の献立作成この4つを中心に作ることにしました。買い物リストなどもあると便利ですが、まずは基本機能が完成してから追加する予定です。---## レシピに登録する内容レシピを登録するときは、次の情報を保存できるようにします。### ・料理名「鶏の照り焼き」「麻婆豆腐」など、料理の名前を入力。### ・カテゴリー主菜、副菜、汁物、ご飯・麺などをプルダウンから選べるようにします。### ・元サイト名CookpadやYouTubeなど、どこで見つけたレシピな

MAMP（マンプ）とは、MacやWindows上にApache（ウェブサーバー）、MySQL（データベース）、PHP（プログラミング言語）をまとめて簡単にインストールできるローカル開発環境のパッケージのことです。名前の由来は以下の頭文字からきています。M：macOS（またはWindows）A：Apache（ウェブサーバー）M：MySQL（データベース）P：PHP（サーバーサイド言語）なぜMAMPを使うのか？ウェブサイトやWebアプリケーションを開発するとき、本番サーバーにいきなりファイルをアップロードして試すのは非効率ですし、エラーがあればリスクも大きくなります。そこで活躍するのがMAMPです。MAMPを使えば、自分のパソコン上に仮想のWebサーバーを立てることができ、インターネットに接続していなくてもPHPやデータベースを使ったWeb開発を行うことができます。主な機能と特徴簡単なインストール：MAMP公式サイトからダウンロードして、インストールするだけで環境が整います。WordPressも動く：WordPressの開発やカスタマイズ、テストにも最適です。ポート設定・バージョン切り替えも簡単：ApacheやMySQLのポート番号の変更、PHPのバージョン切り替えもGUIで操作できます。MAMPの基本的な使い方MAMPを起動し、「Start Servers」をクリックしてApacheとMySQLを起動htdocs フォルダにHTMLやPHPファイルを配置すれば、ローカルで動作確認が可能ですまとめMAMPは、PHPやMySQLを使ったWebサイトやアプリをローカルで開発・テストする