class ProductsController < ApplicationController
  # 商品一覧を表示するアクション
  def index
    @products = Product.all  # 全ての商品をデータベースから取得
  end

  # 個別の商品を表示するアクション
  def show
    @product = Product.find(params[:id])  # IDを使って特定の商品を取得
  end
end

class ProductsController < ApplicationController
  def index
    @products = Product.all  # 全商品を表示用に取得
  end

  def show
    @product = Product.find(params[:id])  # 指定された商品を取得
  end

  def new
    @product = Product.new  # 新しい空の商品オブジェクトを作成
  end
end

<h1>New product</h1>

<%= form_with model: @product do |form| %>
  <div>
    <%= form.label :name %>        <!-- 「商品名」というラベルを表示 -->
    <%= form.text_field :name %>   <!-- 商品名を入力するテキストボックス -->
  </div>

  <div>
    <%= form.submit %>             <!-- 「Create Product」ボタンを表示 -->
  </div>
<% end %>

def create
  # フォームから送られてきた安全なデータだけを使って新しい商品を作成
  @product = Product.new(product_params)
  
  if @product.save  # データベースに保存を試みる
    # 保存成功：商品詳細ページにリダイレクト
    redirect_to @product
  else
    # 保存失敗：エラーメッセージと一緒にフォームを再表示
    render :new, status: :unprocessable_entity
  end
end

private
  # セキュリティのため、許可されたパラメータのみを受け取る
  def product_params
    params.expect(product: [ :name ])  # 商品の名前のみ許可
  end

def index
  @products = Product.all  # 全商品を取得（一覧表示用）
end

def show
  @product = Product.find(params[:id])  # 特定の商品を取得（詳細表示用）
end

def edit
  @product = Product.find(params[:id])  # 編集したい商品を取得
end

def update
  @product = Product.find(params[:id])  # 更新したい商品を取得
  
  if @product.update(product_params)  # 新しいデータで更新を試みる
    # 更新成功：商品詳細ページにリダイレクト
    redirect_to @product
  else
    # 更新失敗：エラーメッセージと一緒に編集フォームを再表示
    render :edit, status: :unprocessable_entity
  end
end

class ProductsController < ApplicationController
  def show
    @product = Product.find(params[:id])  # ←同じコード
  end

  def edit
    @product = Product.find(params[:id])  # ←同じコード
  end

  def update
    @product = Product.find(params[:id])  # ←同じコード
    # 更新処理...
  end

  def destroy
    @product = Product.find(params[:id])  # ←同じコード
    # 削除処理...
  end
end

class ProductsController < ApplicationController
  # show, edit, update, destroyアクションの前に自動実行
  before_action :set_product, only: %i[ show edit update destroy ]

  def index
    @products = Product.all  # 全商品を取得
  end

  def show
    # @productは既にset_productで設定済み！
    # Product.find(params[:id])を書く必要がない
  end

  def new
    @product = Product.new  # 新しい商品オブジェクトを作成
  end

  def create
    @product = Product.new(product_params)  # フォームデータから商品を作成
    
    if @product.save  # 保存を試みる
      redirect_to @product  # 成功時は詳細ページへ
    else
      render :new, status: :unprocessable_entity  # 失敗時はフォーム再表示
    end
  end

  def edit
    # @productは既にset_productで設定済み！
    # Product.find(params[:id])を書く必要がない
  end

  def update
    # @productは既にset_productで設定済み！
    if @product.update(product_params)  # 更新を試みる
      redirect_to @product  # 成功時は詳細ページへ
    else
      render :edit, status: :unprocessable_entity  # 失敗時は編集フォーム再表示
    end
  end

  def destroy
    # @productは既にset_productで設定済み！
    @product.destroy           # データベースから削除
    redirect_to products_path  # 商品一覧ページにリダイレクト
  end

  private
    def set_product
      @product = Product.find(params[:id])  # IDから商品を検索
    end

    def product_params
      params.expect(product: [ :name ])  # 許可されたパラメータのみ取得
    end
end

<%= form_with model: product do |form| %>
  <div>
    <%= form.label :name %>        <!-- 商品名のラベル -->
    <%= form.text_field :name %>   <!-- 商品名の入力欄 -->
  </div>

  <div>
    <%= form.submit %>             <!-- 送信ボタン（自動でテキスト設定） -->
  </div>
<% end %>

<h1>New product</h1>

<%= render "form", product: @product %>  <!-- パーシャルを呼び出し -->
<%= link_to "Cancel", products_path %>   <!-- キャンセルリンク -->

<h1>Edit product</h1>

<%= render "form", product: @product %>  <!-- 同じパーシャルを使用 -->
<%= link_to "Cancel", @product %>        <!-- キャンセルリンク -->

def destroy
  @product.destroy           # 商品をデータベースから削除
  redirect_to products_path  # 商品一覧ページにリダイレクト
end

<h1><%= @product.name %></h1>

<%= link_to "Back", products_path %>           <!-- 戻るリンク -->
<%= link_to "Edit", edit_product_path(@product) %>  <!-- 編集リンク -->
<%= button_to "Delete", @product, method: :delete, 
              data: { turbo_confirm: "Are you sure?" } %>  <!-- 削除ボタン -->

class ProductsController < ApplicationController
  # 指定されたアクションの前に自動実行される準備メソッド
  before_action :set_product, only: %i[ show edit update destroy ]

  # C-R-U-D の R: 全商品を読み取り（一覧表示）
  def index
    @products = Product.all  # 全ての商品をデータベースから取得
  end

  # C-R-U-D の R: 特定商品を読み取り（詳細表示）
  def show
    # @productは既にset_productで設定済み
  end

  # C-R-U-D の C: 新規作成フォームを表示
  def new
    @product = Product.new  # 空の商品オブジェクトを作成
  end

  # C-R-U-D の C: 新しい商品を実際に作成・保存
  def create
    @product = Product.new(product_params)  # 安全なパラメータで商品作成
    
    if @product.save  # データベースへの保存を試みる
      redirect_to @product  # 成功：詳細ページへリダイレクト
    else
      # 失敗：エラーメッセージと共にフォーム再表示
      render :new, status: :unprocessable_entity
    end
  end

  # C-R-U-D の U: 編集フォームを表示
  def edit
    # @productは既にset_productで設定済み
  end

  # C-R-U-D の U: 商品を実際に更新
  def update
    if @product.update(product_params)  # 更新を試みる
      redirect_to @product  # 成功：詳細ページへリダイレクト
    else
      # 失敗：エラーメッセージと共に編集フォーム再表示
      render :edit, status: :unprocessable_entity
    end
  end

  # C-R-U-D の D: 商品を削除
  def destroy
    @product.destroy           # データベースから商品を削除
    redirect_to products_path  # 商品一覧ページへリダイレクト
  end

  private
    # 共通処理：IDから商品を検索して@productに設定
    def set_product
      @product = Product.find(params[:id])
    end

    # セキュリティ：許可されたパラメータのみを取得
    def product_params
      params.expect(product: [ :name ])  # 商品名のみ許可
    end
end

// これが「おにぎりを作る」レシピ（関数）
function makeOnigiri(ingredient) {
    return "美味しい" + ingredient + "おにぎり";
}

// レシピを使って実際に作ってみよう！
let myOnigiri = makeOnigiri("鮭");
console.log(myOnigiri); // "美味しい鮭おにぎり"

// 関数を作ってみよう
function sayHello(name) {
    return "こんにちは、" + name + "さん！";
}

// 関数もオブジェクトだから、プロパティを調べられる！
console.log(typeof sayHello); // "function"
console.log(sayHello.name);   // "sayHello" ← 関数の名前
console.log(sayHello.length); // 1 ← パラメータの数

// 関数にオリジナルのプロパティを追加！
sayHello.author = "OZくん";
sayHello.version = "1.0";

console.log(sayHello.author);  // "OZくん"
console.log(sayHello.version); // "1.0"

// 普通のオブジェクト
let normalObject = {
    name: "普通のオブジェクト"
};

// 関数オブジェクト
function specialObject() {
    return "私は呼び出せるオブジェクトです！";
}

// 普通のオブジェクトは呼び出せない
// normalObject(); // エラーになる！

// 関数オブジェクトは呼び出せる！
console.log(specialObject()); // "私は呼び出せるオブジェクトです！"

function introduce(greeting, punctuation) {
    return greeting + "、私は" + this.name + "です" + punctuation;
}

let person = { name: "OZくん" };

function introduce(greeting, punctuation) {
    return greeting + "、私は" + this.name + "です" + punctuation;
}

let person = { name: "OZくん" };

// call()を使って関数を実行
// call(誰のthisにするか, 第1引数, 第2引数, ...)
let message1 = introduce.call(person, "こんにちは", "！");
console.log(message1); // "こんにちは、私はOZくんです！"

// apply()を使って関数を実行（引数を配列で渡す）
// apply(誰のthisにするか, [引数1, 引数2, ...])
let message2 = introduce.apply(person, ["おはよう", "。"]);
console.log(message2); // "おはよう、私はOZくんです。"

let teacher = { name: "プロ太先生" };

// teacherをthisとして使う
let message3 = introduce.call(teacher, "こんばんは", "♪");
console.log(message3); // "こんばんは、私はプロ太先生です♪"

// call() → 引数をComma（カンマ）で分けて渡す
introduce.call(person, "こんにちは", "！");
//                    ↑カンマ    ↑カンマ

// apply() → 引数をArray（配列）で渡す  
introduce.apply(person, ["こんにちは", "！"]);
//                      ↑配列の中に全部入れる

function makeMessage(greeting, name, age, hobby, punctuation) {
    return greeting + "！私は" + name + "、" + age + "歳です。趣味は" + hobby + "です" + punctuation;
}

let studentInfo = ["こんにちは", "OZくん", 14, "プログラミング", "♪"];

// call()の場合：引数を一つずつカンマで分けて書く
let message1 = makeMessage.call(null, "こんにちは", "OZくん", 14, "プログラミング", "♪");

// apply()の場合：配列をそのまま渡せる！
let message2 = makeMessage.apply(null, studentInfo);

console.log(message1); 
console.log(message2); 
// どちらも同じ結果：「こんにちは！私はOZくん、14歳です。趣味はプログラミングです♪」

// 普通の関数の書き方
function add1(a, b) {
    return a + b;
}

// Functionコンストラクタを使った書き方
let add2 = new Function('a', 'b', 'return a + b');

// どちらも同じ動きをする！
console.log(add1(3, 4)); // 7
console.log(add2(3, 4)); // 7

// どちらもFunctionオブジェクト
console.log(typeof add1); // "function"
console.log(typeof add2); // "function"

// 1. 通常の関数宣言
function normalFunction() {
    return "普通の関数です";
}

// 2. 関数式（変数に関数を代入）
let functionExpression = function() {
    return "関数式です";
};

// 3. アロー関数（ES6から）
let arrowFunction = () => {
    return "アロー関数です";
};

// 4. 即座に実行される関数（IIFE）
let result = (function() {
    return "すぐに実行される関数です";
})();

console.log(normalFunction());      // "普通の関数です"
console.log(functionExpression());  // "関数式です"
console.log(arrowFunction());       // "アロー関数です"
console.log(result);               // "すぐに実行される関数です"

// 関数を配列に入れる
let calculators = [
    function(a, b) { return a + b; },  // 足し算
    function(a, b) { return a - b; },  // 引き算
    function(a, b) { return a * b; },  // 掛け算
];

// 配列から関数を取り出して実行
console.log(calculators[0](5, 3)); // 8 (足し算)
console.log(calculators[1](5, 3)); // 2 (引き算)
console.log(calculators[2](5, 3)); // 15 (掛け算)

// 関数を他の関数に渡す（コールバック関数）
function processNumbers(num1, num2, operation) {
    return operation(num1, num2);
}

let result1 = processNumbers(10, 5, calculators[0]); // 15
let result2 = processNumbers(10, 5, calculators[1]); // 5
console.log("足し算の結果:", result1);
console.log("引き算の結果:", result2);

// 関数は「呼び出せるオブジェクト」
function myFunction() {
    return "Hello!";
}

// オブジェクトとしての性質
console.log(myFunction.name);   // 名前を取得
myFunction.customProperty = "カスタムプロパティ"; // プロパティ追加

// 関数としての性質
console.log(myFunction()); // 実行して結果を取得