-
jQuery
要素をランダムに並び替えるjQueryとJavaScript【Math.random】
要素をランダムに配置したい人 要素をランダムに表示させたいけど、jQueryでできるかな？ しんぺー 簡単にできますよ。下にCodePenとコードを貼り付けておきますね。 完成形のイメージ liを20個並べて、4個だけ […] -
CSS
3,7,11,15を指定するCSSは？ nth-child(4n+3)です。
3番目、7番目、11番目の要素にスタイルを当てたい人 3、7、11番目の要素にスタイルを当てたいから〜えーっとnth-childで〜 どうやるんだっけ？ しんぺー ぼくも「え？どうやるんだ？」と悩んだので、メモに残してお […] -
Blog
ChatGPTのエラー解消方法｜“too many requests in 1 hour. try again later.“や “An error occurred. If this issue persists please contact us through our help center at help. openai.com.“
ChatGPT使ってたらエラーとか制限かかって使えなくなっている人 ChatGPTで遊んでたら使えなくなったんだけど。使えるようになるまで待ってられないし今後も使ってたら出てくるの？なんとかならないかな。。 しんぺーいく […] -
Blog
はじめてのChatGPT。コード生成に使ってみる。【チャグってハンバーガーメニューを作成】
ChatGPTにコーディングしてもらいました 正直ChatGPTよく知らないんだけど、なにがすごいの？ しんぺーんー、わからないので試しに使ってみます。早速チャグってみましょう！ ハンバーガーメニューのHTMLとCSSと […] -
CSS
【コピペOK】自動でPDFのアイコンをつけるCSS（Excelファイルや、Wordファイルも）
自動でファイルのiconを表示するCSS PDFとかExcelファイルある時に自動でアイコン付けれないかな？毎回クラス付けるの大変だし、どうしたらいいんだ？ ファイルの拡張子を認識して、自動でアイコンがつくようなテンプレ […] -
React
Day.jsで日付のフォーマットを整える｜React Next.js microCMS
ISO 8601形式のUTCをフォーマットして見やすくする 日付が2023-01-29T00:30:00.000Zこんな感じなんだけど、見やすく整えれないかな。 今回はDay.jsを使った方法を紹介します。2023年01 […] -
Code
【2行で解決】slickのasNavForで複数のフォトギャラリーを設置すると、全部動いてしまう
複数のフォトギャラリーを設置した時に、全部のスライドが動いてしまう フォトギャラリー複数設置したら、全部のスライド干渉してる。次のスライドへ送ると全部のスライドが一斉に動いてしまう。。。これ作り直しかな？ しんぺー そう […] -
Code
【コピペ用】GitHubでよく使うやつ｜これで8割なんとかなる
GitHubのなにが分からないのか分かりません しんぺーGitHubを使うにあたって、もっとも基本的なことは何でしょう？最初はせいぜい20%程度しか理解できないけど、でもその20%で大抵のこと80%はカバーできます。下に […] -
Code
【コピペ用】slick dotsを四角にカスタマイズ｜色変更
slickのdotsを長方形にしたい人 slickのdotsはデフォルトで丸いから四角くするの手間だなぁ。コピペ用にコード置いときたいな。 しんぺー いつも使っているコードを共有しますね 完成形のイメージ こんな感じの長 […] -
Code
【コピペ用】slickオプション「矢印(arrows)の出し方」｜矢印でない？画像の上。位置の設定。
slickの矢印を設置する面倒から開放されたい人 slickの矢印出すの面倒だなー。なんかないの？ しんぺー コピペ用の雛形を用意しました。余計なスタイリングなどせずに、使い回しやすいようにしています。・最低限のslic […]
