-
Code
【ステップ:0ゼロ】Next.jsのはじめかた|誰も教えてくれない、アプリ構築前の準備
環境構築という最初の壁が高いと感じた頃の自分へ Next.js始めたくて、公式ドキュメントや書籍の最初のステップやったけど、エラーでた。やめよかな。 しんぺーそもそも環境構築が必要なのに、その説明がないこと多いですよね。 […] -
Code
【コピペOK】自動でPDFのアイコンがつくボタン(Excelファイルや、Wordファイルも)
自動でPDFファイルのアイコンがつくボタン PDFファイルのアイコンがつくボタンは毎回クラス付けたり面倒だな。自動でついてくれないかな。 hrefの中の拡張子を認識して、自動でアイコンがつくようなCSSを共有しますね。以 […] -
Code
重複している要素があれば削除する、jQuery|remove
重複しているコンテンツをjQueryで削除できないかな。 しんぺー下にサンプルのコードを置いておきますね。ただjQueryで非表示にしているだけなので、本来的には重複しているコンテンツがでてこないように調整する必要があり […] -
Code
SG(静的生成)とSSR(サーバーサイドレンダリング)|Next.js 2つのプリレンダリング
SG(静的生成)とSSR(サーバーサイドレンダリング)についてざっくり解説します。この解説を読んだあとにNext.jsの公式ドキュメントを参照するとすんなり理解できるかもしれません。 SGとかSSRとか流行っているらしい […] -
Code
【コピペOK】FAQなどにある、アコーディオンのサンプル(jQuery)矢印やアイコンもつけれます
アコーディオンをパッと作成したい人 よくあるアコーディオンを作成したいけど、使い回しやすい良いサンプルないかな? しんぺー コピペで使い回しやすいサンプルを置いておきますね。 完成形のイメージ 少し装飾していますが、この […] -
Code
要素をランダムに並び替えるjQueryとJavaScript【Math.random】
要素をランダムに配置したい人 要素をランダムに表示させたいけど、jQueryでできるかな? しんぺー 簡単にできますよ。下にCodePenとコードを貼り付けておきますね。 完成形のイメージ liを20個並べて、4個だけ […] -
Code
3,7,11,15を指定するCSSは? nth-child(4n+3)です。
3番目、7番目、11番目の要素にスタイルを当てたい人 3、7、11番目の要素にスタイルを当てたいから〜えーっとnth-childで〜 どうやるんだっけ? しんぺー ぼくも「え?どうやるんだ?」と悩んだので、メモに残してお […] -
Code
【コピペOK】自動でPDFのアイコンをつけるCSS(Excelファイルや、Wordファイルも)
自動でファイルのiconを表示するCSS PDFとかExcelファイルある時に自動でアイコン付けれないかな?毎回クラス付けるの大変だし、どうしたらいいんだ? ファイルの拡張子を認識して、自動でアイコンがつくようなテンプレ […] -
Code
Day.jsで日付のフォーマットを整える|React Next.js microCMS
ISO 8601形式のUTCをフォーマットして見やすくする 日付が2023-01-29T00:30:00.000Zこんな感じなんだけど、見やすく整えれないかな。 今回はDay.jsを使った方法を紹介します。2023年01 […] -
Code
【2行で解決】slickのasNavForで複数のフォトギャラリーを設置すると、全部動いてしまう
複数のフォトギャラリーを設置した時に、全部のスライドが動いてしまう フォトギャラリー複数設置したら、全部のスライド干渉してる。次のスライドへ送ると全部のスライドが一斉に動いてしまう。。。これ作り直しかな? しんぺー そう […]