はてなブックマーク

目標 この記事のゴールは、Webpackで以下のことができる設定を紹介することです。 SPAではなく複数のHTMLをPugを利用して生成する 複数のJSをそれぞれBabelでトランスパイルする(1つにはまとめない) 複数のSassもそれぞれコンパイルする(1つにはまとめない) CSSにAutoprefixerなどのpostcssをかける CSSを部分的にインラインにもしたい トランスパイルしないファイル(.pngみたいなもの)も扱いたい 先に結果から とりあえず webpack.config.jsを貼っておきます。 // yarn add apply-loader autoprefixer babel-core babel-loader babel-preset-env copy-webpack-plugin css-loader extract-text-webpack-plugin g

この記事では、XSSに詳しくないというWebエンジニア向けに、Railsのコード例とともに、 XSSとは？ XSSが起きる原因 XSSを起こさない対策 に分けて、解説していきたいと思います。 XSSとは？ XSS(Cross Site Scripting)をざっくり説明すると、 あなたの作ったページにXSSの脆弱性があると、 悪い人が自由にスクリプト(多くの場合Javascript)を埋め込むことができてしまって、 そのページを開いたユーザが攻撃を受けてしまうという脆弱性です。 これだけだと、あまりわかりにくかもしれないので、具体的な例を見てみましょう。 コメント機能の場合 例えばあなたがコメント機能を作っているとして、 ユーザの入力に <script>location.href="https://qiita.com/"</script>という文章が投稿されたとします。 これを何も考えずに

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

CakePHPとかLaravelとか、Ruby on Railsとかを最近始めてみたけど、 セキュリティについては全然わからなくて、ちゃんとできているか怖いという人のための、 少なくともこれだけは気を付けてコードを書いた方がいいよというお話。 この記事ではコードを書き始めた初心者が、 気づかぬ内に脆弱性を作りこみやすい場所をピックアップして、 勉強のとっかかりになることを目標にしています。 それとセキュリティに詳しい方々、 もしこれも書いた方がいいよというのがあれば、どうかご教示ください。 アプリケーションの話 Viewの変数は全てエスケープする どの変数がエスケープ必要で、どれが必要じゃないかは判断するのがとても難しいので、 片っ端からエスケープしまくりましょう。