実戦で使える本格的なSVGアニメーションを作る - The future starts today
SVGのアニメーションって綺麗だし、カッコいいですよね。 海外のサイトだったり、dribbbleではよく見るのですが、日本のサイトでは凝ったアニメーションはあまり見かけません。 解説記事も偏っていて、モーフィングだったり、ラインアートの記事はたくさんあるのですが、オブジェクトが重なっていくつもシャシャシャッと動くようなアニメーションを解説している記事となると極端に少なくなります。 というわけで、そんなアニメーションを勉強がてら作ってみました！ まずは全体のイメージを作る 今回は試しに、スマホ上にカード形式のタイトル・ディスクリプションが並ぶようなものを作ってみようと思います。 以下のような感じです。 Illustratorを使って作成しました。 Illustratorでなくても、パスが書けるようなツールで、なおかつsvg形式で書き出せるものであれば何でも良いと思います。（sketchとかで
Webアプリ無料運営のススメ：FirebaseとNuxt(Vue)なら最強！ - Qiita
まだサーバーで消耗してるの？Firebase（サーバーレス）とNuxt.js（Vue系）ならWebアプリ運営は最強でしょ！？ この記事は、 サーバー費用をなるべくかけたくないけどショボいのはNO Firebaseの活用法をあまり理解していない Nuxt/Vueを使ってアプリ作ってみたい（Next/Reactと悩んでたり） アプリ構想はあるけどアイデアの落とし込みスピードが遅くて毎回挫折する という人向けに、「こんな感じで構築すれば効率良く開発できそうよ」というのを、勉強になった記事や技術的トピック・躓いた点なども合わせて紹介させていただきます。初心者向け＆技術トピック気になる方向けです！ 今回作ったアプリ「Moji → Pic」 Moji → Picは、文字だけだとなかなか目につく投稿ができないなぁ…とお困りの時にインパクトある画像が即座に出来るアプリ。目立ったツイートで友達に差をつけろ！
NuxtとFirebaseでTwitterまとめサイトを作る！ (ツイートを表示する前編) - Qiita
はじめに - "Vue.js / Nuxt.js / Firebase のアプリ開発体験コース" 🎄🎄 🎅 オープンストリーム Advent Calendar 2018 の 19 日目です 🎁🎄🎄 最近、 Vue.jsとFirebaseを使ってサービス作ったー …と流行っていますね！ この記事では、そんなVue.jsを使ってWebアプリを作る Nuxt.js と、 Firebase を用いて ツイートをまとめるアプリ を作ってみたいと思います！ Vue.js / Nuxt.js / Firebaseの入門としてこの記事を位置づけています🔰 環境はこんな感じです！ $ node -v v11.4.0 $ npm -v 6.4.1 $ sw_vers ProductName: Mac OS X ProductVersion: 10.14.2 BuildVersion: 18C54
Twitterでお菓子と一緒にメッセージを送れるサービスを二週間で開発、リリースした【個人開発】 - Qiita
こんにちは、Qiitaに初めて投稿するG4RDSと申します。 一年半前からWebを触り始めて、最近はVue.js/Nuxt.jsを使ってFirebaseをバックにWebサービスを作るのを趣味にしています。 今年度が大学一年生です。 今回、メッセージをお菓子のイラストと一緒にTwitterのリプライやDMで贈れる「chocotto」というサービスをリリースしました。 これが僕が作ったWebサービス二作目です。 サービス開始しました！ chocottoは無料で使えるギフトメッセージサービスです💌 メッセージをチョコなどのお菓子のイラストと一緒に贈れます🍪 もうすぐバレンタイン🍫 遠くてチョコを渡せない人にも、chocottoで想いを届けてみませんか？#chocottohttps://t.co/J3ONNEpKwu — chocotto (@chocotto_co) 2019年2月11日
GoogleDriveのOCR機能をGASで取得する方法から名刺管理アプリを作った話 - Qiita
少し前にGoogleDriveにOCR機能があるということを知り、この機能をうまく活用できないかなと思って作ってみました。 まずは、OCRの基本的な使い方です。 GoogleDriveのOCR機能の使い方 使い方もとても簡単なので利用してみてください。 以下が使用する手順です。 Driveに画像を保存する 保存した画像を右クリック => アプリで開く => Googleドキュメント を選択 この作業でOCR対象の画像と結果が表示されます。 例で作成した名刺をOCR機能で読み込んで確認してみます。 誤認識はあるものの、文字の部分を抜き出して出力しています。 GASを使ってOCR機能を使用する これを上手く使えば、GASでOCR機能を実装できると考えました。 ということで、以下のソースコードを作成しました。 使用するには、GAS上からgoogle拡張サービスのDriveAPIを「有効」にしてく
Nuxt.js v2.4.0がリリース🎉 TypeScriptの公式サポート、スマートプリフェッチなど。まとめてみた。 - Qiita
Nuxt.js v2.4.0がリリース🎉 TypeScriptの公式サポート、スマートプリフェッチなど。まとめてみた。JavaScriptTypeScriptVue.jsNuxt Nuxt.js v2.4.0がリリース🎉🎉🎉🎉 Nuxt v2.4.0 is finally here 🎉 Official TypeScript support, smart prefetching and many more features & bug fixes.https://t.co/Ljf29xYvXi — Nuxt.js (@nuxt_js) 2019年1月28日 TypeScriptの公式サポートと、スマートプリフェッチがおもなトピックのようですね。 今回は、待ちに待ったプリフェッチのリリースということもあり、 がんばってdev.toを読んでみました。（英語ぜんぜん出来ません...
Flutter 1.0がリリースされたので概要から、環境構築、実装方法、アーキテクチャ、情報収集方法まで全部書く - Qiita
この記事はFlutterアドベントカレンダー 13日目の記事です。 2018/12/5に行われた、Flutter Live でFlutter バージョン1.0がリリースされ安定板となりました。 これを記念して、Flutterのことをできるだけたくさん書きたいと思います。 Flutter 概要 Flutterのページにはデカデカと下記の一文が書かれています。 Flutter allows you to build beautiful native apps on iOS and Android from a single codebase. Flutterを使えば、１つのコードで美しいネイティブiOSとAndroidアプリを構築できる 他にも下記の３点を掲げています。 Fast Development (素早い開発) Expressive and Flexible UI(表現豊かで、フレキシ
新規事業をひとりで作るノウハウ - 怠惰を求めて勤勉に行き着く
生存報告も兼ねて。 カリフォルニアに来てもう半年ぐらい経った感覚ですが、実はまだ4ヶ月ほどでした。非常に多くの素敵な方々との出会いがあり、妻も僕も子供もこの皆さまの助けがあってどうにか生きております。どう感謝してよいか言葉にできないほどです。 さて、ビジネス上の僕のミッションは次の3つです。 主に投資や連携目的の交渉（の技術面のサポート） 日本との連携 新規事業の開発 どれもなかなか難しいです。会ってアポぐらいなら応じてくれる会社も多いですが、投資や連携といってもバブル崩壊以後経済成長できていない我が国はもはや「商習慣だけめんどくさいのに今やカネも持ってないから相手にしてられない連中」というのは肌で感じます。ご存知の通り、サンフランシスコ・ベイエリアはIT企業会社員が年収5000万円もらうような場所です。なかなか同じ規模感で会話するのが難しいレベルに達しています。 こみこみという噂のNet
Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント - Qiita
Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイントJavaScriptsentryFirebaseNetlifyNuxt 技術構成はこんな感じで作りました。 Nuxtというよりかは個人開発における技術選定のポイントを主体に解説した記事です。 これから個人開発をやろうとしている人の参考になれば幸いです。 どんなWebサービス？ Google Calendar の表示/非表示を一括で切り替えるWebサービス。 ※ゲームとかでよくある装備マイセットのGoogleカレンダー版です。 G Suite を導入している企業だとカレンダー画面が会議室や他のユーザーの予定で溢れてしまいます。 TV会議ができる会議室のセットや同じチームメンバーのカレンダーセットをつくり、セットごとの予定をカレンダーのTOP画面で目視で確認できるようになります！ 触っ
NuxtのOGP対応について / firebaseとNuxtでwebサービスつくったのでそのNuxtまわり - Qiita
趣味制作で、これ最高なんすよ〜といったランキングを作れるサービス、COUCH(カウチ)をリリースしました。 URLのランキングしか作れない、知り合いに向けたNAVERまとめ的なものをイメージしてもらえたら大体あってます。 人は忘れるし変わるので年月で区切ってBEST保存できればなと。 毎月2000reblog、100likeしてる身として、去年のおすすめreblogすぐ出せない&忘れてる状態となるのが悔しくて作ったというのが本音 使ってもらえたら嬉しいです。基本1人で作ってるので、足りない至らない部分あります。暖かく見守ってもらえれたら助かります。 COUCH(カウチ)は、Nuxtとfirebase（Authentication, Firestore, Functions, Storage, Hosting）で作ったので、当記事はそのNuxt周りのお話、 具体的にはnpmとOGPについて書
Nuxt入門〜create-nuxt-appでお手軽開発 | WINDII
Nuxtがv2にアップデートされてますます盛り上がりを見せてますね。話題のNuxt開発を今すぐ始めるために便利なcreate-nuxt-appでプロジェクトを作成する手順を説明します。 create-nuxt-appとは create-nuxt-appとはNuxtのプロジェクトを一瞬で立ち上げられる便利なツールです。Reactの世界ではcreate-react-appが提供されていましたが、ついにNuxtの方にもきました！ プロジェクトを作成する npxを使う まずはnpxを使う方法です。 npx create-nuxt-app my-app yarnを使う yarnの場合は以下のようにして作成します。 yarn create nuxt-app my-app create-nuxt-appをグローバルインストールする yarn global add create-nuxt-app crea
Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
フロントエンド 52124 view Vuetifyチュートリアル。CSSを書かないマテリアルデザイン 最終更新日:2019/03/23 VuetifyとはVue.jsで使える、マテリアルデザインのフレームワークです。 Vuetifyにはマージンの調整、文字サイズの変更等デザインをする上で便利なクラスや、マテリアル。 マテリアルにまつわるオプションがデフォルトで備わっています。 マテリアルやオプションを使いこなすと、凝ったレイアウトでなければ、CSSを書くことなくデザインをすることが可能です。 今回は、以下のようなよくある会員登録フォームをVuetifyでCSSを使わずに実装していきましょう！ Vuetifyの環境構築はこちらでまとめておいたので、環境がない方はこちらから初めてください。 Vuetifyが便利すぎる【マテリアルデザイン3分入門】 Vuetifyでマテリアルデザインをする流れ
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていく - Qiita
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていくTypeScriptVuexNuxt はじめに Nuxt1を軽く触った程度なのと、tsほぼ未経験の状態でこの記事を記載していますので間違っているところはぜひご指摘頂けますと幸いです🙇 前提 nuxt 2.0.0 typescript 3.1.1 やってみる Nuxt2をインストールする 執筆時点ではver2インストールの和訳はされていないのでenページの手順通り行います。 npxを使ったことがなかったので今回はnpxでやってみます。
【Vue.js】Vuetify と TypeScript を使用した環境を構築してサンプルプロジェクトを立ち上げるまでの手順 - Qiita
【Vue.js】Vuetify と TypeScript を使用した環境を構築してサンプルプロジェクトを立ち上げるまでの手順JavaScriptTypeScriptVue.jsvue-cliVuetify はじめに Vue.js 用のマテリアルデザインフレームワークであるVuetifyと JavaScript の静的型付けのスーパーセットである TypeScript を使用したプロジェクトの環境を構築しサンプルを立ちあげるまでの手順です。 Vue-CLI のインストール Vue-CLI でひな型を作成するのが簡単なのでインストールします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vuetify landing page - CodeSandbox
GitHub - munierujp/nuxt-vuetify-example: Nuxt.js + Vuetify.js Application Example
GitHub - kiyc/clearr: Re develop Clear
Vuetify Nuxt TypeScript - Google 検索
Nuxt.js Vuetify.js - Google 検索
Chomp - How Good Friends Food.
