アクトインディ開発者ブログ

子供とお出かけ情報「いこーよ」を運営する、アクトインディ株式会社の開発者ブログです

Nuxt.jsのネストした動的ルーティングで困ったので調べてみた

morishitaです。 SPAモードで動作するNuxtアプリケーションでネストした動的ルーティングの動作が思ったのと違ったので調べてみました。 やりたかったこと Railsのノリで次のようなパス階層をNuxt.jsでやりたいと思いました。 パス 説明 / サイトトップ。 /g…

TypescriptのGASをJestでテストする

morishitaです。 時々、業務で使うツールをGASで作ります。 これまでのものはキャンペーン対応のものなど使い捨てとまでは言わないまでも、短い運用期間を想定したものでした1。 サービスレベル的にはベータレベルですが、少し運用期間が長くなりそう、かつ…

Echo Show5 が届いたので試してみた

morishitaです。 Echo Show5が発売されました。 手元にも届いたので試してみました1。 Echo Show 5 について 2019/06/26 発売の新しいAmazon製 Alexa端末です。 1万円を切る値段で、ディスプレイ付きのEchoデバイスでは最も安いモデルになります。 新登場 Ec…

Vue.jsでWeb Componentを作ってみた

morishitaです。 先日、Web Componentついて書きました。 tech.actindi.net 多くのブラウザで動作できるようになってきていることは確認できました。 ただ、実装方法についてはもっと良い方法がないものかと思いました。 と思っていたら、Vue.jsが Web Compo…

Web Componentsを試してみた

morishitaです。 プログラムを部品化して再利用したい。 コードを書く人間にとってはいつも考えていることですし、永遠のテーマなのではないかと思います。 オブジェクト指向はクラスとしてパッケージしたコードを再利用する仕組みを提供します。関数型言語…

Multi-stage build でNode.jsのインストールをちょっぴり効率化する

morishitaです。 Dockerコンテナは1プロセスだけ動作させるのが基本なので、複数の言語実行環境をインストールする必要はほとんどないです。 ただ唯一、例外かなと思うのがNode.js。 Webアプリケーションを開発する場合、それほどリッチなUIでなくても多か…

VSCode の Remote - Containers 拡張を試してみた

morishitaです。 先日リリースされたVisual Studio Code May 2019で Stable でもRemote Developmentが使えるようになりました。 これはExtension Packで、次の3つの拡張を含んでいます。 Remote - SSH - Visual Studio Marketplace Remote - Containers - Vi…

Web Share APIを試してみた

morishitaです。 いこーよやいこレポでは、情報を共有してもらいやすいようにシェアボタンをページに置いています。 シェアボタン 現状はTwitterやFacebookなど各サービスごとにシェアボタンを用意していますが、 モバイルに於いてはWeb Share APIを使っても…

Nuxt.jsのSPAをAmplify Consoleでホストする。めっちゃ簡単だった!

morishitaです。 以前、次のエントリを書きました。 tech.actindi.net このとき作ったNuxt.jsのアプリケーションはその後、 リニューアルして2019年4月からはいこーよ!こどもBIRTHDAYとして利用しています。 birthday.iko-yo.net 今後は対象地域と施設を増…

Cloudformation 入門してみました

morishitaです。 これまで、なんかめんどくさそうでCloudfrmationは避けてきました。 ElasticBeanstalk や Serverlessフレームワークは裏側でCloudFormationが動くので、間接的には使ってきました。 デフォルトで用意されないリソースを追加するのにちょっと…