tsconfig

こんにちは、切削チームの石川です。 前回に引き続き、フォルダアップロードに絡んだフロントエンドのテクニックの解説を行います。 今回のテーマはドラッグ&ドロップです。 ※前回の記事は以下です。 techblog.dt-dynamics.com ドラッグ&ドロップの基本 ブラウザにおけるドラッグやドロップに関する処理は、HTML Drag and Drop APIを使うことで実装できます。 HTML ドラッグ & ドロップ API https://developer.mozilla.org/ja/docs/Web/API/HTML_Drag_and_Drop_API ブラウザにファイルをドロップし…

まずは、node.jshttps://nodejs.org/enをインストール これで、npm（Node Package Manager）が自動的にインストールされるため、 下記のようにしてtypescript のコンパイラ(tsc)をインストールする。 npm config set proxy http://proxy.example.com:8080 npm config set https-proxy http://proxy.example.com:8080 npm install -g typescript そして、プロジェクトごとにTypeScriptの設定ファイル(tsconfi…

Qwen2.5-3B-128KのGGUFモデルを作成されている方がいらっしゃったので、Colab T4環境で試してみました。有難く試してみます。なんやかやで、長文の投入は出来るモデルは心強いですよね。長文の解析で恩恵をあずかるのは、コード解析や論理性のないストーリーだと思います。そこで、github掲載のコードを題材としました。ollamaが不安定でやりなおしが多かったため、ストーリーの題材としての小説解析はまたの機会に。 huggingface.co コード解析。bolt.newのコード解析という漠然とした指示をしてみましたが、それらしい解析をします。日本語でなかなか答えてくれないのは、コー…

こんにちは！メドピアの福田（@Yusa136）です。 2024年11月01日（金）に弊社オフィスにて、MNTSQ株式会社、STORES株式会社と3社でVue Fes Japan 2024 After Meetupを合同開催しました！ Vue Fes Japan 2024 の感想や思い出を語り合いました。この記事では当日の様子やセッションの内容をお届けします。 LT 「VitePressで見つけたアウトプット習慣」 トップバッターは弊社メドピアの岡澤さんです！ VitePressを活用したアウトプット習慣の作り方についての話が印象的でした。「飽き性だけど続けられる」という岡澤さんの言葉の示す通り…

こんにちは。アンドパッドでフロントエンドエンジニアをしている小泉です。 10月19日に Vue Fes Japan 2024 が開催されました。アンドパッドとしては初めてスポンサーブースを出展し、フロントエンドエンジニアを中心に5名での参加となりました。 この記事では、当日のブースの様子と、ブースで取った Vue にまつわるアンケート結果をご紹介します！ スポンサーブースレポート Vue Fes Japan を含め、フロントエンドのイベントへのスポンサー出展はアンドパッドとしては初めての試み。他のイベントと同様の ANDPADおみくじ に加えて、フロントエンドの技術スタックを紹介する展示を行い…

最近、フロントエンドも触る必要があり、ReactとTypeScriptを触り始めました。このメモではReactのコンポーネントの一つであるReact Flowをの使い方をメモしておきます。 【公式ページ】 reactflow.dev 【GitHubページ】 github.com

Vite + React環境でimport文内の「src」を「@」で表記する設定がうまく機能せず少し苦労したので解消方法を共有。 やりたいこと bulletproot-reactの仕様に倣って、import文内でsrc配下のパスを指定する際に、 import Layout from '../../../../components/templates/Layout'; と表記するところを、 import Layout from '@/components/templates/Layout'; と絶対パスで表記できるように設定し、node_modulesからの呼び出しとsrc内からの呼び出しを区別…

React でなにかつくる 目的 React の勉強 フロントエンド関連の知識アップデート ホスティング周りの知識アップデート やったこと 個人ドメインが失効していたため、再取得した レジストラの選定 過去に利用したことがあるレジストラ(利用順) Data Japan GoDaddy Google domains (提供終了, Squarespaceに移管) 利用したことがなく色々できそうなレジストラを調べた 候補 AWS Route 53 Cloudflare Registrar さくらのドメイン 結局 Cloudflare Registrar にした ちょっと高かった TLD-List で…

pnpm create vite my-app --template react-ts はおそらく 30 回くらい流しているコマンドだが、今だに生成後のファイルをみて、「これなんだっけ？」と思って調べている。 最近少し変化もあったようなので、改めて調べてまとめておく。 vite.config.js vite コマンド (pnpm run dev も vite) を実行すると最初に参照される。 plugin などもここにする。 このファイルが存在しない場合でも、Vite は正常に動作し、デフォルトの設定を使用してプロジェクトを実行する。 tsconfig.json tsconfig.node.j…

環境 Next.js 14の開発環境で、eslintのプラグインとして @typescript-eslint/eslint-plugin を使用しています。 エラーが起こっているファイル 今回の例ではnext.config.mjsですが、他のファイルでも起こり得ます。 表示されたエラーメッセージ 以下のエラーメッセージが表示されました。 テキストも貼っておきます。 Parsing error: ESLint was configured to run on `<tsconfigRootDir>/next.config.mjs` using `parserOptions.project`: <t…

AutoImportの型チェックが効くようになった TypedPageによりページ遷移先の補完が出るようになった 型のみのimportの場合はtype importが必須になった ローディングインジケーター ページ遷移時のインジケーター Linterなど おわりに こんにちは！ クライアント開発チームの山中です。 ビザスクでは法人クライアント様がビザスクとやり取りするためのアプリケーションである、クライアントポータルを提供しています。 このクライアントポータルは昨年10月にリニューアルをして、vue2からNuxt3.2上で動くアプリケーションに作り変えました。 その時のビザスクエアの記事がこち…

Webpack についてまとめました。 この記事は以下の構成になっています。 Webpack とは Webpack のインストール webpack.config.js バンドル モード ローカルサーバー ソースマップ Babel の設定 CSS の設定 Webpack とは Webpack は、JavaScript におけるモジュールバンドラであり、複数の静的なリソース（JavaScript、CSS、画像など）をバンドルし、バンドルされたファイルを最適化するツール。 バンドルとはファイルを 1 つにまとめること。 Webpack を使う主な目的は、クライアントサイドでのウェブ開発において、複雑…