-
Netlifyを使ってNuxt.jsで作成したPWAアプリを簡単にデプロイする
どうも。はすみんです。 前回のブログでは、Nuxt.jsの概要について触れました。 http://tech.innovation.co.jp/2018/11/13/Nuxtjs.html 最近Nuxt.jsを使ってWebアプリを作っているのですが、 Nuxt.jsを使うとPWAが簡単に作れます。 また、本番へのデプロイもGitHubやGitlabと連携することにより、簡単に自動デプロイできます。 Nuxt.jsのアプリをどうやって公開しようかと思っていたところ、 Netlifyが非常に簡単にできるらしいとのことで使ってみることにしました。 Nuxt.jsでサービスを作成 まず公式に則ってNuxt.jsでアプリを作ります。 https://ja.nuxtjs.org/guide/instal…
-
Nuxt.jsについて調べてみたよ
どうも。はすみんです。 今回のブログはNuxt.jsについて調べたことを書きました。 Agenda Nuxt.js概要と特徴 個人的に嬉しいなと思ったところ Nuxt.jsを使ったほうがいい場面って？ Nuxt.jsを使うときの注意点 Nuxt.js概要と特徴 Nuxt.jsはVue.jsで書かれたフレームワークです。 本家のドキュメントには以下のように書かれています。 Nuxt.js は Vue アプリケーションを作成するフレームワークです。 ユニバーサルアプリケーション、静的に生成されるアプリケーション、シングルページアプリケーションの中から 作成するアプリケーションを選ぶことができます。 https://ja.nuxtjs.org/guide/ また、Nuxt.jsには以下の構成が…
-
Firestoreを触ってみる
こんにちは。はすみんです。 先日「GDG DevFest Tokyo 2018」に行ってきました。 https://tokyo2018.gdgjapan.org/ 所感ですが、FlutterとFirestore関連の講演がとても盛り上がっていたように感じました。 また、講演の空いた時間には、Codelabにチャレンジすることもでき、時間を持て余すことはなかったです。 そんな今回はGDGでも盛り上がっていた「Firestore」について調べてみました。 Firestoreとは？ Firestoreは、正式名称「Cloud Firestore」で、 ざっくりいうとGoogleのプラットフォームを利用したフルマネージド型のNoSQLデータベースです。 従来のNoSQLデータベースはJSON型を用…
-
PHP-CS-FixerとGitを使って、規約に沿った快適なコーディングライフを
こんにちは。はすみんです。 弊社の開発ではPHPを主に使っているのですが、 それなりに歴史が長いからこそ、イケてない箇所がたまにあります。 例えばコーディング規約に沿っていないなどです。 「PSR-2に準拠してコーディングしようよ」となったのも、プロダクトがそれなりに成熟し始めてからでした。 そのため、過去のプログラムに規約に沿っていないソースコードもたまにあります。 コードレビュー時にそういった指摘はしたくないですよね。 とはいえ大きなプロダクトなので、いきなり改修を加えるのは、工数的にもメンタル的にも大変です。 少なくとも変更を加えたソースコードだけは、規約に沿って書いていきたいです。 そうすれば全体の保守性も徐々にあがっていくはずです。 規約に沿ったソースコードを書くために、PHP-…
-
FlutterとDartを使ってみる
こんにちは。はすみんです。 Google I/O 2018、みなさん見てましたか？ AIによる美容室の予約など、新しい機能が続々発表されていて楽しかったですね。 生でいつか聞きたいな〜〜 さて、今回ブログのテーマにしたのは一部界隈で噂のFlutter（Dart）です。 AndroidでもiOSでも動く！？と聞いたときはなんだそれは！と食いついてしまいました。 とはいっても環境構築と簡単なアプリ作成くらいしかやっておらず本格的な記事は書けませんが、 興味ある人に導入編として環境構築とアプリの起動まで紹介したいと思います。 その前にFlutterって？ FlutterはiOSとAndroidで動くアプリケーションを開発することができるフレームワークです。 両方のOSに対応していることからクロス…
-
Docker Imageを使ってGoogle Compute Engineにデプロイしてみる
こんにちは。 新卒エンジニアのはすみんです。 最近新生活やら業務やらでバッッッタバタです。 ある意味充実はしています。 今回のブログは、Google Cloud Platform(以降GCP)のサービスのひとつである、 「Google Compute Engine」(GCE)を使ってWebサービスをデプロイする方法をご紹介します。 普段AWSのECSを使われている方は多いと思いますが、GCPはまだ使ったことないという方それなりにいらっしゃるんじゃないでしょうか。 かな〜り簡単に使えて、無料クレジットとかもついているのでおすすめです。 GCPにはGCE以外にも、最近流行りのKubernetesやBigdataを扱ったサービス、画像認識サービスなど豊富に取り揃えていますが、 まずは基本的なWe…
-
Google Homeを使って出勤の打刻をしたい…！
こんにちは。 新卒エンジニアのはすみんです。 もうすぐ4月ですね。 「新卒」と呼べるのもあと3ヶ月。 年齢的にはあれなんですが、世間的に言われている大いに甘えられる年は終了なわけで。 ただ、個人的には挑戦して失敗してというサイクルは、何歳になっても続けていきたいと思っています。 一番の成長のきっかけは挑戦と失敗の先にあると思っています。 死ぬまで挑戦と失敗を繰り返し、成長と改善を繰り返すことができたら幸せだな〜 さて、思いに浸るのは置いておいて、今回のテーマは巷で話題の「Google Home」です。 昨年の12月にやっていた半額セール時にこそっと手に入れました。（mini） せっかく新しいデバイスを手に入れたのだから開発しないともったいない！と思い、プチハックしてみました。 内容は、毎朝…
-
SeleniumとGoogle Apps Scriptの連携〜実行導入編〜
こんにちは。 新卒エンジニアのはすみんです。 今回のブログのテーマは「Selenium」です。 ブラウザの操作を自動的に行なう→ユーザテストに便利、なので以前から気になっていた技術のひとつでした。 しかしなかなか活かせる機会がなく、触ったことはありませんでした。 ところが最近社内の同期と会話をしているときに、これはSeleniumを活かせるのでは？と思える事象に遭遇しました。 彼はマーケターなのですが、メディアを作る際にフォームを入力するそうで、 ひとつひとつ手打ちでしかも量が多いらしくかなり面倒とのこと。 これはSeleniumを使って自動でフォームを作ることができれば、なかなかのハックだよね、と思いやってみました。 （ここだけの話、Chromeの拡張機能で事足りるらしく、それは別途作る…
-
使えるけど実は知られていない？gitコマンドを調べてみた
こんにちは。 新卒エンジニアのはすみんです。 前回、初ブログということでKotlinについて書きました。 今回もKotlinでいこうと思っていたのですが、色々プライベートでバタバタしていたので、 なかなか時間が取れなかったので見送りです・・・ 今回のブログのテーマは、最近情報収集しているなかで、 「git worktree」コマンドなるものを 初めて知りました。 そのときにふと思ったのが、「Gitコマンドって普段使っているもの限られているけど、 実際どれくらいあるんだろう？」 ということでした。 ということで今回色々調べてみたので、その紹介をします。 （※あくまで筆者の経験に基づくため、一部偏りがあった際はご容赦くださいませ） 目次 ・Gitコマンドとは ・基本的なGitコマンド ・知って…
-
Kotlinでメモアプリを作る〜環境づくり編〜
こんにちは。 新卒エンジニアのはすみんです。 今回、初！ブログを書くにあたって最初に浮かんだのは、Kotlinでした。 というのも、ぼくがエンジニアになりたいと思ったきっかけはAndroidでして、 せっかくのこの機会にKotlinでアプリを作ってみたい！と思いました。 なのでこの場を借りて、Kotlinの良さが伝わればいいなと思います。 目次です。 ・Kotlinとは ・Kotlinの特徴 ・開発環境 ・まとめ Kotlinとは Kotlinについてピンときてない人に簡単に説明すると、 Kotlinは、JetBrainsが開発したJVM上で動く静的型付けのプログラミング言語です。 http://kotlinlang.org/ JetBrains社といえば、エディタの「IntelliJ I…