親バカエンジニアのナレッジ帳

webのエンジニアをやっており、日頃の開発で詰まったことや書き残しておきたいことを載せています。

ブロックチェーンってなんだ?

ブロックとは?チェーンとは? ブロックチェーンはデータを分散して管理している P2Pって具体的になに?どこで動いてるの? すべてのデータは公開されて誰でも見ることができる ビットコインを始めとした仮想通貨の登場により、名前を聞くことが多くなったブ…

safariでエンターによるformのイベントがうまく発火しない時の対処法

formのイベントをエンターで発火 他のブラウザでは上手くいくのにsafariだと上手く送れない buttonのスタイルを確認 formのイベントをエンターで発火 Webサービスにおいて、入力した値を処理するためにformタグを使うことは多いでしょう。 <form> <input type="text"> <button>送信</button> </form> 基本的に…

XSSってどうやって仕込まれる?

XSSについて どうやってタグを入れられる? GETパラメータにスクリプトを入れる方法 POSTでスクリプトを埋め込まれる方法 まとめ XSSについて このページを閲覧している方ならご存知とは思いますが、まずはXSSについて超簡単に説明します。この事象は入力フ…

SPAサイトのCSRF対策

CSRF対策について CSRFとは? CSRFによる被害 通常のCSRF対策 SPAサイトのCSRF対策 方法1 リファラで判断 方法2 ログイン時に発行したトークンを照合 方法3 CORSと組み合わせてOriginをチェック CSRF対策について CSRFとは? このページに来られた方ならもう…

Spring Boot + MySQLで絵文字を保存する

絵文字を保存したい MySQLの文字コードを変更 Spring Bootでデータベース接続時の文字コードを変更 まとめ 絵文字を保存したい スマホが普及してから絵文字を文中に入れるのはもはや普通のことですよね。 掲示板などでも絵文字を入力できるものは増えていま…

ユーザにSFTPの特定ディレクトリのみ操作できる権限を付与

一般ユーザは、SFTPで特定のディレクトリのみしか触れないようにしたい ディレクトリの作成 ユーザとグループの作成 ディレクトリの権限変更 sshd_configを変更して操作権限を付与 まとめ 一般ユーザは、SFTPで特定のディレクトリのみしか触れないようにした…

Vue.jsで配列の値をAPIでPOSTする方法

値を配列でPOST 方法1 dataで定義する変数を配列で初期化してv-modelに設定 チェックボックスの例) 複数のテキストフォームがある時の例) 方法2 POSTする前に配列にまとめてしまう方法 チェックボックスの例) 複数のテキストフォームがある時の例) まとめ 値…

Spring BootのFormクラスでIntegerの項目にNULLはPOSTできない

NULLをPOSTした時点でStringとして認識されてしまう 数値(Integer)型の項目で空の可能性がある場合 AjaxでPOSTする時の例 NULLをPOSTした時点でStringとして認識されてしまう Spring Bootにおけるフォームから値をPOSTする際の挙動になりますが、Integer型の…

amazletでAmazonアソシエイトリンクを簡単作成!

amazlet(アマズレット)とは Amazonアソシエイトアカウントの作成 amazlet設定方法 まとめ amazlet(アマズレット)とは amazletというツールは、Amazonアソシエイトリンクを簡単に作成できる便利ツールです。 普段アソシエイトのリンクを作る場合、Amazonアソ…

box-shadowを使ったなんちゃってオーバーレイ

オーバーレイの通常の設置方法 なんちゃってオーバーレイ なんちゃってオーバーレイの欠点 オーバーレイの通常の設置方法 webサイトでモーダルを使用する場合、併せて背景にオーバーレイを入れますよね。 オーバーレイの設置する方法は少々面倒です。 モーダ…

SpringBoot 開発環境で簡単SSL対応

開発環境でもSSL対応をする理由 開発環境でのSSL対応方法 証明書の作成 SpringBootで証明書の設定 端末で証明書を信頼 本番環境のSSL対応は? 開発環境でもSSL対応をする理由 最近のwebアプリケーションでは、SSL対応させることが当たり前になっていますよね…

Nginx+TomcatでLet's EncryptのSSL設定

Let's Encryptとは Nginx+TomcatのSSL設定 Let's Encryptのインストール certbot-autoでSSL証明書の取得と秘密鍵の生成 NginxのSSL設定 サーバ証明書と秘密鍵をpkcs12形式に変換 TomcatのSSL設定 まとめ Let's Encryptとは Let’s Encrypt(レッツ・エンクリプ…

お名前で取得したドメインをさくらのレンタルサーバに向ける設定

DNS

お名前.comで取得したドメインをさくらのレンタルサーバへ向けるパターン ネームサーバをさくらのレンタルサーバに向かせる方法 ネームサーバはお名前.comのままにしてIPアドレスだけさくらのレンタルサーバに向かせる方法 お名前.comで取得したドメインをさ…

NginxとTomcatでリバースプロキシ連携

なぜNginxとTomcatを連携? ポートの開放 サーバ設定 MySQLのインストール Nginxのインストールと起動 Nginxのインストール confファイルを書き換えてリバースプロキシ設定 Nginxの起動・自動起動設定 JavaとTomcatのインストールと起動 JavaとTomcatのイン…

AWS(EC2)・CentOS6にMySQL5.7をインストール・起動

MySQL5.7のインストール 最新のリポジトリ追加 MySQLのインストール MySQLの起動 起動設定 初期パスワードの取得 初回ログインとパスワード再設定 まとめ MySQL5.7のインストール 今回はAWS(EC2)またはCentOS6のサーバにMySQL5.7をインストールする手順につ…