はてなブックマーク

なにかツールを作るまでもないが、ブラウザ上での作業を簡略化したい場合、ブックマークレットを使うケースがあり、色々と工夫していたら一つの記事になりそうだなと思ったので、いつも使っているTIPSを共有します ブックマークレットって？ブックマークから起動する簡易的なプログラムです。 ブックマークのURLのところにjavascript:からスタートする文字列を入れると、JavaScriptが動くというものです。 JavaScriptが動くので基本何でもできるのですが、入力欄が一行なので開業をベースとした通常のJavaScriptとは違った書き方を推奨されます。 書き方のコアコンセプト基本的に短めにするカンマやセミコロンなどで明示的に文の区切りを指定するTIPSクロージャーでくくるブックマークレットはグローバル変数を汚染するため、スコープを制限するためにクロージャーでくくることが推奨されています G

こんにちは、 kotamatです。 新マイクロサービスのアーキテクチャーにNode.jsとTypeScriptを導入したのですが、そちらの基盤技術としてInversifyを導入したらめちゃくちゃ良かったので、使い方含めて紹介します。 DIコンテナって何？DI(Dependency Injection)を達成するためのコンテナのことです。 DIは色んな所で紹介されているので、割愛しますが、簡単に言うと

今まではEC2上でLaravelを動かしてきたが、CVEの対応など、定期的にミドルウェアをアップデートする仕組みとして、VMレベルでのプロビジョニングをするのが大変になってきたので、Dockerコンテナ上で動く仕組みを考える必要が出てきた。 Dockerコンテナ上で動かす仕組みとしてPreview環境ではk8sを採用しているものの、メンテナンス性において社内にECSを実際に運用したことのあるメンバーがいるという観点から、安全をとってECSの採用を検討した。 ECSをLaravelで採用する上で、特に運用面にていくつか考慮しなければならない点があったので、本記事でまとめる。 TL; DRログ出力のため、標準出力・標準エラーへの反映を行うTerraform上で.envを作成、S3にあげてからGithubActionsで取り回すコンテナのデプロイ後を、CloudWatch Event + Lam

こんにちは kotamat です。 書いていたらほとんどVue.jsの話じゃなくなっちゃいましたが、SPAの構成において気をつけるセキュリティーに関して紹介したいと思います。 免責もちろんすべての脆弱性を網羅しているわけではないため、ここに紹介しているものをすべてやれば完全にセキュアというわけではありません。 簡易にTIPSを紹介するという目的となります。 DOM Based XSSVue.jsなどDOMを生成するフロントエンドのフレームワークを使うにあたって切っても切り離せない脆弱性の一つがこれでしょう。参考URL JavaScriptによって生成されるHTML DOMによって攻撃者が任意の実行されるJavaScriptコードを注入できるようになる脆弱性であり、攻撃を受けた被害者のブラウザで実行されてしまう事により、機微な情報の漏えい等が発生してしまう可能性のある問題をはらんでいます。

こんにちは、 kotamat です。 少し前から、CDKを用いた環境整備を行いました。今までterraformで構築してきたので、それとの差分をメモ代わりに書こうと思います。 TL; DR使い分けとしては下記のようになるかなと思っています CDKベストプラクティスを簡単に構築したい場合。ビルドプロセスなど、動的にインフラ構成を構築したい場合terraformサービスの基盤となるインフラを構築したい場合同等の環境を、異なるVPCなどで構築したい場合CDKとはAWS クラウド開発キット (AWS CDK) は、使い慣れたプログラミング言語を使用してクラウドアプリケーションリソースをモデル化およびプロビジョニングするためのオープンソースのソフトウェア開発フレームワークです。 https://aws.amazon.com/jp/cdk/ 簡単に言うと、TypeScript、Python、Java、