
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
google clone Part16 Imageの検索結果を実装 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
google clone Part16 Imageの検索結果を実装 - Qiita
概要 目次 今回は画像の検索結果を実装します。 以下gif画像は実装後の結果です。 開発環境 OS:Windows1... 概要 目次 今回は画像の検索結果を実装します。 以下gif画像は実装後の結果です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "autoprefixer": "10.4.14", "eslint": "8.39.0", "eslint-config-next": "13.3.1", "next": "13.3.1", "postcss": "8.4.23", "react": "18.2.0", "react-dom": "18.2.0", "react-icons": "^4.8.0", "tailwindcss": "3.3.2" 実装のポイント 検索結果の要素を構成する 上から順に、image title linkの順で表示します。 gridで検索結果を並べる groupを使って子要素をhoverし コード部分 app/