異端開発室

背景 Vueベースのローコードプラットフォームの開発を担当し、既に二次開発が行われている状況で、一部のコンポーネントのパスを変更する必要がありました。しかし、その変更により二次開発されたコンポーネントの参照が壊れる可能性があり、各チームにパスの変更を通知することも現実的ではありませんでした。 解決策 この問題を解決するための主なアプローチは、Webpac ...

JSON Web Tokenによる認証処理 利用方法：http://getblimp.github.io/django-rest-framework-jwt/ インストール手順 pip install djangorestframework-jwt 設定方法 REST_FRAMEWORK = { 'DEFAULT_AUTHENTICATION_CLASSES': ( 'rest_framework.authentication.BasicAuthentication', 'rest_framework.authentication.SessionAuthentication', ...

一、HTTPリクエスト処理1. APIインタフェースの定義import request from '@/utils/request' export const fetchUserList = (query: UserQuery, payload: UserPayload) => request({ url: '/api/v1/users', method: 'post', query, payload })2. リクエストインターセプタimport axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'a ...

この記事は「掘金・启航计划」に参加しています。 プロジェクトの背景 Viteが登場してから、webpackのユーザーの多くを引き継ぎました。初心者でもすぐにViteの高速性を体験できます。 Viteの公式ドキュメントでは、その名前の由来について述べられています。Vite（フランス語で「速さ」）という名前通り、すべての要素が「速さ」を強調しています。 しかし、vue-cliに慣れ ...

実際の運用シナリオでは、HTTPS経由のフォーム送信は既に暗号化されていますが、プロキシサーバー経由で平文が取得される可能性があるため、このような暗号化機能が必要となりました。技術的な詳細については、ご質問があればお気軽にお問い合わせください。技術面接の履歴書に記載するための実践的な内容として共有します。Vueに関する技術的な問題については、いつでもお ...

日付選択コンポーネントの警告と解決策 **警告:** [antdv: DatePicker] `value` が無効な moment 時間を提供しています。空の値を設定したい場合は、代わりに `null` を使用してください。 **原因:** a-range-picker コンポーネントが期待する value は moment オブジェクト配列 [ "2024-07-10T07:46:14.632Z", "2024-07-11T07:46:14.632Z" ] であり、文字列配列 ['2020- ...

原理 ボタンクリック/ルートトリガー → パス変更 → routerによる検知 → router/index.jsの設定ルールに基づき対応ページへ遷移 基本的な使用法 対応するSPAコンポーネント（vueページ）を作成 ---AboutPage.vue--- <template> <h2>Aboutページのコンテンツ</h2> </template> <script> export default { name: 'AboutP ...

1. nextTickの役割と目的 nextTickは、Vueがデータ変更を検知してDOMを再レンダリングした直後のタイミングでコールバック関数を実行するためのユーティリティです。Vueのリアクティブシステムは非同期でDOM更新をバッファリングするため、データを変更しても即座にDOMが反映されません。このギャップを埋めるのがnextTickであり、正確なDOM状態を前提としたJavaScript操 ...

はじめに 現代の急速な経済発展と絶え間ない情報技術の進化により、従来のデータ管理方式はソフトウェアによる保存、整理、集中処理へと進化しています。このような環境下で誕生したのが本体育館管理システムであり、管理者が膨大なデータを短時間で処理することを支援します。このソフトウェアツールは、業務処理効率を向上させ、労力を節約する効果があります。本システ ...

DocusはNuxtとMarkdownを使用してビューティフルなドキュメンテーションを作成できるツールです。この記事では、Docusのフロントエンドコンポーネントを使って階層データを表示する方法を紹介します。 再帰コンポーネントとは？ 再帰コンポーネントは、自分自身をテンプレート内で呼び出すことができるコンポーネントです。これはファイル構造やナビゲーションメニューな ...