vue-bulmaYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Vue Particlesでイケてるサイトをサクっと作る - Qiita
こんにちは。 自分はVue大好きで、最近よくVue.js Showcase - Made With Vue.jsを見ています（Vueに関連したサイトなどが載ってて楽しいのでVue好きは是非覗いてみてください）。そこで先日、Vue Particles - Made with Vue.jsを見つけてしまったのです。 もうやばいです。かっこいいです。 これ、作りましょう。 デモ 先にデモをお見せしておきます。 http://taishikato-try-vue-particles.surge.sh/ ちなみに今回はホスティングにSurgeを使いました。 Githubリポジトリ taishikato/try-vue-particles Tools 今回使用するツールはこちらです。 vue-cli yarn How to use プロジェクトフォルダ作成 上記コマンドを実行するとyarnコマンド実行
Navigation drawer — Vuetify.js
ナビゲーションドロワーコンポーネントには、アプリケーションの内部ナビゲーションリンクが含まれており、画面上に永続的に表示することも、プログラムで制御することもできます。
私のReactのコンポーネント実装アンチパターン
(編集: React以外のライブラリで当てはまるか確認できておらず、主語がデカめなのでタイトルに"Reactの"をつけました) この記事はコンポーネント指向開発における、私が実際に産み出した/遭遇したアンチパターンをまとめたものです。 コンポーネント設計論はちらほら見かけますが、アンチパターン集はあまり見たことないなと思ったことと、実際の開発していくにあたってより具体的なアンチパターン例があった方が学びが捗るのではという思いからこの記事を書き始めました。似たようなコードを書いた時に参考になれば幸いです。また、絶対的な解があるものでもないと思っているので、より良い案などございましたらコメントいただけると嬉しいです。 なお、思いつきベースで書いているので特に網羅性はないです。 忙しい人のためのサマリ 中間のProp変化 あるコンポーネントが他のコンポーネントで何がどう表示されるかを知っているよ
「Vueコンサルが教えたくない７つの真実」を勉強してみた - Qiita
Vueの便利なテクニック７つ Youtubeで見つけたので勉強ついでにまとめてみる。 出展 Chris Fritz さん Youtube https://www.youtube.com/watch?v=7YZ5DwlLSt8 資料（Github） https://github.com/chrisvfritz/7-secret-patterns まとめ - 動画とはバージョン違い（英語） https://www.vuemastery.com/conferences/vueconf-2018/7-secret-patterns-vue-consultants-dont-want-you-to-know-chris-fritz/ Productivity Boost - 生産性向上 1. Smarter Watcher 元のコードはこれ。生成時になにかしてアップデート時にもなにかする。よくやる。
【Contentful編】モダンな感じのSPAブログを自作する - Qiita
はじめに Nuxt.jsとContentfulとNetlifyでモダンな（？）SPAブログを作りました。こちら 何回かにわけて構築の記録を残しているシリーズの第３回です。 前回つくったSPAブログを、APIベースのCMS「Contentful」に対応させていきます。 【シリーズの予定】 - まえがき編 - Nuxt.js編 - Contentful編 ← この記事 - Netlify編 事前情報 Contentfulの構造 ContentfulはユーザーごとにSpace、Content Model、Entryという構造を持っていて、それぞれにIDが割り振られています。 Space以下を複数のユーザーで共有することもできるみたいですが、一人で使用する場合は、以下のような階層構造だと思ってもらえればいいかと。 セットアップ ユーザー登録 まずはこちらからユーザー登録をしましょう。GitHubア
【Nuxt.js編】Nuxt.js + Contentful + NetlifyでSPAブログを自作する - Qiita
はじめに Nuxt.jsとContentfulとNetlifyでモダンな（？）SPAブログを作りました。こちら 何回かにわけて構築の記録を残しているシリーズの第２回です。 今回は簡単にSPAサイトが作れるフレームワーク、Nuxt.jsについて書いていきます。 【シリーズの予定】 - まえがき編 - Nuxt.js編 ← この記事 - Contentful編 - Netlify編 前提となる知識 Vue.jsの基本を知っていることを前提としています。 まだやったことが無い方は公式チュートリアルをやってみましょう。 インストール まずは公式サイトに従って、インストールしていきましょう。 スクラッチからもできそうですが、スターターテンプレートでラクします。 公式サイトはnpmなのでyarnでやってみます。（yarn派なので） $ yarn add -g vue-cli $ vue init nu
Nuxt.js を使って手軽にサーバーサイドレンダリングを試してみよう！ ｜ SiTest (サイテスト) ブログ
Nuxt.js は、 Vue.js をサーバーサイドレンダリングするアプリケーションを構築するのに便利なフレームワークです。 最初は React.js をサーバーサイドレンダリングするためのフレームワークとして Next.js が登場しましたが、 Nuxt.js はその Vue 版です。 Vue.js の公式にも紹介されているフレームワークです。 ではさっそく Nuxt.js でサーバーサイドレンダリングを試してみましょう！ 公式にアクセスして、「はじめる」から順次進めていきます。 ※日本語で翻訳されているので、英語に苦手意識がある人でも安心です。 すぐに試すために、 vue-cli で「スターターテンプレート」をインストールし、アプリケーションを立ち上げます。 インストール手順を順次進めればあっと言う間に構築することができます。 $ vue init nuxt/starter <proj
Nuxt.jsでサーバーサイドからAPIアクセスして表示を行う - Qiita
<template> <div id="app"> <h1>Nuxt API Test</h1> <div class="itemContainer"> <Item v-for="(result, index) in items" :key="index" v-bind:id="result.id" v-bind:name="result.name" v-bind:value="result.value" > </Item> </div> </div> </template> <script> import Item from '~/components/Item.vue' import axios from 'axios' export default { components: { Item }, head: { title: 'Nuxt API Test' }, asyncData
【Vue.js】爆速でリッチなマークダウンエディタをつくれるmavonEditorを使おう - Qiita
<template> <div id="main"> <mavon-editor v-model="value" language="en" /> </div> </template> <script> import Vue from 'vue' import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) new Vue({ 'el': '#main', data() { return { value: '' } } }) </script> 開発者が中国の方のようでデフォルトの設定が中国語となっているのでlanguage="en"のアトリビュートを設定しましょう。すると英語表記になって使い勝手が良くなります。 ツールバーのカスタマイズ デフォルトだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - creotip/vue-particles: Vue.js component for particles backgrounds ✨
Vue-Particles - Vue.js and particles.js component
https://github.com/ClickerMonkey/dayspan-vuetify/tree/master/src/components
Dayspan Vuetify - Vuetify Scheduler / Calendar Components - Made with Vue.js
CDNで始めるVue.js コンポーネント① - Qiita
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」
Vue.js Framework Components - Vuesax
GitHub - lusaxweb/vuesax: New Framework Components for Vue.js 2
GitHub - ectoflow/vue-stripe-elements: A Vue 2 component collection for Stripe.js
GitHub - ZestfulNation/vue-hotel-datepicker: A VueJS v2 responsive date range picker. Displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localization support and more.