Hatena Blog Tags
はてなブログ トップ
Buefy
このタグでブログを書く

Buefy

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
なんかいろいろと書いてくブログ•1年前

【Vue.js】Buefyで標準の$colorsの変更と、独自の色バリエーションを追加

Buefy で用意されている Component を利用するとき、 Buefy で準備されている 色バリエーションではなく、 独自に定義した色バリエーションを使う際にはまったので、定義方法の整理 Buefy について Buefy は Vue.js と Bulma 上で作成された UI コンポーネントのライブラリ Bulma 単独で使うより、完成された Component があって、 とくに Design にこだわりがなければ、使いやすいライブラリだと思う 公式 公式は正義 https://buefy.org/documentation 詰まったこと Buefy が準備している Componen…

#Vue.js#Buefy#SCSS

関連ブログ

くらげになりたい。•2ヶ月前

Buefyのb-iconをiconifyに置き換えてみる

Nuxt2のプロジェクトのNuxt3化をしてる途中。 nuxt-modules/iconが使いたいけど、 Nuxt2には対応していないよう。。 とりあえず、Nuxt2でIconifyを使える用意して、 Buefyのb-iconを置き換えれるようにしたときの備忘録。 iconifyの導入 Iconify for Vue 2 Icônes インストール $ npm install --save-dev @iconify/vue2 プラグインの作成 // plugins/iconify.ts import { Icon } from "@iconify/vue2"; import Vue from …

7839•5ヶ月前

【Nuxt】Excelファイルを読み込む（vue-js-xlsx）

Excelファイルのデータをアップロードして、DBに登録する処理をしたいと思い、Nuxt.jsでExcelファイルを読み込むことができるようにしたので、備忘録として残しておく。 Nuxt.js：v2.15.8 Nuxt Buefy：v0.4.7 vue-js-xlsx：v0.0.2 vue-js-xlsx インストール Excelデータをjsonデータに変換する 実装例 （おまけ）VueでのCSVデータの読み込み まとめ vue-js-xlsx 今回は、Excelの表形式での表示や編集などは考えておらず、Excelファイルからデータを読み取ることができれば機能としては十分であったので、vue-…

くらげになりたい。•5ヶ月前

tailwind/daisyUIのカスタマイズ

tailwindとdaisyUIを使いはじめて、 色やサイズをカスタマイズしたいなと思ったら、いろいろできた(*´ω｀*) Tailwind Themeのカスタマイズ Configuration - Tailwind CSS // tailwind.config.js module.exports = { theme: { // テーマの設定 // デフォルトは利用されず、置き換わる screens: { sm: '480px', md: '768px', lg: '976px', xl: '1440px', }, colors: { 'blue': '#1fb6ff', 'purple': …

くらげになりたい。•5ヶ月前

Nuxt3でvue3-notificationをつかって通知する

BuefyからTailwind CSSに移行してるけど、 通知を自前で作る必要があるので、いろいろ試してみたときの備忘録。 通知関連のVueコンポーネントはいくつかあるけど、 Vue3対応でメンテナンスされているvue3-notificationを利用 使い方 まずはインストール $ npm install --save @kyvg/vue3-notification プラグインの作成 vueプラグインを使うので、~/pluginsディレクトリに、 ファイル(vue-notification.client.ts)を追加する。 client側のみで利用するので、.clientサフィックスで作成 …

身長191cmエンジニアのブログ•6ヶ月前

UIフレームワークについて

先日、担当しているプロダクトで使用していたUIフレームワークを削除する対応を行いました。 UIフレームワークは便利な一方でデメリットもあると感じています。 今回はその辺りについて書いてみたいと思います。 UIフレームワーク フロントエンド開発を行う上で何らかのUIフレームワーク（ライブラリ）を使用しているプロダクトは多いと思います。 主だったものをいくつか取り上げてみたいと思います。 Bootstrap まずは最も人気のあるフレームワークの1つであるBootstrap。 Githubのスターは15万以上と圧倒的な数字です。 classを指定するだけで簡単に使用できます。 Bootstrap4系…

SE_BOKUのITな日常•7ヶ月前

クラスレスCSS（simple.css）を@importして拡張する

目次 クラスレスCSS（simple.css）を@importして拡張する simple.css simple.cssを@importして拡張する @importして拡張する クラスレスCSS（simple.css）を@importして拡張する CSSは「Bootstrap」・「Bulma」・「Buefy」などのフレームワークを使ってきました。 どれも、かっこいいですし気に入ってたのですが、ふと「フレームワーク」に依存してCSSの基本的なことを忘れかけている自分に気づいて個人で使うのをやめました。 今は「クラスレスCSS」を主に使っています。 クラスレスCSSはファイルサイズも小さく読む気にな…

くらげになりたい。•8ヶ月前

個人開発報告: 月例振り返り&開発予定 (2022年7月)

7月の振り返り、今月の開発予定です(*´ω｀*) かなり遅れてしまった。。(´・ω・｀) 前回はこちら(*´ω｀*) www.memory-lovers.blog やったこと 今月はアップデート少なめだけど、地味な内部改善を進めてる(*´ω｀*) ＼🚀7月のアップデートまとめ🚀／7月のアップデート内容はこちら👇✅キャッシュによる高速化オプション🎉機能追加は少なめですが、 開発を円滑にするため内部改善を進行中💪どんどん改善していきますので、 ご要望などお気軽にご連絡ください😊#SSSAPIhttps://t.co/d1UyBnT6VC— スプシのJSON API化サービス / SSSAPI【公式…

くらげになりたい。•10ヶ月前

Nuxt3 x Tailwindでの立ち上げを楽にする(daisyUI/Headless UI)

いままでNuxt x Buefy(Bulma)で開発をしていたけど、 いろんなつらみが出てきた。。 なので、Nuxt3 x Tailwindでいい感じにできないか、 調査してみたときの備忘録。 いろんなつらみ 用意されているもの以外のカスタマイズがつらい Bulmaとnuxt/contentsなどの相性が悪い 最初の立ち上げは早いけど、独自色を出そうとすると、 大変になりがち。。 Tailwindを試してみた所感 部分的にTailwindを使ってみる、 Buefy + Tailwindは割と良い感じだった。 このままうまく置き換えられないかなと試してみたけど、 ボタンやリンクも1からスタイルを…