Vue.js

2024/03/06 に開催される Vue.js v-tokyo MeetupにOPTiMが会場スポンサーとして協賛します

サービス開発統括本部 ソリューション開発部で農業プロダクトの開発を担当している西村です。 この度、OPTiMが会場スポンサーとして、2024/03/06 に開催されますVue.js v-tokyo Meetup #19にスペースを提供させていただくことになりました!! 今回はその案…

Vue2系からVue3系への移行における苦労話

はじめまして この記事について 移行前の環境 移行の流れ Vue 3.3 移行について 破壊的変更の対応について 1. v-model v-bind.syncについて 2. v-on.native 修飾子の削除について 3. vue-i18n 8.x → 9.x の破壊的変更対応 移行時の苦労 担当者曰く Vuetify2 …

「v-btnコンポーネントのテキストが折り返されない問題」における戦いのいく末を覗く

こんにちは、AI・IoTサービス開発部の岩丸です。 普段の業務では主に**Vue.js + TypeScript + Vuetify**と格闘しております。VuetifyやMUIなどのCSSライブラリを使用していると、非常に多くの恩恵を受ける反面デフォルトのCSS設定に悩まされることが多々ある…

Storybookを活用して開発とデザイナー連携

こんにちは、AI/IoTサービス開発部のIoTサービス開発ユニットの下村です。 今回はOPTiM IoTサービスを開発するにあたりデザイナーとの連携をどのように行ったかについてご紹介したいと思います。 デザイン開発における課題 OPTiM IoTの開発におけるデザイン…

Vuetifyに依存したVueコンポーネントをnpmパッケージとして共有する方法

Vuetifyなどのライブラリに依存しているVueコンポーネントをnpmパッケージとして共有することが目的です。

Vue.jsでJSONをQRコードに変換して画面に表示した話

はじめに こんにちは。技術統括本部 プラットフォーム事業部 東と申します。 数年前までCOBOLでプログラムを書いていたコボラーです。 現在はOPTiM Cloud IoT OS(以下CIOSと呼ぶ)のIoT機能のフロントエンドの開発をしています。 よろしくお願い致します。 開…

Vue.js + WebAssembly(Go)を触ってみた

気になっていた WebAssembly を業務ツールアプリで使ってみたので、そのときに利用した Vue.js + WebAssembly(Go) のお話をしようと思います。

Vue.js + Express + Typescript を同一リポジトリで開発する方法

こんにちは。プラットフォーム技術戦略室の青木です。 普段はLaravelやクラウドネイティブインフラストラクチャ、IoTなどの記事を執筆しています。 今回もLaravelの記事同様に、導入編となっています。 Express + Vue.jsの参考文献はあれど、Typescriptと併…

RSocket With Spring Boot + Vue.js アプリケーション

こんにちは、プラットフォーム事業部 DXユニットの高橋(@yukey1031)です。 先日開催されたOPTiM TECH NIGHT|Webアプリケーション/APIサーバフレームワークを語るLT大会で 「WebFluxでリアクティブなWebAPIのデモ」といった話をさせて頂きましたが、続けて…

Laravel+PostgreSQL+Vue.jsでSPA開発【チュートリアル】

はじめに 皆様こんにちは。OPTiM新卒1年目エンジニアの青木です。 前回は早押しボタンなんかを作っていました。 tech-blog.optim.co.jp 今回は、PHP フレームワークの Laravel を、PostgreSQL と Vue.js と組み合わせて作成する TODO アプリを通して紹介しま…

OpenAPIによるスキーマファースト開発の実施サンプルとCloud Runについて

こんにちは、インダストリー事業本部 医療チームの高橋(@yukey1031)です。 去年のクリスマス以来の投稿です。AMIAS(アミアス)をお願いします。 さて、今回は自身の周辺業務で普段行っているOpenAPIによるスキーマファースト開発の実施サンプルと先日Goog…