MENU
  • HOME
  • Blogメモφ(..)
  • Tipsメモφ(..)
  • rails-app
  • nuxt-app
  • vagrant-ansible
  • other
    • GitHub nightonlypj
    • Bitbucket nightonlypj
    • GitLab nightonlypj

Blogメモφ(..)

  • HOME
  • Blogメモφ(..)
  • Tipsメモφ(..)
  • rails-app
  • nuxt-app
  • vagrant-ansible
  • other
    • GitHub nightonlypj
    • Bitbucket nightonlypj
    • GitLab nightonlypj

Nuxt3

  1. HOME
  2. Nuxt3
2023年10月17日 / 最終更新日時 : 2023年11月2日 admin Vue.js(主にNuxt.jsとVuetify)

markdown-itをVuetifyの環境に導入してデザインを整える

markdown-itの導入は公式を参考にすれば問題なくできますが、Pluginが多くて時間が掛かるのと、Vuetifyの環境に入れると、間隔が狭まったり位置がズレたりするので、demoページを参考にlayoutや他のペ […]

Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年10月12日 / 最終更新日時 : 2023年11月29日 admin Vue.js(主にNuxt.jsとVuetify)

Vuetify Labsとv3-infinite-loadingでv-data-tableを暫定対応する

Vuetify3のv-data-tableは、まだ開発中でリリースされていない。 → Vuetify3でリリースされたv-data-tableにアップデートする 仕様が変わる可能性はありますが、Vuetify Labsで […]

Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月27日 / 最終更新日時 : 2023年12月23日 admin Vue.js(主にNuxt.jsとVuetify)

vue-i18nでまるっとオブジェクトを取得する

Nuxt2(Bridge)からNuxt3にバージョンアップしたら$tでオブジェクトが取得できなくなったので、調査してみました。 先に結論を書くと、厳格化して?、$tmと$rtを使うようになったようです。

Nuxt3Nuxt3移行Vue3バージョンアップ
2023年9月15日 / 最終更新日時 : 2024年1月16日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。VitestとVue Test Utilsを導入

VitestとVue Test Utilsの導入と、Nuxt2向けにJestで書いたテストはできるだけ、そのまま使いたいので、使えるように直します。PageやComponentは、Options API+JavaScri […]

Nuxt3Nuxt3移行VitestVue3バージョンアップ
2023年9月12日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。Vuetifyのデザイン崩れを直す

Vuetify2からVuetify3で仕様が変わって、デザインが崩れたり表示が変わったりしているので対応して行きます。 アップグレードガイドと各APIやコンポーネントのページを確認しながら進めるのが良いのですが、手間なの […]

Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月10日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。Vuetify3のテーマと色を設定+確認ページ作成

Vuetifyの移行していなかった設定(nuxt.config.jsで設定していたテーマ・色)を設定します。 調整しやすいように確認ページも作りました。 前回:Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエ […]

Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月8日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエラーページを修正

ヘッダのタイトルが表示されないのと、エラーページがデフォルトのままになってしまったので、そちらの修正を行います。 前回:Nuxt BridgeをNuxt3に移行。ESlintを導入

Nuxt3Nuxt3移行Vue3エラーバージョンアップ
2023年9月7日 / 最終更新日時 : 2023年11月29日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。ESlintを導入

静的解析ツールのESlintを導入します。Prettierは今の所、なくても良いかな!? Nuxt2でも導入していたのをVue3にも対応させるイメージです。 前回:Nuxt BridgeをNuxt3に移行。上に戻るボタン […]

ESLintNuxt3Nuxt3移行Vue3バージョンアップ
2023年9月6日 / 最終更新日時 : 2024年1月17日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。上に戻るボタンに対応

上に戻るボタンに対応します。vue-go-topがVue3に対応していなかったので、Vuetifyを使って、実装する事にしました。 前回:Nuxt BridgeをNuxt3に移行。vue-toast-notificati […]

Nuxt3Nuxt3移行Vue3バージョンアップ
2023年9月5日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。vue-toast-notificationかvue-toastificationを導入

toast(通知が一定時間表示されて消えるやつ)を導入します。 @nuxtjs/toastは、現段階でNuxt3に対応してなさそうなので、選定から始めます。 前回:Nuxt BridgeをNuxt3に移行。nuxt-au […]

Nuxt3Nuxt3移行toastVue3バージョンアップ通知

投稿のページ送り

  • «
  • 固定ページ 1
  • 固定ページ 2
  • 固定ページ 3
  • »

忘れん坊

定期タスクの管理・リマインダー(Slack・メールに対応)
タスクをカレンダーや一覧で管理し、チームで共有できます。

リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。

※詳細・使い方はこちら「通知駆動のススメ!チームの定期タスクの実施漏れを防ぐ」

公開リポジトリ・動作確認サイト

  • nuxt-app-origin
    https://nuxtapp.nightonly.com/
  • rails-app-origin
    https://railsapp.nightonly.com/

自己紹介

フリーランスから法人成りして、業務委託でスタートアップのイネーブリング(負債解消や効率化、featureチームの支援等)と、副業で上場企業の社内システム(取引先等の管理やSalesforce連携等で業務改善)の開発や改善・提案、フォロー等を行なっています。両社ともフルリモートです。
ECやモール連携、決済、動画のストリーミング配信、YouTubeのデータ分析、会計ソフト開発等の経験もあります。
現在は、Ruby on Rails, Nuxt.js(Vue.js), Next.js(React), TypeScript, AWSを主に使っています。日々、技術の積み上げを意識して、価値提供を目指しています。

検索(Blogのみ)

カテゴリー

  • AI(人工知能)
  • AWS(Amazon Web Services)
  • GCP(Google Cloud Platform)
  • Java
  • React(主にNext.jsとMaterial UI)
  • Ruby on Rails
  • Vue.js(主にNuxt.jsとVuetify)
  • アプリケーション
  • サーバー・ミドルウェア
  • その他

タグ

Action Cable ActiveRecord AIコーディング AI駆動開発 Apache API API Gateway CloudFront CloudWatch Config CORS DB設計書 Devise Devise Token Auth Docker DynamoDB Elemental ESLint FactoryBot Jest Lambda Material UI MediaConvert MySQL Next.js Nuxt.js Nuxt3 Nuxt3移行 PostgreSQL RSpec seed Vue3 Vuetify WebSocket yarn バージョンアップ リファクタリング 共通化 定数管理 日本語化 環境構築 生成AI 認証 調査 開発手法

最近の投稿

2026年5月10日 / 最終更新日時 : 2026年5月12日 admin AI(人工知能)

マルチエージェント・並列化を考えてみた。Claude Code Subagent、LangGraph、Google ADKなど

最近、「マルチエージェント」「並列化」という言葉をよく聞きます。LangGraph、Google ADK、CrewAI、AutoGen── 複数のAIエージェントを組み合わせて、専門化や並列実行で高速化する、というアプロ […]

AIコーディングAI駆動開発生成AI開発プロセス開発手法
2026年5月9日 / 最終更新日時 : 2026年5月12日 admin AI(人工知能)

skillsを検証する仕組みが必要か考えてみた

Claude Code を使い始めて、skills が少しずつ溜まってきました。今のところユーザーグローバル(~/.claude/skills/)に4つ、リポジトリ内(.claude/skills/)に8つ。同名のものも […]

AIコーディングAI駆動開発生成AI開発プロセス開発手法
2026年5月7日 / 最終更新日時 : 2026年5月9日 admin AI(人工知能)

AIは完全に制御できるか、経験は将来も価値を持つか考えてみた

これまでの記事で、AIとの付き合い方をいろいろ書いてきました。 今回は、自分の主張の根底にあった前提を、もう少し疑ってみたい話です。 具体的には、二つの問いを考えます。 AIを完全に制御できるか? 経験は将来も価値を持ち […]

AIコーディングAI駆動開発生成AI開発手法
2026年5月6日 / 最終更新日時 : 2026年5月6日 admin AI(人工知能)

AIだらけのコードベースは危険か考えてみた

以前の記事で「AIは地頭が良く自信過剰な新人」という比喩を使いました。個人としてAIとどう付き合うかを中心に書いてきましたが、組織レベルで考えると別の論点が見えてきます。 新人の比喩を組織に広げると、こんな問いが立ちます […]

AI駆動開発生成AI開発手法
2026年5月5日 / 最終更新日時 : 2026年5月4日 admin AI(人工知能)

AIは意思を持てるのか考えてみた

AI関連も4本目になります。第1弾で「AIは地頭が良く自信過剰な新人」という比喩を、第2弾で「ハーネスとの付き合い方」を、第3弾で「開発プロセス」を書いてきました。 これまでの議論の根底にあった問いを掘り下げておきたいと […]

AI駆動開発生成AI開発手法

正式版リリースのお知らせ

忘れん坊: 定期タスクの管理・リマインダー(Slack・メールに対応) タスクをカレンダーや一覧で管理し、チームで共有できます。
リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。

※詳細・使い方はこちら「通知駆動のススメ!チームの定期タスクの実施漏れを防ぐ」

  • プライバシーポリシー
  • お問い合わせ

Copyright © Night Only Project. All Rights Reserved.