CSS Container Queriesの仕様について
FlexやGridにcontainer-typeを指定した子要素があったときに、その要素の幅がなくなってしまうのですが仕様でしょうか。 もし解決方法があれば教えていただきたいです。 事象が確認で...
24 search resultsShowing 1~20 results
Subscribed
You need to log-in
notion-blog-nextjsで一覧ページにページネーションを実装
「notion-blog-nextjs」をベースにブログを構築しているのですが、記事一覧ページにページネーションを実装することは出来るのでしょうか。 調べてみているのですが実装方法がわからずご教...
カレンダー作成でおすすめのプラグインはありますか？
月の移動ができ、祝日も取得できるカレンダーのプラグインを探しているのですが、何かおすすめはありますでしょうか。 FullCalenderを以前使ったことがあるのですが他におすすめがありましたら教...
平坦な配列内のオブジェクトを階層化したい
解決したいこと flatArrをnewArrのような階層構造にしたいのですが、うまく求めている結果になりません。 ご教示いただきたいです。 const flatArr = [ { "elemen...
方向キー入力でイベントを発火したい
解決したいこと キーボードの方向キー（左・右）を入力するとページネーションの「前のページへ」「次のページヘ」に指定しているリンク先に飛ぶようにしたいのですがaタグにonKeyDownを付けても発...
制御しないcheckboxの警告が出ないようにしたい
Notion APIから取得したデータでチェックボックスを作っているのですが、このチェックボックスは閲覧者からは変更不可で、記事内に「今、ここまで完了しました」といった表現の際に使用したいです。...
配列の中の各オブジェクトに同じ値があるかをチェックしたい
下記のような配列の中にオブジェクトが入ったデータがある時、textの値がすべて同じだったらtrue、1つでも違ったらfalseになるような条件を書きたいのですがどのように書けばいいかわからず教え...
Next.jsのinputで発生するエラーの解決方法について
チェックボックスを押すことでサイトのカラーをライト←→ダークと切り替えられるボタンを作っているのですが、コンソールで以下のエラーが発生しました。 修正方法がわからずご教示いただきたいです。 Wa...
Vercelについて
Next.jsで作ったサイトをVercelでデプロイする予定なのですが、その前に確認しておきたくご意見を伺いたいです。 デプロイした後にロリポップなどでサブドメインに対してWordPressで構...
Next.jsをIPアドレスで起動したい。
Next.jsでnpm run devをするとlocalhostで起動しますが、IPアドレスで起動することはできますか?
Notion APIでulを作りたいが、空の配列にpushした際の挙動がわからない。
Notion APIとNext.jsでブログ構築をしているのですが、 Notion API周りの処理はnotion-blog-nextjsを元にしており、 liの親要素にulやolを作りたく、こ...
JavaScriptで日付を比較して過去n日以内に投稿された記事にNewアイコンをつけたい
Notion APIとNext.jsでブログサイトを構築しています。 今日の日付と記事の投稿日を比較して、過去7日以内に投稿された記事に対して以下のようにNewアイコンをつけるためのタグを出力し...
DOMContentLodedについて
使用例で2パターン見つけたのですが、DOMContentLodedは以下のどちらの記述が正しいのでしょうか。 また、どちらも正しいのであれば関数の実行タイミングなどどのような違いがあるのでしょう...
ViteでSCSSとTypeScriptを使えるプロジェクトを構築したい
解決したいこと 以下のサイトを参考にしてViteでバニラのプロジェクトを作成しました。 https://zenn.dev/one_dock/articles/f694d8235cd388 ただ、...
transitionの継承について
カラーテーマの切り替えを滑らかにするために、bodyに対して以下のようにtransitionを設定しています。 body { transition: color .3, background-c...
prettierでpreタグも整形されてしまう。
Next.jsでPrism.jsを使用しようとしているのですが、preタグの中身まで整形されてしまい、改行が保たれた状態でフロントに表示できません。 何か対処法はありますでしょうか。 また、コン...
Sassで@import内のlayer関数がエラーになる
せっかくカスケードレイヤーが使えるようになったので、Dart Sassで@import内でlayer関数を使おうとするとコンパイルエラーになってしまいます。 Gulpのsassでコンパイルしてい...
Next.jsで作ったサイトをロリポップでアップすることはできますか？
Next.jsで作ったサイトをロリポップでアップすることはできますか？ できる場合、どのようにすればできるのでしょうか。
取得した値が多次元配列のどこに含まれているかチェックしたい。
次のような多次元配列があり、他から取得した値が配列のどこに存在するかを取得し、それが含まれる配列の値を最終的に取得したいです。 配列の中に一致する値がない場合もあります。 伝わりにくくて申し訳な...
HTMLElementを判定したい
Stringでid属性を指定した場合はdocument.getElementById()を挟み、 HTMLElementの場合はそのまま使用し、 それ以外の場合は処理をスキップしたいです。 HT...
24 search resultsShowing 1~20 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