Vue 2 から 3 へ移行しようとしたらいちばん大変なのが Vuetify 2 から 3 への移行だった話 - spacelyのブログ
はじめに 株式会社スペースリー フロントエンドエンジニアの宮坂と申します。 ふだんは3Dビューアやその編集画面のDOM部分をReactやVueで書きつつ、たまにフロントエンド開発環境構築おじさんとして他チームへ出しゃばったりして生きています。 今回はその環境構築に関わるところ、Vue 2 から 3 へ移行しようとしたらいちばん大変なのが Vuetify 2 から 3 への移行だった話を書きます。 レガシーを生かしつつアップグレードする苦労話としてニッチに刺されば幸いです。 経緯と背景 Vue 2 のEOLまで1年を切って スペースリーはサービスインから6年以上経つこともあり、技術スタックはプロジェクトによって新しいものもあれば、今となっては古いものもあります。 リリースから日が浅いパノラマ変換3Dプレイヤーは2023年6月時点でエンドユーザー向けの部分がReact 18で、事業者向けの部分
Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】フロントエンド準備編｜Yuu's Memo
皆さんこんにちは！！ 前回までで、最低限のスケジュール管理をできるAPIサーバーの作成が終わりました。 今回からは、フロントエンド編ということで、ようやくWEBアプリの開発らしくブラウザー上で動きを確認できるようになります。 フロントエンドは、Vue.jsで作成するのですが、いくつか開発に便利なライブラリーを利用して開発を行なっていくので、今回は「準備編」ということで、一気にそれらのライブラリーをプロジェクトへ組み込んでいきたいと思います。 では、張り切っていきましょう！！ 前回までの記事はこちらからどうぞ Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】準備編Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】API作成編①Laravel + Vue.jsでGoogleカレンダーのクロ
【はてなブログ】ブログアイコン、Webフォント一覧（124種類）使い方、表示されない時の対処法 - バンビの初心者ブログ教室
はてなブログで標準で使えるアイコンフォント（Webフォント）とその使い方を紹介します。 ↓↓これぜんぶ！ダウンロードしなくても使えます！！ グローバルメニューや、ブログ中のちょっとしたポイントなどを示したい時にアイコンを使うと目立ちますよね。 ポイントを目立たせたい時 ↓↓ ポイント スマホのボトムメニュー ↓↓（ボトムメニューのCSSはこちら） SNSのシェアボタンなどをつくるのにも使えます！ この記事では、上記のようなWebアイコンをはてなブログの中で使う方法やコピペでできるコード、また上手く表示されない場合の対処法などを紹介しますので、ぜひご参考にしてください。 アイコンは、Font Awesome などを外部から読み込む方法もありますが、はてなブログでは120種類ほどのオリジナルのWEBフォントをデフォルトで読み込んでいます。 これらのフォントであれば、外部から読み込むよりページが
Vuetify を import する main.ts(main.js) 内でもいいですし、 /plugin ディレクトリを作って vutify.ts(vuetify.js) みたいなファイルを作成してもいいです。 ここでは後者の方法で TypeScript で書く方法紹介していきます。 import Vue from "vue" import Vuetify from "vuetify" import "vuetify/dist/vuetify.min.css" // フォント関係 import "@mdi/font/css/materialdesignicons.css" import "material-design-icons-iconfont/dist/material-design-icons.css" // 言語設定 import ja from "vuetify/src/l
また暫く時間が空いてしまいました。 この間、7月末に駆け込みでWindows7→10への無償アップグレードを済ませたのですが、Windows 95 日本語β版以来あの操作環境に慣れ切ってきた身としては、ビジュアル面が大きく変わったせいかあんまり表示が頭に入ってこない感じになってしまって、ちょっと使いづらくなってしまいました。 無理やり以前の環境に近づけようとする場合、例えばExplorerの使い勝手については「秀丸ファイラーClassic」を使えばほぼXP相当にできますし、アイコンデザイン変更に伴う違和感(というか認知の遅れ)は、昔のデザインのものをWin95のインストールディスク等から回収してレジストリ上で差し替えてやることで解消できます(この2つをやるだけでも結構効果的です)。しかし、7まではあったUIのクラシック表示がWindows 8以降は廃止になってしまったため、そのままではこれ
v2.0.0 (Arcadia) Welcome to the v2.0.0 release of Vuetify! Before getting into the actual release introduction, I wanted to take a moment of your time to talk about project sponsorship and a unique opportunity that I've been fortunate enough to be a part of. Version 2.0 represents the culmination of 8 months of development. Through the combined efforts of numerous developers, we have been able to
【2021年最新版全116種類】初心者でも超簡単！はてなブログのアイコンフォントの使い方。<i class>で表示できない方も。【コピペOK・CSSいらず】 - 30分集中のすゝめ
メニューや記事の中に「」こういうアイコンがあるの、見たことありますよね？ これ、とっても簡単に使えるので、是非使い方を覚えてブログに彩りを加えてみてください♪ 初心者でも分かりやすい解説を心がけるので、是非最後までご覧ください！ １．アイコンフォント の使い方 使い方はとっても簡単。 記事の「HTML編集」をクリックして、アイコンを挿入したいところに <tt class="クラス名"></tt> を挿入するだけです！ 「クラス名」のところにはお好きな種類のアイコンを入れます。 例えば、家のマーク「」が入れたければ <tt class="blogicon-home"></tt> とすればOKです。 クラス名は最後に一覧を載せているので、好きなものを選んでください。 ２．サイズを大きくする方法 サイズが小さくて見にくい！という場合には大きくして表示するやり方があります。 クラス名の後に半角スペ
Vue, Storybook, TypeScript—starting a new project with the best practices in mind (originally published on Medium) I like writing React code. This might be an odd introduction to a story about Vue, but you need to understand my background to understand why I’m here discussing Vue. I like writing React code and I hate reading it. JSX is a neat idea for assembling the pieces together fast, Material-
material-design-icons/codepoints at master · google/material-design-icons · GitHub
Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up
draw.ioでAlibaba Cloudアーキテクチャ図を描こう｜Engineers' Blog｜SBクラウド株式会社 - SBクラウド株式会社
はじめに こんにちは、エンジニアの佐藤です。 久しぶりのTechBlog投稿になります。 今回はdraw.ioを使ってAlibaba Cloudのアーキテクチャ図を描く方法をご紹介したいと思います。 ※説明はいいからすぐに使いたい！という方は、こちら draw.ioって？？ draw.ioとは、英JGraph社が提供するオープンソースのオンライン作画ツールです。 フローチャートやUML図等を無料で、綺麗に、そして簡単に作成することが出来ます。 例えば、以下のような画像をオンライン上で作成可能です。 サンプル画像①サンプル画像② 特徴 draw.ioをオススメする理由は大きく3つあります。 拡大しても画質が劣化しない！ コネクタが自由自在！！ テンプレートが豊富！！！ 拡大しても画質が劣化しない！ draw.ioで用いられる各種Shapes（アイコン画像）はSVG（Scalable Vect
個人向け無料キャリアコンサルティング申込受付中 | キャリア形成・リスキリング支援センター(厚生労働省委託事業)
" aria-hidden="false" data-av_icon="" data-av_iconfont="entypo-fontello">キーワード
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vuetify2.x でよく使うUIComponents まとめ - Qiita
Windows 10を「本物の」クラシック表示で使う - 雑記帳
Release v2.0.0 · vuetifyjs/vuetify
Vue, Storybook, TypeScript—starting a new project with the best practices in mind