Twitterで草を生やせるTwithubを作った - Qiita
リンク Twithub リポジトリ サイトの内容 Twitterのつぶやきの頻度に応じて草を生やしたヒートマップを描画するサイトです 過去のつぶやきの取得には外部サイトであるTwilogのcsvを使用しています(ユーザーが多そうなため) Twilogはすぐ登録できますし、Twilogの設定内ですぐ過去3000件のツイートが取得できるので新規ユーザーの方も大丈夫です csvの読み込みはそんなに時間かからないのでちょっとの手順で見れると思います 今後の課題はスマホからの動作とツイート時の結果画像添付です 背景 QiitaHubに触発されて作りました 正直誰か作ってるやろと思ったが反応を見るにいないっぽい？ 意外と作りたかった人が多いことに気づく 月曜日にアイデアを思いつき、火曜日に開発しあとはちょくちょく触りつつ土曜日にリリースしたので一週間くらいでできました Twitterにツイートしたらわ
Vuetifyをインストールして使ってみる - Qiita
# プロジェクト作成 $ vue create my-app $ cd my-app # vuetifyをインストール $ vue add vuetify ? Use a pre-made template? (will replace App.vue and HelloWorld.vue) Yes ? Use custom theme? No ? Use custom properties (CSS variables)? No ? Select icon font md ? Use fonts as a dependency (for Electron or offline)? No ? Use a-la-carte components? No ? Use babel/polyfill? Yes ? Select locale en
Carlo、vue-cli、pkgを使ってvueを使ったデスクトップアプリケーションを作る - Qiita
先日Carloというjavascriptでデスクトップアプリが作れるライブラリがリリースされました。 https://qiita.com/Quramy/items/d38b26a7c0007e757353 これとvueを組み合わせてみました。 利用するnpm vueのテンプレート作成 https://github.com/vuejs/vue-cli node.jsのアプリケーションをデスクトップアプリに https://github.com/GoogleChromeLabs/carlo デスクトップアプリのパッケージ化 https://github.com/zeit/pkg vue-cliのインストール
Vue.js＋Firebase+Stripeをさわさわしてみるーその１
久しぶりにプログラミング言語の海をさまよっていると、何やら「Vue」という聞きなれないフレームワークが流行っているのだとか。なんでも、Reactさんがとってもフレンドリーになったイケメンのようなフレームワークだとか。 雑食系としては手を付けないわけにはいきません！というわけで早速さわさわしてみたのでちょっとまとめておきます。 やること Vue-cliを使ってアプリケーションを作ってみます。 + 認証とDBにはFirebaseを採用します。もちろん無料枠で！ + 外部APIとの連携についてもちょっとトライしてみます。jalanさんとyelpを使いたいと思います。 + せっかくなんで課金機能もちょちょいと組み込んでみましょう。stripeでいいかな。 開発環境はwindowsにubuntsuのっけてやってます。nodeとnpmが入ればぶっちゃけなんでもOKです。 ステップ1：vue-cliの準
vue.js + typescript = vue.ts ことはじめ
vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要 vue.js を typescript で書く vue-class-component を利用する vue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。 プロジェクトテンプレート 何
Vue CLI 3.0とTypeScriptを使ってEthereumウォレットを作ってみた - Qiita
どうも、shoheiです。 大阪在住のフリーランスエンジニアで業務委託でiOS、Webアプリの開発をしています。また、ブロックチェーンNEMを用いたプロダクト開発も行っております。 概要 前回の記事ではNEMウォレットの作成方法を紹介しました。 Vue CLI 3.0とTypeScriptを使ってNEMウォレットを作ってみた 続いて同じ開発環境でEthereumウォレットの作り方を紹介します。 完成イメージはこんな感じです。 完成コード GitHub GitHub Pages 開発環境 macOS High Sierra 10.13.6 Google Chrome Vue CLI 3.01 TypeScript PWA yarn Ethereumとは Ethereumとは分散型アプリケーション(DApps)のプラットフォームです。Ethereumのブロックチェーン上ではイーサ(Ether)
Vue CLIのプロジェクト管理UIがいい感じだった - Qiita
表示されました。日本語対応されてます！ 作成ボタンからプロジェクトを作成してみます。 どのディレクトリに作成するか指定できます。 画面下の「ここに新しいプロジェクトを作成する」ボタンをクリック。 プロジェクト名やパッケージマネージャ(NPM or YARN)などの指定ができます。 コマンドでやるよりわかりやすいですね^^ 「手動」を選択すると細かく機能選択できます。 詳細情報のリンクもあってとっつきやすいです。 各種オプション指定。英語だからなぁ。。。という方はGoogle Chromeの「日本語に翻訳」が出番ですよ！ はい。大体わかります。 次回同じ設定でプロジェクト作成できるようにプリセットも保存できます。 プロジェクト作成中。ここはコマンド実行と同じく時間がかかります。 vue ui コマンドを実行したターミナルです。 インストールが完了すると、プロジェクトの管理画面が表示されました
vue-cli インストール手順（ver. 2018 - 2019） - Qiita
宮崎在住エンジニアのジョウ(@JotarO_Oyanagi) です。 2018年9月現在、vue-cli をインストールする手順として、「このツール、手順でインストールしておくと、今後使える構成なんじゃないか」というものをご紹介します。 TL;DR これから vue-cli をインストールする方に向けた内容です。 anyenv、ndenv、yarn を使用してインストールします。 すでに Node.js や、そのバージョン管理ツールをインストールされている方で、anyenv、ndenv を使用される方は Node.js をアンインストールしておく必要があります。 参考：Mac OS X からNode.jsをアンインストールする anyenv のインストール＆設定 各言語のパッケージマネージャーのパッケージマネージャーです（ややこしい）。 参考：anyenv
NUXT いるのかどうか (Vue CLI 3 との比較) - Qiita
Nuxt.jsいらない説 という記事を読んだのをきっかけに、 NUXT と Vue CLI 3 どちらを使うべきか、その選び方を整理してみた。特にその記事に対する反論とかではない。 Vue を使うときの選択肢 現状、 Vue CLI 3 と NUXT の二択だと思って良い。 少なくとも webpack で1からゴリゴリ書くのはおすすめしない。アップデートが死ねる。 parcel はちゃんと使ってないのでコメントしにくいが、 Vue CLI 3 ですら重たいような局面では使えるかも知れない。けど今回は選択肢には挙げない。 Vue CLI 3 とは なにをするものなのか Vue のツールチェーンがほぼ全部入りした CUI/GUI ツール。 vue create を叩くとローカルでの開発環境やビルドを備えたプロジェクトが作成される。その際、 Router や Vuex を導入するかも選択できる。
Deployment | Vue CLI
⚠️ Vue CLI is in Maintenance Mode! For new projects, it is now recommended to use create-vue to scaffold Vite-based projects. Also refer to the Vue 3 Tooling Guide for the latest recommendations. Deployment #General Guidelines #If you are using Vue CLI along with a backend framework that handles static assets as part of its deployment, all you need to do is make sure Vue CLI generates the built fi
Vue CLI 3 で PWA のアプリつくって GitHubPages で公開 - Qiita
概要 Vue CLI のバージョン 3 が出て，PWA とかを簡単に入れられるようになったので試しました GitHub Pages に上げるだけだと ガイドにも書いてある のですが，PWA への対応もしてみました 準備 Vue CLI 3 を入れる 2.x が入っているときは一度アンインストールしてから @vue/cli をインストール 詳しくは Vue CLI のガイド を参照 書いた時点での Vue CLI のバージョンは 3.0.1 です プロジェクトを作る $ vue create pwa-sample を実行（pwa-sample は任意のプロジェクト名） Please pick a preset と表示されるので，Manually select features を選択 下のような画面になるので， PWA を選択しておく（スペースで切替） 4. 後は好きな設定でプロジェクトを作
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vuetify-todo-pwa
GitHub - davidgaroro/vuetify-todo-pwa: ✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
vuetify-swipeout
GitHub - davidgaroro/vuetify-swipeout: 👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
https://sugimotonote.com/2018/08/14/post-1135/
GitHub - kawamataryo/vue-apollo-crud: vue-apolloでのCRUDの実装サンプル