2019/11/21 第161回フロントエンドMTG 議事録

mashabow commented 4 years ago

React の作り方

Build your own React

react-i18next の `Trans` の使い方がややこしい

<br> とか <strong> とか入れたい場合に使える

Trans Component - react-i18next documentation

下の解説記事を読んでようやくわかった

Using react i18next Trans Component · arkross/arkross.github.io Wiki

`file.type` を信頼してはいけない

File.type - Web API | MDN

メモ: 現在の実装に基づけば、ブラウザーは実際にファイルのバイトストリームを読み取ってメディアタイプを判断している訳ではありません。ファイルの拡張子に基づいて推測します。 PNG 画像ファイルを .txt に改名すると "text/plain" となり、"image/png" とはなりません。さらに file.type は一般的に、画像、 HTML 文書、音声、動画などの一般的なファイルタイプに対してのみ信頼できます。一般的ではないファイルの拡張子に対しては、空の文字列を返します。クライアントの構成 (Windows レジストリなど) によっては、一般的なタイプの場合でも予期しない値が発生することがあります。開発者は、このプロパティを唯一の検証方法として信頼しないことをお勧めします。

Be skeptical of client-reported MIME Content-Types | text/plain

Unfortunately, these mappings are subject to manipulation by locally-installed software, which means you might find that installing Microsoft Excel causes your .CSV file upload to have a Content-Type of application/vnd.ms-excel instead of the text/csv your website was expecting.

クライアント側で正しく判別したかったら、マジックナンバーを見るとか