2023年5月22日CONTENTSこんなところで使えるリストタグニュース記事とかでよく見るデザイン。実際にコーディングしたときにどのタグを使うかとても迷ったので、メモ。このようなレイアウトよく見ませんか?どのタグが使えるだろうかまず、どのようにHTMLを構成しようか軽く考えてみました。丸の内インフラストラクチャー株式会社では、日本に所在するエネルギー、交通、通信・ユーティリティといった各種インフラ事業に幅広く投資を行って参ります。検証で見てみると、なんとリストタグが使われていました。こんな使い方ができるんだと思い、勉強になりました。・liタグ直下には意外と子要素が入れられる。・aタグ直下にdivをいれるという発想がなかった。5.2までの子要素・親要素の対応を視覚的に表示するチートシート(早見表)ですブックマークしといて、ぜひ見返してみてください。コーディング参考サイトを元にコーディングしてみました。よければ、参考にしてみてください。CodePen.さいごに先週やったばかりなので、もう一度自力でやろうとしてもできなかった。一回できたからできると思ってたけど、自分の中でまだ落とし込めてなかったんだなあ。習得するまでには、繰り返して何回もすることが大切だと思いました。【Vue.js】JSONデータを読み取って、検索機能を実装。元貿易の事務員からフロントエンドエンジニアへ。登山にはまり、長野へ移住をして、現在はフルリモートで大阪のWEB制作会社に勤務。【Vue.js】JSONデータを読み取って、検索機能を実装。(1)人気記事ニュース欄でよくみるレイアウトコーディングコーディングjQueryプラグイン「lightgallery」の使い方コーディングブログをはじめて、3カ月。【Vue.js】JSONデータを読み取って、検索機能を実装。komamenote.閉じるCONTENTS閉じる。