[B! セキュリティ][フロントエンド] kihalaのブックマーク

kihala id:kihala

セキュリティとフロントエンドに関するkihalaのブックマーク (3)

フロントエンドの認可ついて（その２）
概要どうもukmashiです。本記事では、１部目に引き続き、FEとBEで認可の処理が二元化してしまうのをどうクリアするかの提案する記事です。１部目を読んでない方は、ぜひ読んでいただけると幸いです。フロントエンドの認可ついて（１） ReactやVueを始めとして、SPA、Next.js、Nuxt.jsに関する認可についてまとめます。フロントエンドの認可ついて（２） ← 本記事後半では、FEとBEで認可の処理が二元化してしまうのをどうクリアするかの提案です。フロントエンドの認可ついて（３）２での提案を具体的にReactのコードとして落とし込みましたなお、本記事ではサンプルコードとしてReactを使用します。 BEとFEの責務に関して１部の最後でもお話ししましたが、BE、FEそれぞれの責務について再度まとめます。 BEはデータ操作に関する責任を持つ FEは表示制御に関する責任を
kihala 2024/01/04
フロントエンド

セキュリティ
リンク
絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみた - blog.potproject.net
巷で話題になっているこの話題、画像をスクレイピングやダウンロードされたくないということで騒がれています。その話に関しては色々な意見があると思ってますがここでは置いておくとして・・・技術的にやるとしたら実際どれくらい対策できるの？ということが気になったので、自分の知識で出来る限り対策したものを作ってみることにしました。最初に賢い方はわかると思いますが、タイトルは釣りです。絶対に画像をダウンロード&スクレイピングさせないページは存在しません。ソフトウェアにおいて絶対と言う言葉はまず存在しないのです。ブラウザで表示している以上、仕組みさえわかれば技術的には可能です。そのため、「元画像のダウンロードとスクレイピングを非常に困難にしたWebページを本気で作ってみた」が実際のタイトルかなとなります。とはいえ、この仕組みであれば大多数の人は機械的にスクレイピングすることを諦めるレベルの作
kihala 2023/05/28
セキュリティ

フロントエンド

html
リンク
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が
kihala 2022/12/16
javascript

セキュリティ

プログラミング

フロントエンド
リンク
1