autoprefixerとは？ 自動でベンダープレフィックスをつけてくれるものです。CSSはブラウザによって使えるもの使えないものが変わってきますが、ベンダープレフィックスをつけることによってどのブラウザでも動くようにしてくれるもの…

• CSS
• コメントを書く

PostCSSとは？ Node.js製のCSS変換ツールです。さまざまなプラグインを組み合わせることでCSSファイルにさまざまな処理を行った上で変換を行うことができます。 実務では、SassやTailwindと組み合わせで使う…

• CSS
• コメントを書く

@apply tailwindはどうしても長くなるので可読性が落ちます。そういう場合は似たようなcssをまとめて再利用することも可能です。（通常のcssのように使うことができるみたいなイメージですね。） 記述方法 CSS [cray…

• CSS
• コメントを書く

文字装飾 フォントファミリー font-sans tailwindのデフォルトのフォントファミリーになります。 font-serif フォーマルな印象を与えます。 font-mono 等幅フォントです。 オリジナルフォント …

• CSS
• コメントを書く

Error Boundary コンポーネント内で発生する特定のエラー（実行時エラーなど）しかcatchしてくれない。以下のエラーは捕捉しないので、現状はあまり使い道はないかもしれない。 イベントハンドラ内で発生したエラー …

• Next.js
• コメントを書く

ディレクトリ名説明.nextプロジェクト作成時にはなく実行すると生成されます。この中にプロジェクトから生成されたWebアプリのファイル類が保存されます。pagesここで指定したファイル名はパス名になる。（_app以外）└_app.tsxこ…

• Next.js
• コメントを書く

next dev 開発時にはこれを実行します。リクエストの都度サーバーサイドでページの生成(SSG)、クライアントサイドでレンダリング(CSR)が実行されるのでページの取得はページ遷移は遅くなります。 具体的な挙動 「ge…

• Next.js
• コメントを書く

TailwindCSSとは？ Utility Firstという概念で設計されたCSSフレームワークです。また、モバイルファーストで作ることが推奨されています。（スマホサイトを作ってから、タブレットやPCのコーディングをしていくコーデ…

• CSS
• コメントを書く

種類 開発や販売しているベンダーが公開しているもの 信頼性は高い。パッケージの開発元になるので基本的にはマイターよりは若干早いかもしれません。 公的機関によって運営されているもの 信頼性は高い。 IPA コンピュータウイルス・不…

• セキュリティ
• コメントを書く

事前準備 些細な情報でも攻撃の役に立つかもしれないので情報を集めまくります。その後に情報を整理します。 偵察 公開情報の収集 公開されている情報なので法に触れることはないです。企業がネットワークを利用する場合や投資をする場合などは外…

• セキュリティ
• コメントを書く