Vue.js+Firebaseで映画マッチングアプリ(CinemaWith)をリリースしました - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #概要 入社して７ヶ月をすぎました。 流行りのVue.js,Firebaseを使って上映中の映画を利用したマッチングアプリ「CinemaWith」のβ版をリリースしたのでその過程を残します。 https://cinemawith.app #特徴 上映中の映画をお気に入りに登録することで、 その映画を観に行きたい人を探すことができる。 登録からチャットまでが早いため色々な人と関わることができます。 #動機 Sierとして客先で働いているため、やってみたいと思った技術に触れられる機会が少ない。 サーバー構築などはベテランの方がやるので新卒の
Vue.js で日本語の PDF を生成する - Qiita
環境 Vue： 2.5.17 日本語を使わない場合のミニマム実装 日本語を使わなくて良いなら、以下のような感じで速攻で作れる。 https://jsfiddle.net/eywraw8t/480739/ <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.39/pdfmake.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.39/vfs_fonts.js"></script> 上記では便宜上、CDN から呼び出しているが、日本語を使わないなら普通に npm でインストールでも大丈夫。 pdfmake の公式サイトで、ブラウザ上からPDFの編集イメージが見られるのでオススメ。 http://pdfmak
破綻しない Vue.js アプリケーション開発のために大切なこと / How to make a robust Vue.js application - Speaker Deck
2018/10/15 に JSLounge の活動として UUUM株式会社様で行った発表のスライドです。
研究室のHPをサーバレス、SPA、GraphQL、ChatOpsで作った - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Slack botが更新する研究室のHPを作りました。 できたもの https://moriokalab.com Slack botが動いている様子 なぜ作ることになったか 〜ある日〜 指導教員「研究室のHPが欲しいから作って。何も管理したくないからWordPressとかCMSはいやだ。Slackから投稿出来るようにしたい。」 後輩くん「分かりました」 〜その後〜 後輩くん「先輩・・・お願いします・・・」 俺「任せろ」 こうして我々はHPを作ることになった。 要件整理 使う技術を決める前に、まずは頂いた要件を整理します。 webページを
Vue.js + ElementUIでタイムテーブル作成アプリを作った - Qiita
みたいな感じ。 HTML、JSならできそうだな～とは常々思いつつ、生javascriptなんてもう書けたもんじゃないし、jQueryですらDOM操作がしんどいと実感したイヤー2017。 ナウい系フロントエンドa.k.a超トレンドと言っても過言ではないvue.jsとかAngularならこういうの得意なんじゃないの？ってことで作ってみた。 ■できたやつ タイムテ作成くん https://suguruguruguru.github.io/timetablecreator/ ■どうやってつかうの ・イベント名を入れて演者を追加する ・イベント開始時刻、転換時間、演奏時間を入れる ・開始時刻から逆算して各演者のタイムテーブルができあがる ・テキスト編集で微調整してコピペしたり、Excelで書き出す ・しかもlocalStrorageで前回の入力内容を記録 ・いつでも時間変更かかってこいや状態 ※演者
Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG
Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力すると、 デザインしたページの特定のDIV要素がリアルタイムに更新されるといったデータ反映の仕組みを備えています。 また、JavaScript で大規模なユーザーインターフェイスの開発を行う場合、HTMLファイルのテンプレート化、 JSファイルの依存関係、グローバル変数汚染など様々な課題に直面します。 Vue.js は、コンポーネントという仕組みと Webpack というモジュール管理ツールと組み合わせることで、 これらの課題にうまく対処できるようになっています。 今まで jQuery
【Vue.js,Firebase】麻雀好きのエンジニアによる麻雀好きのためのサーバレスな麻雀成績管理PWAアプリをリリースした【個人開発】 - Qiita
【Vue.js,Firebase】麻雀好きのエンジニアによる麻雀好きのためのサーバレスな麻雀成績管理PWAアプリをリリースした【個人開発】Vue.jsWebサービスFirebase個人開発PWA 今までにない麻雀成績管理アプリをリリースしました！ https://t.co/jjpEyVcSHh 麻雀の成績管理アプリローンチしました！ 全ての麻雀好きのためになりますように！ — kooooohe@旅人 (@kooooohe_) 2018年11月5日 背景 雀荘に行くたびに麻雀の成績をほとんどの人が紙で書いている かくいう私もアプリを数個入れていたが、結局紙に成績をつけてしまっていた... 紙のUI,UXにアプリが勝てていないのか？ 元雀荘店員エンジニアとして、最新技術を駆使し、麻雀成績管理Appを作ることが私の責務である 機能要件 PWA 麻雀の得点を記録できる 得点の履歴が見れる 3人の点
デザインツールをつくりなおす話
Vue.js 2以降無くなった、 $dispatch と $broadcast に対応するための、 event hub の通知が飛び回ってる
Atomic Designの実装例 〜Atomic Designを使ったコンポーネント指向のUI開発：Q〜 - UGAP Engineer's Blog
本稿は（序）（破）（Q）のシリーズの3番目の記事になります。 本稿では前回（破）で説明したAtomic Designを導入する際に工夫した点をふまえた実装例をJSフレームワークを使用する場合と使用しない場合の２つの場合について紹介します。 シリーズ（序）ではAtomic Designの概要 シリーズ（破）ではAtomic Designの導入に際して工夫した点 について説明していますので、そちらをご覧ください。 実装例題材 下のサイトテンプレートを題材に実装していきます。 https://html5up.net/prologue シチュエーションとしては、デザイナーからもらったデザインカンプをエンジニアが実装する想定で説明します。 コンポーネントの分割 エンジニアはデザインカンプをAtomic Designのコンポーネント単位に分割していきます。 コンポーネントの分割フロー図は（破）で以下の
Vue.js からみた AtomicDesign
この記事はVue.js #3 Advent Calendar 2017の13日目の記事です Atomic Design自体の記事は色々ありますので、この記事ではAtomicDesignで設計したコンポーネントをVue.jsで実際に運用してみて感じた事をまとめてみました 実際にどんな感じになるか結論から言うと、AtomとMoleculeにStoreを持たせず。 OrganismsとTemplateあたりの粒度でStoreを利用するとIA的にも収まりがいい様に思えます。是非デザイナーにツッコミ入れましょう。 VueコンポーネントをAtomicDesignで実装するとだいたいこんな感じになります。Atomの役割色・タイポ・ボタン固定文言など 直接描画要素にデータをレンダリング描画要素のイベントを発行親要素からのデータ受け取り登場箇所がすごく多いのでステートレスを徹底するStoreみちゃダメ絶対！
ちょっとしたサイトならインクルーシブにSPAで - Qiita
みなさんこんにちは。フロントエンドで頑張ってますか。私はほとんど頑張っていません。なぜって、この界隈、何が何やら分からないです。 ちょっとしたサイトを作りたいだけなのにものすごくめんどくさいことになっています。 トランスパイルが分からない まずもってトランスパイルが分かりません。最新の開発環境は最新仕様のJS書いてBabelで任意のバージョンのJSにする、いわゆるトランスパイルをするのが普通らしいですが、何言ってるのか分からないです。何ですかトランスパイルって。なんでフロントエンドはそんな概念があるんですか。 Babel?Grunt?Gulp?Webpack?何それおいしいの?全然分からないです。 ES6(正式にはES2015らしいですがES6と書きます)以降のJavaScriptを書こうとすると途端にビルドがどうとかトランスパイルがどうとかの話になってしまいます。 なぜこんな状況になって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue Material Admin Template
GitHub - vue-bulma/vuexfire-admin: A Vue / Vuexfire app with Firebase auth. Based on vue-admin, using vuex, vuexfire, vue-router and firebase as the backend.
CSSフレームワーク「Bulma」を利用する時の参考URL | Nakamu🇭🇰Blog
GitHub - tookit/vue-material-admin: A vue material design admin template
vuebulma.com
GitHub - vue-bulma/vue-admin: We are refactoring it, using the latest Vue and Bulma. WIP
Amazon.co.jp: Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発: 花谷拓磨: 本
Progressive Repro Frontend #vuefes
STUDIOのつくりかた