Vue 3 と D3.js で作る可視化アプリ | 豆蔵デベロッパーサイト

2023/02/10 15 users 豆蔵デベロッパーサイト d3.js

筆者は Scrapbox を愛用しており、Scrapbox プロジェクトのページ間のグラフ構造を可視化するためのツールを作ったりしています。 GitHub - mamezou-tech/sbgraph: Fetch Scrapbox project data and visualize activities. このツールは Graphviz の dot 形式ファイルを出力するので手軽にグラフ構造の可視化が可能です[... 続きを読む

Vue 3 で Options API を無効化するという選択肢

2022/12/23 9 users Options API 選択肢 バージョ gzip プラグ

概要 本記事は、Vue 3 で Options API を使用するためのフラグである __VUE_OPTIONS_API__ を無効化した場合の挙動やバンドルサイズの違いについてまとめになります。 TL;DR Options API を一切使わないプロジェクトなら、Vue アプリケーションの バンドルサイズを 5.49kB 削減 できました (gzip なら 2.14 kB) バージョ... 続きを読む

Vue.jsでWebページをつくる際の肝！「コンポーネント」をTypeScriptで活用しよう

2022/08/03 11 users TypeScript コンポーネント デフォルト 型定義 言語

本連載では、JavaScriptフレームワーク「Vue.js」を、型定義が利用できるようJavaScriptを拡張した言語「TypeScript」で活用する方法を、順を追って説明していきます。前回はVue 3がデフォルトとなる時代のVue.js開発新常識を紹介しました。今回は、Vue.jsでWebページを作る際の構成要素となる「コンポーネント」につい... 続きを読む

機能開発を止めずに、500コンポーネント規模の Vue 3 移行を完了させた開発プロセス

2022/08/03 22 users 移行 開発プロセス 機能開発 スタディスト 笹木

スタディスト 技術支援ユニットの笹木 (@s_sasaki_0529) です。 2022年上半期、およそ500コンポーネントを持つ Vue 2 プロダクトである Teachme Biz を、半年間に渡る単独作業を経て、 Vue 3 に移行することに成功しました。 本記事では、私達がどのようにして、機能開発は止めずにバージョンアップや破壊的変更への対応... 続きを読む

Vue 2 からVue 3 に移行完了しました！ - クラウドワークス エンジニアブログ

2022/03/02 13 users クラウドワークス 移行 エンジニアブログ Vue 2 ＡＲＴ

Vue.js ロゴ画像提供 : https://github.com/vuejs/art はじめに こんにちは、クラウドワークス ジャンヌチームの@bugfire、@okuto_oyama、@yizknnです。 ジャンヌチームはクラウドワークスの負債を管理下に置くことがミッションのチームです。 問題の大きさに合わせて、直接解決する場合や、他チームと連動したりこちら... 続きを読む

2022年の最新標準！Vue 3の新しい開発体験に触れよう

2022/01/20 18 users ICS vite ライブラリ Vue.js コア

2021年のVue.jsは新しいVue 3のコアが安定し、開発環境からライブラリやコードの書き方まで、新しい発表の多い一年でした。ICSではすでに複数のプロジェクトでVue 3やVite等の新しいフレームワーク・ツールを使用していますが、まだまだ様子見という方も多いでしょう。 変化の大きいVue 3の周辺ですが、2021年11月のVueC... 続きを読む

Vue2のプロジェクトをVue3へマイグレーションする

2021/09/14 5 users Vue3 Vue2 プロジェクト Vuetify 移行手順

Vue 3が正式リリースされてから約1年が経過しました。 Vuetifyのリリース目標である2021年Q3も近づく中でそろそろVue3へのアップデートを検討されている方もいらっしゃることでしょうか？ この記事ではVue 2からVue 3への移行手順を記述していきます。 参考用のプロジェクトとして以下レポジトリを用意しました。 Vue 2... 続きを読む

新しいパッケージの開発はVue 3で作ろう　Vue.jsのエコシステムを構築するには　 - ログミーTech

2021/06/23 19 users ログミーTech Vue.js エコシステム 開発 花谷拓磨

LINEが定期的に開催する技術者向けミートアップ「LINE Developer Meetup」の72回目は、Vue.js Communityと共同で開催。ここではLINEの花谷拓磨氏が「How to development library to Vue 3」というテーマで、Vue 3でパッケージを開発する上でのノウハウを共有しました。 LINEとしてVue.jsのスポンサリングを開始 花谷拓磨... 続きを読む

ep.82 Vue 3のためのTSXという新しい選択肢 | UIT INSIDE - LINE UIT の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2021/04/09 10 users TSX Setup Podcast TypeScript 最新

新規プロジェクトでVue 3とTSXを導入した感想について、@spring_raining が @changhee.kim と @daisuke.yamamoto に聞きました。 Vue 3にTSXを導入した経緯 TSXとは？ TypeScript + JSX Vue 3では特に追加のプラグイン無くTSXが利用できる Composition APIのsetupで、TSXで書いたRender functionを返す 参考: ep.39 Vue ... 続きを読む

Vue 2.xとVue 3を共存させようと思ったけどダメだった話 - SMARTCAMP Engineer Blog

2021/01/29 14 users SMARTCAMP Engineer Blog

こんにちは！！！ スマートキャンプでエンジニアをしている吉永です！ 去年の8月に入社し、Boxilのフロントエンド開発に主に関わっています。 自己紹介記事&前回の記事はこちら 弊社の主力サービスであるBOXILは、リリースしてから既に何年も経っているということもあり全てが最新という訳ではなく、インフラからフロン... 続きを読む

Vue Router Next - 意外と語られない Vue 3 時代のルーティング / Vue Router Next - Routing in the Vue 3 that is not talked about unexpectedly - Speaker Deck

2020/09/18 19 users ルーティング Twitter Verda state 時代

Transcript Nozomu Ikuta 2020/09/18 Vue Router Next ҙ֎ͱޠΒΕͳ͍ Vue 3 ࣌୅ͷϧʔςΟϯά Who I am ඵͰΘ͔Δϫλγ • ੜా๬ / Nozomu Ikuta • Verdaࣨ UI Engineering νʔϜ /
 UIT Dev 2 νʔϜ • Twitter: @NozomuIkuta Why Talk about Vue Router ࣮͸େܕΞοϓσʔτ • Vue 3 ͸ ΋ͪΖΜΈͳ͞Μڵຯ௡ʑ • Vuex 4 ͸ State ͷ Type Support Ͱ TypeScripter ͕׻ت • Vue Router... 続きを読む

Vue.js 3 の TSX を TypeScript Compiler だけで動かす方法について | potato4d D(iary)

2020/08/30 8 users TSX tsc iary github.com tl;dr

先日の v-tokyo #11 の懇親会で質問されたので、Native TSX Support される Vue 3 でなぜ tsc だけで TSX が動作しないのかを聞かれたのでメモとして残しておこうと思います。 ちなみに Vue 3.0 beta が出た頃に既に検証し終えているコードは以下にあります。 https://github.com/potato4d/vue-next-tsx-only-tsc TL;DR ... 続きを読む

Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11 - Speaker Deck

2020/08/25 13 users Speaker Deck Transcript role

Transcript "VH��� �������W@UPLZP���5BLVNB�)"/"5"/*���!QPUBUP�E Vue.js with TSX From Vue 2.x to Vue 3 ## Role - LINE Corp. Senior Frontend Enginner - ElevenBack LLC. CEO ## OSS Activity - @nuxtjs/dayjs creator and maintainer - Vue.js Japanese Official Document Co-maintainer ## Coding Style - User I... 続きを読む

新Vue.js「Vue 3」でコンポーネント実装法を大きく変える「Composition API」 (1/2)：CodeZine（コードジン）

2020/07/20 15 users CodeZine ユーザーインタフェース コードジン うち

「Vue 3」は、JavaScriptフレームワーク「Vue.js」の次期バージョンで、2016年にリリースされた「Vue 2」以来のメジャーバージョンアップです。本記事では、Vue 3で導入される新機能のうち、新しいコンポーネント記述形式「Composition API」を説明していきます。 はじめに Vue.jsは、Webページのユーザーインタフェース... 続きを読む

ep.53 Vue 3 Study「Vue.js にもやってくる Fragment」 | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/07/10 8 users Podcast RFC UIT DOM Fragment

@spring_raining が @potato4d に、 Vue 3 の Fragment について聞いてみました。 ゲスト @potato4d フロントエンド開発センター フロントエンドエンジニア UIT で行っている Vue 3 についての勉強会 Vue 3 の RFC を読みながら新しい機能を紹介 Vue 3 Fragment Vue 3 で導入される、実際には描画されない DOM 要素のよ... 続きを読む

終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x - Speaker Deck

2020/06/12 34 users provider アンサー Speaker Deck 期待

終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x 続きを読む

【Vue3に備える】実務で使うComposition APIについて考える - Finatext - Medium

2020/03/11 22 users Finatext medium Vue プレ 待望

◆はじめにどうもこんにちは。Vueが好きすぎて社内でVueを布教している@_slontです。 今回のテックブログでは、これからリリースされる待望のVue 3を万全の体制で迎えるべく、新機能の中でも個人的にアツいと思っているComposition APIについての考察をしたいと思います。 Composition APIは一体僕たちにどんな驚きをプレ... 続きを読む