• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 仕様について へ行く。
  • 1 (2024-12-06 (金) 15:03:51)
  • 2 (2024-12-06 (金) 16:14:13)

---

伊藤みらの/卒業研究の別記事です。


あたらしいレシピサイトをつくりたい！

構造について

• サイトマップ・ディレクトリ
• Javascriptは機能ごとに分け、個別に読み込ませています。
  
  
  
  

機能について

材料欄

• 増減アイコンを押すと１ずつ増減する(０が最低値)
• 材料の分量にもフォームがあり、全体の人数分を逆算できる
  テンプレート

   <!-- 材料名 --><div class="ingredient" data-unit="単位" data-base="初期値(num)">
                 <label for="piecesInput">材料名</label>
                 <input type="number" class="ingredient-input" name="en単位" value="初期値(num)" step="any">
                 <span class="unit">単位</span>
             </div> 

タイマー

• スタート、ストップ、リセットボタンがある
• カウントが0になると「時間が経ちました」のアラートが表示される
• リセットボタンを押すと「リセットしますか？」のダイアログボタンが表示される
  

進捗バー