-
Code
ターミナルから「code .」でVSCodeを開く【使い方、おすすめ、ショートカット】
VSCodeをすばやく開く方法を知りたい人 VSCodeってみんなどうやって開いてる？ しんぺーターミナルから「code .」で開くのいいですよ。今回紹介する方法はVisual Studio Codeの公式リファレンスで […] -
Code
NotionAPI×Next.jsで、画像を表示する方法。useSWRを使用して画像のURLのみページ表示時にレンダリングする
NotionAPIで画像を取得すると、1時間で期限切れになるURLの問題に直面することになります。みなさん様々な工夫をされていますが、useSWRを使用してこの問題を回避しました。 useSWRはデータのフェッチとキャッ […] -
Code
Next.jsとmicroCMSでサイト構築①｜API連携
Next.jsでmicroCMS API連携する方法を解説します。環境構築やアプリケーション立ち上げについて知りたい方は、こちらの記事を参照ください。 microCMS APIを呼び出す為に、公式クライアントライブラリを […] -
Code
スクロールバー非表示は、-webkit-scrollbarをdisplay: none;にします。
スクロールバーを非表示にした人 スクロールする前から、ずっとスクロールバーが表示さていて嫌だな。消したいけど、どうやったらいいんだ？ WebKitエンジンを使用しているブラウザであれば、-webkit-scrollbar […] -
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個だけ […]
