Gitでコミットする際にESLintを走らせて、エラーの場合はコミットさせないようにする。 手順 手順的には以下のよう。 コミットされる前の操作である「pre-commit」をhuskyで制御する。 lint-stagedでGitのステージングエリアにあるファイルを対象にESLintのコマンドを実行する。 Gitコミット時に、ESLintでチェックしてエラーが出ればコミットされない。 必要なモジュール 必要なnpmモジュールをインストールする。 ...
VueのリアクティブシステムとはJavaScriptオブジェクトとの状態を監視し変更されたら検知するシステム。 Vueのコンポーネント内で状態を保持している値が変更された場合、リアルタイムでHTML側へその変更が検知されHTMLが更新される。 ...
Nuxtプロジェクト（SSRモード）をDocker Composeを使って起動させる方法を説明する。 今回は、Nuxtプロジェクト直下にDockerfileとdocker-compose.ymlを置く。 ...
SQLやプログラミングで並び替えするときなど、昇順、降順をいった言葉よく出てくる。 でも、どっちがどっちだったけ？ということはよくあるので、その覚え方を説明する。 ...
さくらのVPSへNginxでWebサーバを構築し、WordPressをインストールして新しい記事を投稿しようとしたら**「返答が正しいJSON レスポンスではありません。」**のエラーが出た。 ...
IT用語としてトランザクションとは、複数の処理をまとめて処理すること。 この処理のことのことを。トランザクション処理とも呼ぶ。 なぜ複数の処理をひとまとめに考えるかというと、複数の処理であるトランザクションを実行中に1つでも処理に失敗した場合、それまでに行ってきた処理をすべて無かったことにするためである。 ...
Laravelでpaginateを1つのページで複数設置すると、ページングするに際にすべてが同時にページングされてしまう。 以下のようにすると、paginateの第3引数に設定したパラメータでそれぞれでリクエストがなされる。 ...
スキーマは、テーブルといったオブジェクトをグループ化したもの。 MySQLの場合、データベースを作成した後、その中に複数のテーブルを格納するのでスキーマはデータベースということになる。 ...
Webアプリケーション側の脆弱性を利用した攻撃方法。この攻撃はWebアプリケーションとは他のサイトからの不正リクエストを処理してしまう。 攻撃手法の例 クロスサイトリクエストフォージェリ（CSRF）は、まず攻撃者は事前に攻撃用スクリプトが組み込まれた攻撃用サイトを用意する。 ...
クロスサイトスクリプティング（XSS）は、HTMLの中に悪意のあるJavaScriptのソースコードを埋め込んでスクリプトを実行すること。 この悪意のあるスクリプト実行されることで、Webページの情報の改竄やクッキー情報が盗まれて個人情報流出といったことが起こる。 ...