React Hooksを理解する
Hooksとは React はコンポーネント(再利用可能なUI)ベースで構築されるUIライブラリです。コンポーネントには、クラスコンポーネントと関数コンポーネントの2種類があります。 従来、状態...
1
0
Comment0
11 search resultsShowing 1~11 results
Stocked
You need to log-in
Next.js の Pages Router と App Router の特徴
2023年5月にリリースされたNext.js 13.4からルーティングの処理が従来のPages RouterからApp Routerに切り替わり、どちらの機能を利用することも可能ですが、今後はA...
2
1
Comment0
WordPressでACFの値がプレビュー画面に表示されない問題の解決方法
原因 WordPressでは、投稿やページの編集履歴をリビジョンとして保存します。ACFを使用してフィールドの値を取得しようとすると、プレビュー時にACFが参照する投稿IDが編集中の投稿ではなく...
7
6
Comment0
HTMLのdetails・summaryタグだけでアコーディオンを実装する
details・タグでアコーディオンを実装する これまでアコーディオンを実装する際はCSSやJQueryを主に使用してきましたがもっと楽な実装方法がないか調べていた時に見つけたHTML5から登場...
0
0
Comment0
よくある質問の構造化マークアップについて
よくある質問の構造化マークアップについて クローラーにwebサイトの内容を適切に理解してもらえるようなよくある質問の構造化マークアップについて、恥ずかしながら最近まで知らずにコーディングをしてし...
0
0
Comment0
archiveページをACFの為に固定ページにする際に詰まった点
WordPressを使用してarchiveページにAdvanced Custom Fields（ACF）で画像を管理画面から登録できるようにしようとした際、固定ページに変更する過程で詰まった点で...
0
0
Comment0
主に使用される4つのHTTPメソッドについて
HTTPメソッドとCRUD操作 HTTP（Hypertext Transfer Protocol）は、ウェブ上でデータをやり取りするための通信プロトコルです。 CRUDはHTTP通信を介してデー...
0
0
Comment0
Nuxt.js + EmailJS でコンタクトフォームを実装してVercelにデプロイしたら404エラーが発生したこと
初歩的な事とは承知の上で自分の備忘録として記事にします！ Nuxt.js、EmailJSでコンタクトフォームを実装し、Vercelにデプロイした際に404エラーが出てメールが送信できませんでした...
0
0
Comment0
aria属性の用途
日頃の業務の中であまり使ってこなかったARIA属性について、詳しく理解しきれていなかったので今後の業務で活かせるように改めて用途を調べてみました。 ARIA属性はウェブアクセシビリティを向上させ...
0
0
Comment0
<select>内に<hr>で区切り線をつける
selectタグは、ドロップダウンリストを作成するためのタグですが、見た目に工夫を加えることでユーザーエクスペリエンスを向上させることができます。 メニューバーなどで使われている区切り線を、se...
0
0
Comment0
子要素への一括スタイリング
CSSセレクタ 「.test > *」 は、クラス名が .test である要素の直下に存在する全ての子要素にスタイルを一括で適用します。 ・.test クラスに直接子要素として配置されてい...
0
0
Comment0
11 search resultsShowing 1~11 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles