{"id":8890,"date":"2021-04-12T07:00:48","date_gmt":"2021-04-11T22:00:48","guid":{"rendered":"https:\/\/blog.capilano-fw.com\/?p=8890"},"modified":"2021-03-31T19:31:53","modified_gmt":"2021-03-31T10:31:53","slug":"laravel-amazon-rekognition%e3%81%a7%e4%b8%8d%e9%81%a9%e5%88%87%e3%81%aa%e7%94%bb%e5%83%8f%e3%82%92%e6%a4%9c%e5%87%ba%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/blog.capilano-fw.com\/?p=8890","title":{"rendered":"Laravel + Amazon Rekognition\u3067\u4e0d\u9069\u5207\u306a\u753b\u50cf\u3092\u691c\u51fa\u3059\u308b"},"content":{"rendered":"

\u3055\u3066\u3055\u3066\u3001\u524d\u56de\u306b\u5f15\u304d\u7d9a\u304dAWS<\/code>\u306e\u30b5\u30fc\u30d3\u30b9\u3092\u3044\u308d\u3044\u308d\u3068\u8a66\u3057\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u4eca\u56de\u306f\u305d\u306e\u6614\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3055\u3093\u3078\u300c\u5b8c\u5168\u306b\u306f\u96e3\u3057\u3044\u3067\u3059\u306d…\ud83d\udca6<\/strong>\u300d\u3068\u56de\u7b54\u3057\u305f\u3053\u3068\u304c\u3042\u308b\u5185\u5bb9\u3092\u8a66\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n

\u305d\u308c\u306f\u30fb\u30fb\u30fb\u30fb\u30fb\u30fb<\/p>\n

\u30cc\u30fc\u30c9\u3084\u66b4\u529b\u306a\u3069\u306e\u4e0d\u9069\u5207\u306a\u753b\u50cf\u306e\u81ea\u52d5\u691c\u51fa<\/strong><\/p>\n

\u3067\u3059\u3002<\/p>\n

\u305d\u306e\u6614\u3001AI\u3084\u6a5f\u68b0\u5b66\u7fd2\u304c\u305d\u308c\u307b\u3069\u767a\u5c55\u3057\u3066\u3044\u306a\u304b\u3063\u305f\u306e\u3067\u3001\u4e0d\u9069\u5207\u306a\u753b\u50cf\u3092\u691c\u51fa\u3059\u308b\u306e\u306f\u81f3\u96e3\u306e\u696d\u3067\u3057\u305f\u304c\u3001\u73fe\u5728\u306fAWS<\/code>\u3092\u4f7f\u3046\u3053\u3068\u3067\u9ad8\u3044\u7cbe\u5ea6\u3067\u691c\u51fa\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n

\u305d\u3053\u3067\u2757<\/p>\n

\u4eca\u56de\u306fLaravel<\/code>\u3092\u4f7f\u3063\u3066\u300c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3055\u308c\u308b\u524d\u306b\u30a2\u30c0\u30eb\u30c8\u753b\u50cf\u3092\u62d2\u5426\u3059\u308b<\/strong>\u300d\u3068\u3044\u3046\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n

\u305c\u3072\u3001\u30b5\u30a4\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8cea\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u304a\u5f79\u306b\u7acb\u3066\u307e\u3057\u305f\u3089\u5b09\u3057\u3044\u3067\u3059\ud83d\ude0a\u2728<\/p>\n

\"\"\u300cAmazon Rekognition<\/code>\u3063\u3066\u3001
\n\u308f\u3056\u3068 k \u3092\u3064\u304b\u3063\u3066\u308b\u3093\u3067\u3059\u306d\uff01\u300d<\/p>\n

\u958b\u767a\u74b0\u5883\uff1a<\/strong> Laravel 8.x\u3001Amazon Rekognition<\/p>\n

AWS\u306e\u6e96\u5099\u3092\u3059\u308b<\/h1>\n

\u30a2\u30af\u30bb\u30b9\u60c5\u5831\uff08IAM\uff09\u3092\u53d6\u5f97\u3059\u308b<\/h2>\n

\u3067\u306f\u3001\u307e\u305aLaravel<\/code>\u304b\u3089AWS<\/code>\u3078\u63a5\u7d9a\u3059\u308b\u305f\u3081\u306e\u30a2\u30af\u30bb\u30b9\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n

\u753b\u9762\u4e0a\u90e8\u306b\u3042\u308b\u691c\u7d22\u30dc\u30c3\u30af\u30b9\u306b\u300ciam<\/strong>\u300d\u3068\u5165\u529b\u3059\u308b\u3068\u300cIAM<\/strong>\u300d\u30b5\u30fc\u30d3\u30b9\u304c\u8868\u793a\u3055\u308c\u308b\u306e\u3067\u3053\u308c\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n

\"\"<\/p>\n

\u6b21\u306b\u30da\u30fc\u30b8\u5de6\u5074\u30e1\u30cb\u30e5\u30fc\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u300c\u30e6\u30fc\u30b6\u30fc<\/strong>\u300d\u3092\u30af\u30ea\u30c3\u30af<\/p>\n

\"\"<\/p>\n

\u30da\u30fc\u30b8\u79fb\u52d5\u5f8c\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u3092\u8ffd\u52a0<\/strong>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3002<\/p>\n

\"\"<\/p>\n

\u8a73\u7d30\u3092\u5165\u529b\u3059\u308b\u753b\u9762\u306b\u306a\u308b\u306e\u3067\u3001\u307e\u305a\u30e6\u30fc\u30b6\u30fc\u540d\u3092\u304a\u597d\u307f\u3067\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n

\"\"<\/p>\n

\u307e\u305f\u3001\u4eca\u56de\u306fLaravel<\/code>\u304b\u3089\u306e\u30a2\u30af\u30bb\u30b9\u3067\u3059\u306e\u3067\u3001\u300c\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u3088\u308b\u30a2\u30af\u30bb\u30b9<\/strong>\u300d\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u307e\u3059\u3002<\/p>\n

\"\"<\/p>\n

\u305d\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3002<\/p>\n

\"\"<\/p>\n

\u3059\u308b\u3068\u30b0\u30eb\u30fc\u30d7\u4f5c\u6210\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u8868\u793a\u3055\u308c\u308b\u306e\u3067\u300c\u30b0\u30eb\u30fc\u30d7\u306e\u4f5c\u6210<\/strong>\u300d\u3092\u30af\u30ea\u30c3\u30af\u3002<\/p>\n

\"\"<\/p>\n

\u4eca\u56de\u306fAmazon Rekognition<\/code>\u3092\u4f7f\u3046\u306e\u3067\u3001\u30b0\u30eb\u30fc\u30d7\u540d\u306e\u691c\u7d22\u30dc\u30c3\u30af\u30b9\u306b\u300crekognition<\/strong>\u300d\u3068\u5165\u529b\u3057\u3066\u691c\u7d22\u3002<\/p>\n

\u3059\u308b\u3068\u3001\u300cAccess to all Amazon Rekognition<\/strong>\u300d\u3068\u3044\u3046\u9805\u76ee\u304c\u8868\u793a\u3055\u308c\u308b\u306e\u3067\u3053\u308c\u306b\u30c1\u30a7\u30c3\u30af\u3092\u3044\u308c\u307e\u3059\u3002<\/p>\n

\"\"<\/p>\n

\u305d\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3002<\/p>\n

\"\"<\/p>\n

\u6700\u5f8c\u306b\u300c\u30e6\u30fc\u30b6\u30fc\u306e\u4f5c\u6210<\/strong>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n

\"\"<\/p>\n

\u8868\u793a\u304c\u5207\u308a\u66ff\u308f\u308a\u3001\u65b0\u898f\u30e6\u30fc\u30b6\u30fc\u304c\u8868\u793a\u3055\u308c\u308b\u306e\u3067\u3001\u3053\u3053\u306e\u300c\u30a2\u30af\u30bb\u30b9\u30ad\u30fc<\/strong>\u300d\u3068\u300c\u30b7\u30fc\u30af\u30ec\u30c3\u30c8\u30a2\u30af\u30bb\u30b9\u30ad\u30fc<\/strong>\u300d\u3092\u53d6\u5f97\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n

\"\"<\/p>\n

\uff12\u3064\u306e\u30ad\u30fc\u3092\u53d6\u5f97\u3057\u305f\u3089\u3001.env<\/code>\u306b\u767b\u9332\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n

.env<\/strong><\/p>\n

AWS_ACCESS_KEY_ID=\"\uff08\u3053\u3053\u306b\u30a2\u30af\u30bb\u30b9\u30ad\u30fc ID\uff09\"<\/strong>\r\nAWS_SECRET_ACCESS_KEY=\"\uff08\u3053\u3053\u306b\u30b7\u30fc\u30af\u30ec\u30c3\u30c8\u30a2\u30af\u30bb\u30b9\u30ad\u30fc\uff09\"<\/strong>\r\nAWS_DEFAULT_REGION=ap-northeast-1<\/strong><\/pre>\n
\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/h1>\n
\u307e\u305aAWS<\/code>\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n
composer require aws\/aws-sdk-php<\/strong><\/pre>\n
\u307e\u305f\u3001\u4eca\u56de\u306f\u753b\u50cf\u306e\u64cd\u4f5c\u3082\u3059\u308b\u306e\u3067intervention<\/code>\u3082\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n
composer require intervention\/image<\/strong><\/pre>\n
\u72ec\u81ea\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u304f\u308b<\/h1>\n
\u3067\u306f\u3001\u5148\u306b\u4eca\u56de\u30e1\u30a4\u30f3\u306b\u306a\u308b\u300c\u4e0d\u9069\u5207\u306a\u753b\u50cf\u3092\u62d2\u5426\u3059\u308b<\/strong>\u300d\u72ec\u81ea\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u304f\u308a\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
php artisan make:rule SafeImage<\/strong><\/pre>\n
\u3059\u308b\u3068\u3001\u30d5\u30a1\u30a4\u30eb\u304c\u4f5c\u6210\u3055\u308c\u308b\u306e\u3067\u4e2d\u8eab\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n
app\/Rules\/SafeImage.php<\/strong><\/p>\n
<?php\r\n\r\nnamespace App\\Rules;\r\n\r\nuse Aws\\Rekognition\\RekognitionClient;\r\nuse Illuminate\\Contracts\\Validation\\Rule;\r\n\r\nclass SafeImage implements Rule\r\n{\r\n    private $client, $unsafe_labels, $confidence;<\/strong>\r\n\r\n    \/**<\/strong>\r\n     * Create a new rule instance.<\/strong>\r\n     *<\/strong>\r\n     * @return void<\/strong>\r\n     *\/<\/strong>\r\n    public function __construct($unsafe_labels = ['Explicit Nudity'], $confidence = 50)<\/strong>\r\n    {<\/strong>\r\n        $this->client = new RekognitionClient([<\/strong>\r\n            'version' => 'latest',<\/strong>\r\n            'region' => 'ap-northeast-1'<\/strong>\r\n        ]);<\/strong>\r\n        $this->unsafe_labels = $unsafe_labels; \/\/ \u3053\u306e\u6570\u5024\u4ee5\u4e0a\u306a\u3089\u4e0d\u9069\u5207\u3068\u3057\u3066\u51e6\u7406<\/strong>\r\n        $this->confidence = $confidence;<\/strong>\r\n    }<\/strong>\r\n\r\n    \/**<\/strong>\r\n     * Determine if the validation rule passes.<\/strong>\r\n     *<\/strong>\r\n     * @param  string  $attribute<\/strong>\r\n     * @param  mixed  $value<\/strong>\r\n     * @return bool<\/strong>\r\n     *\/<\/strong>\r\n    public function passes($attribute, $file)<\/strong>\r\n    {<\/strong>\r\n        $image_path = $file->getPathName();<\/strong>\r\n\r\n        \/\/ \u753b\u50cf\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3044\u3068\u9001\u4fe1\u30c7\u30fc\u30bf\u304c\u5927\u304d\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u6700\u5927\u6a2a\u5e45 500px \u3078\u30ea\u30b5\u30a4\u30ba<\/strong>\r\n        $image = \\Image::make($image_path);<\/strong>\r\n        $image->resize(500, null, function ($constraint) {<\/strong>\r\n\r\n            $constraint->aspectRatio();<\/strong>\r\n            $constraint->upsize();<\/strong>\r\n\r\n        });<\/strong>\r\n        $bytes = $image->encode('png');<\/strong>\r\n\r\n        $result = $this->client<\/strong>\r\n            ->detectModerationLabels([<\/strong>\r\n                'Image' => ['Bytes' => $bytes],<\/strong>\r\n                'MinConfidence' => $this->confidence<\/strong>\r\n            ]);<\/strong>\r\n        $moderation_labels = $result['ModerationLabels'];<\/strong>\r\n\r\n        foreach ($moderation_labels as $moderation_label) {<\/strong>\r\n\r\n            if($this->hasUnsafeLabel($moderation_label)) {<\/strong>\r\n\r\n                return false;<\/strong>\r\n\r\n            }<\/strong>\r\n\r\n        }<\/strong>\r\n\r\n        return true;<\/strong>\r\n\r\n    }<\/strong>\r\n\r\n    \/**<\/strong>\r\n     * Get the validation error message.<\/strong>\r\n     *<\/strong>\r\n     * @return string<\/strong>\r\n     *\/<\/strong>\r\n    public function message()<\/strong>\r\n    {<\/strong>\r\n        return '\u3053\u306e\u753b\u50cf\u306fAI\u306b\u3088\u308a\u4e0d\u9069\u5207\u306a\u753b\u50cf\u3068\u5224\u65ad\u3055\u308c\u307e\u3057\u305f\u3002';<\/strong>\r\n    }<\/strong>\r\n\r\n    private function hasUnsafeLabel($moderation_label) {<\/strong>\r\n\r\n        $moderation_label_name = $moderation_label['Name'];<\/strong>\r\n        $moderation_label_parent_name = $moderation_label['ParentName'];<\/strong>\r\n\r\n        return (<\/strong>\r\n            in_array($moderation_label_name, $this->unsafe_labels) ||<\/strong>\r\n            in_array($moderation_label_parent_name, $this->unsafe_labels)<\/strong>\r\n        );<\/strong>\r\n\r\n    }<\/strong>\r\n}<\/pre>\n
\u3053\u306e\u4e2d\u3067\u3084\u3063\u3066\u3044\u308b\u306e\u306f\u4ee5\u4e0b\uff13\u3064\u3067\u3059\u3002<\/p>\n
    \n
  1. \u9001\u4fe1\u3055\u308c\u3066\u304d\u305f\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3092\u5909\u66f4<\/li>\n
  2. Amazon Rekognition \u306b\u305d\u306e\u753b\u50cf\u3092\u9001\u4fe1<\/li>\n
  3. \u8a3a\u65ad\u7d50\u679c\u304c\u8fd4\u3063\u3066\u304f\u308b\u306e\u3067\u3001\u305d\u306e\u5185\u5bb9\u306b\u3088\u3063\u3066\uff5b\u8a31\u53ef\uff0f\u62d2\u5426\uff5d\u3092\u5224\u5225\u3059\u308b<\/li>\n<\/ol>\n
    \u306a\u304a\u3001\u4f7f\u3044\u65b9\u3068\u3057\u3066\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
    $unsafe_labels = [ \/\/ \u62d2\u5426\u3059\u308b\u300c\u30e9\u30d9\u30eb\u300d\u3092\u6307\u5b9a<\/strong>\r\n    'Explicit Nudity' \/\/ \u660e\u3089\u304b\u306a\u30cc\u30fc\u30c9\u306e\u5834\u5408<\/strong>\r\n];<\/strong>\r\n$confidence = 50; \/\/ \u3053\u306e\u6570\u5024\u4ee5\u4e0a\u306e\u300c\u78ba\u5b9f\u6027\u300d\u306a\u3089\u4e0d\u9069\u5207\u3068\u3057\u3066\u51e6\u7406 min: 0, max: 100<\/strong>\r\n\r\n$request->validate([\r\n    'image' => [\r\n\r\n        \/\/ \u7701\u7565\r\n\r\n        new SafeImage($unsafe_labels, $confidence)<\/strong>\r\n    ]\r\n]);<\/pre>\n
    \u306a\u304a\u3001\u62d2\u5426\u3067\u304d\u308b\u30e9\u30d9\u30eb\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\uff08\u4eca\u56de\u306e\u5b9f\u88c5\u3067\u306f\u3001Top-Level Category<\/code>\u3001Second-Level Category<\/code>\u3069\u3061\u3089\u306e\u30e9\u30d9\u30eb\u3082\u4f7f\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\uff09<\/p>\n
    \ud83d\udcdd \u53c2\u8003URL\uff1a<\/strong> Using the image and video moderation APIs<\/a><\/p>\n
    \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u3064\u304f\u308b<\/h1>\n
    \u3067\u306f\u3001\u3053\u3053\u304b\u3089\u306f\u30c6\u30b9\u30c8\u7528\u306b\u753b\u50cf\u306e\u9001\u4fe1\u30d5\u30a9\u30fc\u30e0\u3092\u3064\u304f\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n
    \u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
    php artisan make:controller ImageUploadController<\/strong><\/pre>\n
    \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304c\u4f5c\u6210\u3055\u308c\u308b\u306e\u3067\u3001\u4e2d\u8eab\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n
    app\/Http\/Controllers\/ImageUploadController.php<\/strong><\/p>\n
    <?php\r\n\r\nnamespace App\\Http\\Controllers;\r\n\r\nuse App\\Rules\\SafeImage;\r\nuse Illuminate\\Http\\Request;\r\n\r\nclass ImageUploadController extends Controller\r\n{\r\n    public function create() {<\/strong>\r\n\r\n        return view('image_upload.create');<\/strong>\r\n\r\n    }<\/strong>\r\n\r\n    public function store(Request $request) {<\/strong>\r\n\r\n        $unsafe_labels = [ \/\/ \u62d2\u5426\u3059\u308b\u300c\u30e9\u30d9\u30eb\u300d\u3092\u6307\u5b9a<\/strong>\r\n            'Explicit Nudity' \/\/ \u660e\u3089\u304b\u306a\u30cc\u30fc\u30c9\u306e\u5834\u5408<\/strong>\r\n        ];<\/strong>\r\n        $confidence = 50; \/\/ \u3053\u306e\u6570\u5024\u4ee5\u4e0a\u306e\u300c\u78ba\u5b9f\u6027\u300d\u306a\u3089\u4e0d\u9069\u5207\u3068\u3057\u3066\u51e6\u7406 min: 0, max: 100<\/strong>\r\n\r\n        $request->validate([<\/strong>\r\n            'image' => [<\/strong>\r\n                'required',<\/strong>\r\n                'image',<\/strong>\r\n                'max:5000', \/\/ \u6700\u5927 5MB \u307e\u3067<\/strong>\r\n                'mimetypes:image\/jpeg,image\/png',<\/strong>\r\n                new SafeImage($unsafe_labels, $confidence)<\/strong>\r\n            ]<\/strong>\r\n        ]);<\/strong>\r\n\r\n    }<\/strong>\r\n}<\/pre>\n
    \u30d3\u30e5\u30fc\u3092\u3064\u304f\u308b<\/h1>\n
    \u7d9a\u3044\u3066\u5148\u307b\u3069\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u6307\u5b9a\u3057\u305f\u30d3\u30e5\u30fc\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n
    resources\/views\/image_upload\/create.blade.php<\/strong><\/p>\n
    <html><\/strong>\r\n<head><\/strong>\r\n    <link href=\"https:\/\/unpkg.com\/tailwindcss@^2\/dist\/tailwind.min.css\" rel=\"stylesheet\"><\/strong>\r\n<\/head><\/strong>\r\n<body><\/strong>\r\n    <div class=\"p-4\"><\/strong>\r\n        <h1 class=\"text-xl mb-5\">\u4e0d\u9069\u5207\u306a\u753b\u50cf\u3092\u691c\u51fa\u3059\u308b\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u5b9f\u88c5<\/h1><\/strong>\r\n        <form method=\"post\" action=\"{{ route('image_upload.store') }}\" enctype=\"multipart\/form-data\"><\/strong>\r\n            @csrf<\/strong>\r\n            <div class=\"pb-3\"><\/strong>\r\n                <input type=\"file\" name=\"image\" accept=\"image\/jpeg,image\/png\"><\/strong>\r\n            <\/div><\/strong>\r\n            @error('image')<\/strong>\r\n            <div class=\"bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-3\" role=\"alert\"><\/strong>\r\n                {{ $message }}<\/strong>\r\n            <\/div><\/strong>\r\n            @enderror<\/strong>\r\n            <button type=\"submit\" class=\"bg-blue-500 text-blue-50 p-2 rounded\">\u9001\u4fe1\u3059\u308b<\/button><\/strong>\r\n        <\/form><\/strong>\r\n    <\/div><\/strong>\r\n<\/body><\/strong>\r\n<\/html><\/strong><\/pre>\n
    \u30eb\u30fc\u30c8\u3092\u3064\u304f\u308b<\/h1>\n
    \u6700\u5f8c\u306b\u30eb\u30fc\u30c8\u3067\u3059\u3002
    \n\u4eca\u56de\u306f\u7701\u30b3\u30fc\u30c9\u5316\u3057\u3084\u3059\u3044resource()<\/code>\u3092\u4f7f\u3063\u3066\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n
    routes\/web.php<\/strong><\/p>\n
    use App\\Http\\Controllers\\ImageUploadController;<\/strong>\r\n\r\n\/\/ \u7701\u7565\r\n\r\nRoute::resource('image_upload', ImageUploadController::class)->only([<\/strong>\r\n    'create',<\/strong>\r\n    'store'<\/strong>\r\n]);<\/strong><\/pre>\n
    \u3053\u308c\u3067\u6e96\u5099\u306f\u5168\u3066\u5b8c\u4e86\u3067\u3059\uff01<\/p>\n
    \u30c6\u30b9\u30c8\u3057\u3066\u307f\u308b<\/h1>\n
    \u3067\u306f\u3001\u5b9f\u969b\u306b\u4e0d\u9069\u5207\u306a\u753b\u50cf\uff08\u4eca\u56de\u306e\u5834\u5408\u306f\u30cc\u30fc\u30c9\u753b\u50cf\uff09\u3092\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u4e0a\u304b\u3089\u63a2\u3057\u3066\u304d\u3066\u9001\u4fe1\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u2757<\/p>\n
    \u307e\u305a\u3001\u300chttp:\/\/******\/image_upload\/create<\/strong>\u300d\u3078\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/p>\n
    \"\"<\/p>\n
    \u305d\u3057\u3066\u3001\u5148\u307b\u3069\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304d\u305f\u300c\u4e0d\u9069\u5207\u306a\u753b\u50cf<\/strong>\u300d\u3092\u9078\u629e\u3057\u3001\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n
    \"\"<\/p>\n
    \u3059\u308b\u3068\u30fb\u30fb\u30fb\u30fb\u30fb\u30fb<\/p>\n
    \"\"<\/p>\n
    \u306f\u3044\u2757
    \n\u304d\u3061\u3093\u3068\u4e0d\u9069\u5207\u306a\u753b\u50cf\u3068\u3057\u3066\u51e6\u7406\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n
    \u6210\u529f\u3067\u3059\ud83d\ude0a\ud83d\udc4d\u2728<\/p>\n
    \u3061\u306a\u307f\u306b\u3001\u5b9f\u306f\u4eca\u56de\u3069\u3046\u306a\u308b\u304b\u8a66\u3057\u3066\u307f\u305f\u3044\u753b\u50cf\u304c\u3042\u308a\u307e\u3057\u305f\u3002
    \n\u305d\u308c\u304c\u3001\u300c\u7802\u6f20\u306e\u753b\u50cf<\/strong>\u300d\u3067\u3059\u3002<\/p>\n
    \u3068\u3044\u3046\u306e\u3082\u3001\u3069\u3053\u304b\u306e\u8a18\u4e8b\u3067\u300c\u7802\u6f20\u306e\u753b\u50cf\u3092AI\u304c\u30cc\u30fc\u30c9\u3068\u3057\u3066\u51e6\u7406\u3057\u3066\u3057\u307e\u3063\u305f\u30fb\u30fb\u30fb<\/strong>\u300d\u3068\u3044\u3046\u306e\u3092\u898b\u305f\u3053\u3068\u304c\u3042\u3063\u305f\u304b\u3089\u3067\u3059\u3002\uff08\u78ba\u304b\u306b\u98a8\u7d0b\u304c\u88f8\u306b\u898b\u3048\u306a\u304f\u3082\u306a\u3044\u3067\u3059\u306d\uff09<\/p>\n
    \u3068\u3044\u3046\u3053\u3068\u3067\u3001pixabay<\/code>\u304b\u3089\u4ee5\u4e0b\uff13\u3064\u306e\u7802\u6f20\u306e\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u5b9f\u969b\u306b\u8a66\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n
    \"\"
    \n\"\"
    \n\"\"<\/p>\n
    \u7d50\u679c\u306f\u3068\u3044\u3046\u3068\u30fb\u30fb\u30fb\u30fb\u30fb\u30fb<\/p>\n
    \u306a\u3093\u3068\u5168\u3066\u300c\u9069\u5207\u306a\u753b\u50cf<\/strong>\u300d\u3068\u3057\u3066\u51e6\u7406\u3055\u308c\u307e\u3057\u305f\u2757
    \n\u3064\u307e\u308a\u3001AI\u306f\u304d\u3061\u3093\u3068\u30cc\u30fc\u30c9\u3067\u306f\u306a\u3044\u3068\u5224\u65ad\u3057\u3066\u304f\u308c\u305f<\/strong>\u3068\u3044\u3046\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
    \u3082\u3057\u304b\u3059\u308b\u3068\u3001\u79c1\u304c\u8aad\u3093\u3060\u8a18\u4e8b\u304b\u3089\u6642\u9593\u304c\u7d4c\u3061\u3001\u3088\u308a\u6b63\u78ba\u306b\u306a\u3063\u305f\u306e\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n
    \u3068\u306b\u304b\u304f\u3001\u3053\u3061\u3089\u3082\u6210\u529f\u3067\u3057\u305f\ud83d\ude0a\u2728<\/p>\n
    \u4f01\u696d\u69d8\u3078\u306e\u3054\u63d0\u6848<\/h1>\n
    \u4eca\u56de\u306e\u6280\u8853\u3092\u4f7f\u3046\u3068\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u753b\u50cf\u3092\u691c\u51fa\u3057\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3092\u4e8b\u524d\u306b\u62d2\u5426\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u305c\u3072\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n