はてなブックマーク

株式会社diffeasyの日本一魅力的なプログラマー集団を作るCTO@_takeshi_24です。 去る12/8(土)に福岡で開催されたFrontend Conference Fukuoka 2018素晴らしいカンファレンスでした！運営の皆様お疲れ様でした。 その中で登壇させていただいた「Nuxt.jsとFirebaseで爆速でPWA対応Webアプリを開発した話」について、少し詳しく記事に書かせていただきます！ 今回開発したアプリについて 今回開発したアプリは「友達申請のないSNS WACHA!(仮)」です。 このアプリは私が4年前フリーランス時代に出場した「スタートアップウィークエンド福岡2014」で優勝したアイデアのアプリです。 Facebookやtwitterなど従来のSNSは、まず最初に友達申請やフォローして、誰かとつながる必要があります。 様々な人と繋がることで、本当に言いたいこ

株式会社diffeasyの日本一魅力的なプログラマー集団を作るCTO@_takeshi_24です。 普段はNuxt.jsでフロントエンド開発したり、Ruby on Railsでサーバーサイド開発したり、GCPでサーバー構築したりやっています。 ネイティブアプリ開発はやっていないのですが、今回「Vue Native」を利用してネイティブアプリ開発に挑戦してみました！ Vue Nativeとは？ JavaScriptでクロスプラットフォームのネイティブアプリ開発ができるフレームワークです。 2018年6月に公開されました。 https://vue-native.io/ Vue Native開発環境構築 公式サイトのドキュメントにしたがってインストールしていきます。

みなさん、フロントエンドのテスト書いていますか？ Nuxt.js(Vue.js)でJestを使ってコンポーネントのテストについては情報がいろいろありましたが、VuexのStoreのテストについてあまり情報がなかったので、今回はVuexStoreのテストについてまとめました。 「Nuxt v2とFirebase(CloudFirestore)でPWA対応Webアプリ開発」で作成したアプリケーションをJestでテストする手順についてまとめていきます。 テストの準備 テストに必要なツール Jest https://github.com/facebook/jest JestはFacebookが開発を進めるフロントエンドのテストランナです。 Facebook製なので当然Reactに対応していますが、その他JavaScriptアプリケーションのテストにも使用でき、Vue.jsでも利用できます。 RSp

福岡でVR・アプリ開発をやっている株式会社OneSmallStep代表取締役CTOの@_takeshi_24です。 最近フロントエンド界隈の技術の変化が活発です。 React、Angular、Vue.jsなどモダンなフロントエンド開発を始めた人も多くいると思います。 JavaScript開発でおそらく多くの人が最初につまづくであろう処理が非同期処理です。 私も最初はこの非同期処理にかなり戸惑いました。 そして今まで何度も「JavaScriptの非同期処理完全に理解した」と思っては、「あれ、この場合ってどうなるんだっけ？」 「結局わかってないじゃん・・・」の繰り返しでしたので、非同期処理についてきちんと整理しました。 そもそもJavaScriptはどのように動いているのか？ JavaScriptはシングルスレッドで動く言語です。 シングルスレッドで動くということは、同時に２つ以上のことはでき

福岡から世界中の"むずかしい"を簡単にする株式会社diffeasyCTOの西@_takeshi_24です。 公開から1年以上が経ち、この記事の内容も少し古くなってきました。 Nuxt.jsやFirebaseを使って、サーバーレスでWebアプリケーションを開発する手順について、アドベントカレンダー「diffeasyCTO西の24(にし)日連続投稿チャレンジ Advent Calendar 2019」の中で、「Nuxt.jsとFirebaseとCloudFunctionsでWebアプリ開発」シリーズとして、連載していきます。 Nuxt.jsとFirebaseなどを使ってWebアプリケーション開発にチャレンジしたい方、是非Qiitaアカウントかtwitterをフォローしていただき、ツッコミやいいね！お願いします！ 言葉の説明 まずはNuxt、Firebase、PWAの説明です。 ご存知の方はすっ