Next.js と Qiita API で作る技術ブログ
Qiita API を利用した技術ブログ制作に挑戦してみました。 リポジトリを公開しています。 技術スタック プログラミング言語: TypeScript ライブラリ: React フレームワーク...
0
0
Comment0
19 search resultsShowing 1~19 results
Stocked
You need to log-in
dvh 使用時にアドレスバーの格納・展開で画面がカクつく問題
dvh とは？ dvh（dynamic viewport height）は、デバイスのビューポートの高さに基づいて要素の高さを指定できるCSSの単位です。 css .section { heig...
2
0
Comment3
VSCodeにおけるsettings.jsonの優先度について / Cursorも対応
以下、AI搭載エディタCursorでも同様の設定が可能です。 VSCodeの設定には2種類ある Visual Studio Code（以下、VSCode）の設定にはユーザー設定とワークスペース設...
92
59
Comment2
background-colorをbackgroundで一括指定してはいけない
background-colorの省略記法に知見がありましたので共有します。 海外の動画ですが、こちらを引用させていただいております。 background-colorは以下のように一括指定記法...
2
1
Comment0
【注意喚起】Cursor Proプランで意図せず課金されないために知っておきたい設定
こんにちは、今回は CursorのProプランで意図せず従量課金（usage-based pricing）が発生していた という体験談を共有しつつ、同じ事故を防ぐための設定方法をご紹介します。 ...
8
7
Comment0
Tailwind CSSで変数内の文字列に改行を入れる
変数に入れた文字列を改行する方法について共有しておきたいと思います。 めちゃくちゃ簡単なので結論書きます。 page.tsx export default function Home() { c...
2
0
Comment0
Next.js 13のMetadata APIでcanonicalを設定する方法
Next.js 13でのmetaタグの管理にはMetadata APIを使用しますが、その際canonicalの表示に少しハマったのでメモします。 Metadata APIとは Next.js ...
2
0
Comment0
ReactのuseStateをコンポーネント間で共有して状態を維持する
Reactに少しずつ慣れてきました。 始め立てのうちは1ファイルにザーッとコードを書いて動いたら満足！って感じでしたが、慣れてくると機能ごとにコンポーネント分けしてコード整理したくなってきます。...
3
1
Comment0
Next.js 13 + Tailwind CSSでGoogle Fontsを使おう
Next.js 13 + Tailwind CSSでGoogle Fontsを使う方法を簡単にまとめます。 Google Fontsのインポート方法とその使い方 【基礎】とりあえずフォントを適用...
16
5
Comment0
Next.js 13のImageコンポーネントでblurを反映させたい
Next.jsのImageコンポーネントでblurを設定する場合に焦点を絞り使い方を共有しておこうと思います。 Next.jsでblurを使用するにはImageコンポーネントのプロパティにpla...
0
0
Comment0
Next.js + MicroCMSでvercelにデプロイするときは環境変数設定を忘れずに
MicroCMSの公式ブログにも書かれていることなので、書くほどでもないとは思いましたが…… ハマった初心者がここにいるので残しておこうと思います。 現在、エビスコムさんの「作って学ぶ Next...
3
0
Comment0
Next.jsでのEmotionの導入と基本形・メディアクエリ・継承の使い方
現在、エビスコムさんの「作って学ぶ Next.js/React Webサイト構築」を参考にポートフォリオを作成しています。 今回は、サイト制作に使用するスタイリング方法の一つであるEmotion...
1
0
Comment0
「作って学ぶ Next.js/React Webサイト構築」を読んだ感想とハマったところ
「作って学ぶ Next.js/React Webサイト構築」の概要 作って学ぶ Next.js/React Webサイト構築 本書はNext.jsとmicroCMSを使ってJamstackなブロ...
11
9
Comment0
【解決策】npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
数日前に突然npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instea...
18
5
Comment0
Figma Bootstrap5 レイアウトグリッド設定まとめ
FigmaでBootstrap5のデザインをする際のレイアウトグリッド設定まとめです。 ##グリッドの見方 まずは簡単にグリッドレイアウトの見方です。 下の図をご覧ください。Bootstrapで...
0
0
Comment0
Windows環境でDocker＋WordPressを爆速化
Dockerが遅すぎます…… WordPress+docker-composeで開発環境を構築していますが、ページを更新するだけで30秒くらいかかります。 初めは私のPCが弱すぎるだけかと思いま...
1
3
Comment0
【PHP7.4.x】XAMPPにimagickをインストールしてWordPressの「1つ以上の推奨モジュールが存在しません」を解決する
XAMPPにWordPressをインストールすると、サイトヘルスに「オプションのモジュール imagick がインストールされていないか、無効化されています。」という表示がされます。 「imag...
5
1
Comment0
Githubに保存したHTMLテンプレートを開発ごとにcloneして複製利用したい
やりたいこと ウェブサイトを制作するとき、毎回ファイルを一から準備するのは面倒です。 そこで、githubにHTMLテンプレートのリポジトリを作っておき、プロジェクトのごとにgit cloneし...
2
1
Comment0
作業ファイルをそのまま本番用に出力するだけのGulpの設定
やりたいこと 作業用フォルダから本番用フォルダにファイルを出力するだけの設定メモ。 mapファイルだけ追加で生成する。 簡単に書くと以下のようなイメージ。 作業用フォルダ src js scri...
0
0
Comment0
19 search resultsShowing 1~19 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles