vue-property-decorator Vue.js や Nuxt.js で TypeScriptを利用するためにはvue-property-decorator というデコレータを利用します。（Nuxt.js の場 […]
Vue.js
Vue.js をTypeScriptで書く！書き方の違いを比較 − vue-property-decorator
JQueryプラグイン
タグの選択に使える絞り込み入力ができるセレクトボックス－jquery-searchbox（プラグイン）
作成した背景 ユーザーが投稿するフォームで会場を選択するためのセレクトボックスが必要だったのですが選択肢となる会場の種類が非常に多くセレクトボックスから選択させるのはユーザービリティが悪いということになった。 会場名を選 […]
AWS
CodeBuildを利用してGitHubとECRを連携する方法
ここでやること GitHub にプッシュした際に、CodeBuild を実行させて自動的にビルドする CodeBuild でビルドしたDockerイメージを ECR に保存する ECRとは AWS 上の Docker コ […]
Vue.js
よく利用するVue.jsのオプションとサンプルコードの纏め
ライフサイクルフック created インスタンスが作成された後で実行される。Ajax通信を行いデータを初期化する場合などによく利用される。 mounted インスタンスが作成されて、elementへのマウントが完了した […]
データベース
Docker上でSchemaSpy を実行してER図を生成する
SchemaSpyとは 稼働しているデータベースからテーブル一覧やテーブル詳細、ER図 などのドキュメントをリバースで生成し、HTMLとして出力してくれるツール 利用する目的 ER図がメンテされていないプロジェクトにおい […]
データベース
Mysqlに新しいユーザーを追加する
よく忘れるのでメモしておく 登録されているユーザーの確認 SELECT user, host FROM mysql.user; ユーザーを追加 @ の後ろにはホスト名を指定します。% はワイルドカード(すべてのホストから […]
xss
クロスサイト・スクリプティング(XSS)の検証サンプル − XSSカイジ
XSSとは 悪意のあるjavascriptコードが入力フォームから登録されると、登録された値が表示されているWebページを閲覧した際にスクリプトコードが実行されてしまいすべてのユーザーが悪意のあるスクリプトコードが実行さ […]
Git
Gitで自分のブランチとリモートブランチの差分ファイルだけを抽出してzipに纏める
自分が作成した成果物だけを纏めたい時に便利 比較元のブランチをチェックアウトした状態で以下の コマンドを実行します。 git archive HEAD `git diff –name-only 比較先のブランチ名 HE […]
Docker
WordPressの開発環境をDockerで作成してみた
何故、Wordpressのテーマを作成するのか？ レンタルサーバーを借りて自分のブログサイトを作ってみたいと思ったことのある方は多いのではないかと思います。ブログを始める上で今や定番となっているパッケージが「Wordpr […]