-
02.05
【CSS】「postcss」について
PostCSSとは? Node.js製のCSS変換ツールです。さまざまなプラグインを組み合わせることでCSSファイルにさまざまな処理を行った上で変換を行うことができます。 実務では、SassやTailwindと組み合わせで使う…
-
@apply tailwindはどうしても長くなるので可読性が落ちます。そういう場合は似たようなcssをまとめて再利用することも可能です。(通常のcssのように使うことができるみたいなイメージですね。) 記述方法 CSS [cray…
-
文字装飾 フォントファミリー font-sans tailwindのデフォルトのフォントファミリーになります。 font-serif フォーマルな印象を与えます。 font-mono 等幅フォントです。 オリジナルフォント …
-
01.20
【Next.js】「エラーハンドリング」
Error Boundary コンポーネント内で発生する特定のエラー(実行時エラーなど)しかcatchしてくれない。以下のエラーは捕捉しないので、現状はあまり使い道はないかもしれない。 イベントハンドラ内で発生したエラー …
-
ディレクトリ名説明.nextプロジェクト作成時にはなく実行すると生成されます。この中にプロジェクトから生成されたWebアプリのファイル類が保存されます。pagesここで指定したファイル名はパス名になる。(_app以外)└_app.tsxこ…
-
01.16
【Next.js】各種コマンドについて
next dev 開発時にはこれを実行します。リクエストの都度サーバーサイドでページの生成(SSG)、クライアントサイドでレンダリング(CSR)が実行されるのでページの取得はページ遷移は遅くなります。 具体的な挙動 「ge…
-
01.15
【CSS】「TailwindCSS」について
TailwindCSSとは? Utility Firstという概念で設計されたCSSフレームワークです。また、モバイルファーストで作ることが推奨されています。(スマホサイトを作ってから、タブレットやPCのコーディングをしていくコーデ…
-
01.10
【セキュリティ】「脆弱性情報の収集」について
種類 開発や販売しているベンダーが公開しているもの 信頼性は高い。パッケージの開発元になるので基本的にはマイターよりは若干早いかもしれません。 公的機関によって運営されているもの 信頼性は高い。 IPA コンピュータウイルス・不…
-
事前準備 些細な情報でも攻撃の役に立つかもしれないので情報を集めまくります。その後に情報を整理します。 偵察 公開情報の収集 公開されている情報なので法に触れることはないです。企業がネットワークを利用する場合や投資をする場合などは外…
-
インクリメントとは? スプリント単位で評価可能なもので、過去に作ったものと今回のスプリントで完成したプロダクトバックログ項目を合わせたものです。多くの場合は動作しているソフトウェアとして提供されて、スプリント終了時点で完成して正常動作して…