-
NotionAPI×Next.jsで、画像を表示する方法。useSWRを使用して画像のURLのみページ表示時にレンダリングする
NotionAPIで画像を取得すると、1時間で期限切れになるURLの問題に直面することになります。みなさん様々な工夫をされていますが、useSWRを使用してこの問題を回避しました。 useSWRはデータのフェッチとキャッ […] -
Next.jsとmicroCMSでサイト構築①|API連携
Next.jsでmicroCMS API連携する方法を解説します。環境構築やアプリケーション立ち上げについて知りたい方は、こちらの記事を参照ください。 microCMS APIを呼び出す為に、公式クライアントライブラリを […] -
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)矢印やアイコンもつけれます
アコーディオンをパッと作成したい人 よくあるアコーディオンを作成したいけど、使い回しやすい良いサンプルないかな? しんぺー コピペで使い回しやすいサンプルを置いておきますね。 完成形のイメージ 少し装飾していますが、この […]