タグ

2020年7月5日のブックマーク (10件)

  • NativeScript-Vue - A NativeScript plugin for building truly native applications using Vue.js

    Truly native apps using Vue.js and NativeScriptWant to release that app you've been dreaming about without the hassle of learning new languages? NativeScript-Vue is the right choice for you! Get Started Easy to get started with.NativeScript-Vue is easy to get started with, it is a single dependency that you can install through npm.

    NativeScript-Vue - A NativeScript plugin for building truly native applications using Vue.js
  • Tailwind CSSという風と共に走るフロントエンド開発 - メドピア開発者ブログ

    10km40分切りが2020年の目標、メドピア長距離部の小宮山です。 みなさんTailwind CSSはご存知でしょうか。tailwindとは「追い風」を意味します。最高に気持ちよく走れるコンディションですね。 目次 サービス概要 技術概要 Tailwind CSSとは何か HTMLCSS HTMLCSSとコンポーネント コンポーネントと雑なセレクタ コンポーネントとインラインスタイル Tailwind CSSがもたらしたもの まとめ サービス概要 まずは今回新たに立ち上げたサービスの紹介です。 「MedPeerスポット×リクルートメディカルキャリア」という医師向けスポット求人マッチングサービス(以下、サービス)が11月にリリースされました。 medpeer.co.jp ログインや応募などサービスのコアな部分はMedPeer医師会員限定になってしまいますが、サイトの雰囲気自体は非会員

    Tailwind CSSという風と共に走るフロントエンド開発 - メドピア開発者ブログ
  • Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成

    これから注目されること間違いなしの CSS フレームワークです。 Tailwind CSS では、UI コンポーネントを提供するのではなく、CSS の class を提供するだけなので、用意された class を指定するだけなので簡単に複雑な UI を作成することができます。 公式ドキュメントを元に Flex の例を見てみましょう。 class を見るだけで大体なにをしているかわかると思います。 Tailwind CSS を採用した理由僕は、割とフロントエンドには自信があります。デザインもかじってる系です。 UI フレームワークだとちょっといじろうと思うと逆にコストがかかるケースが多く、コンポーネント作成や見た目はこっちでやるから class だけ提供してくれとずっと考えており、そんな中 Tailwind CSS と出会ったので採用しました。 英語もできないので正直 class 名を考える

    Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成
  • お弁当工場にて

    都会の列車はどこまで行っても高いビルの間をすり抜けるようにして走ります。清潔な摩天楼の小部屋の一つ一つには、きちんとした服を着た有能そうな人々が納められているのが見えます。そんな建物が無数にあって、そんな人々が無数にいることを想像すると気が遠くなってきます。 私によくなじんだ車窓からの眺めとは、駅と駅との長い間隔の間に広がるぼうぼうの木と原っぱ、そして遠くにときどき見える謎めいた工場のことです。 世の中には人間の種類を二分する様々な基準が存在しています。ある特徴を有しているかいないかでまるで違った人間になってしまうことがよくあります。ここでの特徴とは、身体的な特徴ではなく精神的なものです。 私は、工場で働いたことがあるか・ないかという基準をここに提唱したいと思います。 今、私の周りにいる人のほとんどは、工場で働いたことがないと言います。 比較的都会の比較的裕福な家庭に生まれ育ち、比較的高い

    お弁当工場にて
    shozzy
    shozzy 2020/07/05
    もう少し文章がこなれると文学とよべそうな感じ。
  • Nuxt + firebaseでサーバレスな図書管理デモアプリを3日で作成・デプロイした - Qiita

    時間でいうと25hで設計・実装・デプロイまでできたのでメモとして残します 完成gif こんな感じで図書を管理する上で必要となるであろう各機能を実装しました。 URL載せていたのですがアクセス増えて怖くなったのでURLは消しました。。 執筆する中でバグをチラホラ見つけてしまいましたが、一旦書き切ります・・・ モバイルもホラ(レイアウトは考慮が必要) 経緯(動機) 弊社では業務で使用する図書を経費購入できる制度があることもあり、社内図書がかなり溜まってきていました。 図書の管理は、現状スプレッドシートで管理しており、これが特に破綻していると言うことはなかったのですが、モバイルから触りたいなぁという個人的な都合がありました。 そこで簡単な図書管理アプリケーションのデモを作ってみようと思い立ちました。 で、自分的に手応えがあったらこれでいきませんかと提案してみよう・・・ 技術選定 モバイルから触り

    Nuxt + firebaseでサーバレスな図書管理デモアプリを3日で作成・デプロイした - Qiita
  • Nuxt.jsでメッセージの外出し&国際化対応 - Qiita

    vue-i18nとnuxt-i18nがあるけど... nuxt-i18n を使用します nuxt-i18nの方が更新が活発なのでこちらを使っていこうという単純な理由です。 もう1つ、nuxt-community/nuxt-i18nのREADMEの通りにやってもいいのですがメンテがしにくいと思い、プラグインとして登録し、メッセージを定義したjsonファイルを読み込むようにします。(+ 言語として日語を設定) インストール 2019年11月23日現在の最新6.4.0をインストール

    Nuxt.jsでメッセージの外出し&国際化対応 - Qiita
  • 使用量と上限  |  Firestore  |  Firebase

    フィードバックを送信 使用量と上限 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このガイドでは Cloud Firestore の制限について説明します。Cloud Firestore の費用の詳細については、Cloud Firestore の料金をご覧ください。 使用量をモニタリングする Cloud Firestore の使用量をモニタリングするには、Firebase コンソールで Cloud Firestore の [使用状況] タブを開きます。ダッシュボードを使用して、異なる期間の使用量を比較できます。 Google Cloud Console での使用量の詳細 Firebase プロジェクトを作成すると、Google Cloud プロジェクトも作成されます。Google Cloud コンソールの Cloud Firestore API の割り当

    shozzy
    shozzy 2020/07/05
    従量プランにするならこの設定は必須。。。
  • Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside

    はじめまして。DMM.comラボ エンターテインメント部イベント開発部の上井(ウワイ)と申します。 インフラからフロントエンドまで幅広く担当しております。 今回は、業務で利用しているNuxt.jsとFirebaseを使って、SPA×SSR×PWA×サーバーレスのWebアプリケーションを構築する方法をご紹介いたします。

    Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside
    shozzy
    shozzy 2020/07/05
    SSRしつつPWAにする方法
  • SSR モードの Nuxt.js を Firebase に Deploy する Tutorial - Qiita

    書いてある事 大きく3点に分けて説明します。 Firebase で SSR する為に必要な最低限の知識 Nuxt.js を Express のミドルウェアとして動作させる方法 Nuxt.js を Firebase にデプロイする時の注意点 なお、SSR ではなく SPA で十分な人だったり Firebase Functions 使わない人には合わない記事かもしれません。 Firebase で SSR する為に必要な最低限の知識 まずは Firebase functions のプロジェクトを用意します。

    SSR モードの Nuxt.js を Firebase に Deploy する Tutorial - Qiita
    shozzy
    shozzy 2020/07/05
    FirebaseでNuxtのSSRモードを使う方法。大変参考になる。
  • 【GithubPages VS Netlify VS Firebase】爆速で静的サイトのホスティングができるのはどれ? | 東京夜7時

    GithubPages VS Netlify VS Firebase】爆速で静的サイトのホスティングができるのはどれ? このブログは「静的サイトジェネレータ」を使って作られています。 Nuxt.jsによってジェネレートされたサイトのデータを公開するために、 どのホスティングサービスが良いかを比較・検討しました。 静的サイトのホスティング・サービスで人気のある、定番的なもの中から選びたいと思います。 選択肢は以下の通り。 Github Pages netlify Firebase いわゆる、サーバーレスというやつです。(実はよくわかってない😓) どれも、無料で始められて、モダンでイケてて、表示速度が早い 、という評判の良いものばかり👍 先に結論:firebaseにしたよ GitHub Pagesは総じて素晴らしい netlifyUIとワークフローのシンプルさがすごい! ひたすら爆速に

    shozzy
    shozzy 2020/07/05
    参考に。最近はNetlifyをガッツリつかってるけど、バックエンドをFirebaseにするなら、ホスティングもFirebaseにしておくのが自然かな。