はてなブックマーク

はじめに 昨日ファイルを扱う実装をしている際、github copilotが以下のサジェストをしました const config = { headers: { "content-type": "multipart/form-data" }, responseType: "blob", }; try { const res = await this.axios.post( "/api/export_file", formData, config ); const url = window.URL.createObjectURL(new Blob([res.data])); このサジェストは、バイナリデータを扱う際のJavaScriptの機能を活用するものでした。せっかくCopilotが提案してくれたのに、これらが何を機能するものなのか、その詳細を理解していなかったため、ここでそれらについて調

Auto increment（自動採番）型を採用したくない場合 Auto Incrementは、データベースにおいて自動的に一意の識別子を生成するメカニズムです。通常、数値型の列が対象となり、新しいレコードが挿入されるたびにその列の値が自動的にインクリメントされます。典型的なIDですかね。 ここでは一意性の確保の話や、データ移行やバックアップのデメリットには言及せず、セキュリティとプライバシーの懸念にフォーカスして考えます。 予測可能性 Auto Increment型のIDは連番であるため、次に生成されるIDが容易に予測可能です。これにより、攻撃者がシステムの内部構造を推測し、不正アクセスを試みるリスクが高まります。 情報漏洩のリスク 連番のIDはデータベースの挿入順序を反映しているため、公開されることで企業の活動パターンやデータ生成の頻度が漏洩する可能性があります。 例） 競合他社は、公

React RouterはReactアプリケーションのためのデクララティブなルーティングライブラリであり、シングルページアプリケーション (SPA) の構築を容易にします。 本記事では、React Router v5とv6の主な違いと、その詳細な解説、および実際のコード例を示しながら、v5からv6への移行方法を説明します。 React Router v5とv6の違い 以下に、React Router v5とv6の主な違いをまとめます。 Routeの指定方法 Switchの廃止 Outletの導入 relative pathの利用 useRouteMatchの廃止 Routeの指定方法 React Router v5では、Routeコンポーネントのcomponent属性に指定していましたが、v6ではelement属性にReact要素を指定します。 v5の例:

タイトルは記事の内容を読み込ませ、chatGPTに作成してもらいました。 強いタイトルですが、Reactの初学者向けにAtomic Designとは何なのか、それに則ってコンポーネントを分割するにはどのようにするのかを解説しています。 後半では実際にAtomic DesignでTodoアプリを作成していますので試してみてください。 （有識者はアドバイスなどがありましたらどうぞよろしくお願いします） Atomic Designを理解する React開発者にとってのAtomic Design Atomic Designとは Atomic Designの5つのレベル Atomic Designのメリットとデメリット React/TypeScriptで作るTodoアプリ React開発者にとってのAtomic Design Reactの開発者がAtomic Designを使う理由は、コンポーネント

はじめに この記事は@deepu105に許可を頂きVisualizing memory management in Golangという記事の翻訳したものになります。 Goのメモリ管理を図やスライドを活用して非常に分かりやすく説明されていたため、学習として翻訳しました。 以降が実際の記事の翻訳になります。 これは"メモリ管理"シリーズになります。 🚀 Demystifying memory management in modern programming languages 🚀 Visualizing memory management in JVM(Java, Kotlin, Scala, Groovy, Clojure) 🚀 Visualizing memory management in V8 Engine (JavaScript, NodeJS, Deno, WebAssemb