-
CSS
スクロールバー非表示は、-webkit-scrollbarをdisplay: none;にします。
スクロールバーを非表示にした人 スクロールする前から、ずっとスクロールバーが表示さていて嫌だな。消したいけど、どうやったらいいんだ？ WebKitエンジンを使用しているブラウザであれば、-webkit-scrollbar […] -
Blog
macのスクショをpngからjpgに変更する方法
しんぺー macのスクショはデフォルトでpngファイルですが、重いしjpgにしたいなぁ〜と思って調べると、簡単に変更できたので、メモに残しておきます。 pngに戻すのも簡単です。 png → jpg ターミナル開いて j […] -
【ステップ：0ゼロ】Next.jsのはじめかた｜誰も教えてくれない、アプリ構築前の準備
環境構築という最初の壁が高いと感じた頃の自分へ Next.js始めたくて、公式ドキュメントや書籍の最初のステップやったけど、エラーでた。やめよかな。 しんぺーそもそも環境構築が必要なのに、その説明がないこと多いですよね。 […] -
CSS
【コピペOK】自動でPDFのアイコンがつくボタン（Excelファイルや、Wordファイルも）
自動でPDFファイルのアイコンがつくボタン PDFファイルのアイコンがつくボタンは毎回クラス付けたり面倒だな。自動でついてくれないかな。 hrefの中の拡張子を認識して、自動でアイコンがつくようなCSSを共有しますね。以 […] -
jQuery
重複している要素があれば削除する、jQuery｜remove
重複しているコンテンツをjQueryで削除できないかな。 しんぺー下にサンプルのコードを置いておきますね。ただjQueryで非表示にしているだけなので、本来的には重複しているコンテンツがでてこないように調整する必要があり […] -
Blog
ChatGPT関連の書籍
流行りのChatGPT関連の書籍で読んでみたいのをリストにしてみました。当然ですが、新しい技術なので日本語の本はまだありません。情報を他の人よりも早く入手したい人向けです。 待っていれば日本語の書籍も沢山出版されますので […] -
SG(静的生成)とSSR(サーバーサイドレンダリング)｜Next.js 2つのプリレンダリング
SG(静的生成)とSSR(サーバーサイドレンダリング)についてざっくり解説します。この解説を読んだあとにNext.jsの公式ドキュメントを参照するとすんなり理解できるかもしれません。 SGとかSSRとか流行っているらしい […] -
jQuery
【コピペOK】FAQなどにある、アコーディオンのサンプル(jQuery)矢印やアイコンもつけれます
アコーディオンをパッと作成したい人 よくあるアコーディオンを作成したいけど、使い回しやすい良いサンプルないかな？ しんぺー コピペで使い回しやすいサンプルを置いておきますね。 完成形のイメージ 少し装飾していますが、この […] -
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で〜 どうやるんだっけ？ しんぺー ぼくも「え？どうやるんだ？」と悩んだので、メモに残してお […]
