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

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

typescript

GAS で Zip 圧縮された Excel を解凍しようとしてエラーが出た話

morishitaです。 いこーよは外部サービスとの連携をいくつかしています。 チケット販売もいくつかのサービスとの連携をしています。 その様な連携先の1つに毎日の実績データの Excel ファイルをメールに添付して送ってくるものがありました。 担当者に毎日…

Svelte 入門

morishitaです。 今回は JavaScript の UI フレームワーク Svelte を紹介します。 アクトインディでは今の所、フロントエンドフレームワークとしては Vue.js を使っていますが、これもなかなか良さそうだと思ったのでちょっと触ってみました。 プロジェクト…

Lambda@Edge を利用したリアルタイム画像変換で学ぶ DevOps

概要 Lambda@Edge でリクエストに応じてリアルタイムに画像のリサイズ、WebP 変換するプログラムを作成したら、インフラ構築、アプリケーション設計、実装、テスト、CI によるビルド & デプロイ の一連の流れを広く身につける事ができるチュートリアルに最適…

AWS CDKでつまづいたところ3選

この記事は actindi Advent Calendar 2019 の13日目の記事です。 adventar.org こんにちは!!こんにちは!!インフラエンジニアのyamamotoです。 AWSのリソースを作成・修正するのに、CloudFormationを使うととても便利に作れますね。 でもループ処理できなかっ…

AWS CDKでLambdaをデプロイしてみた。Layer付き。

morishitaです。 このエントリはアクトインディアドベントカレンダー2019の3日目です。 adventar.org CDK、便利ですね。 これまで、Lambda は Serverless Framework を使って開発してきたのですが、CDKでやるとどんな感じか試してみました。 作ったもの 習作…

AWS CDK で IAM ユーザを作ってみる

morishitaです。 AWSのリソースを作るときにはコンソールをポチポチやるよりは Cloud Formation を使ったほうが楽に感じるようになってきました。 そんなところに aws-cdk が GA になりました。Typescript で Cloud Formation スタックが書けるということで…

NuxtアプリケーションをJestでテストする

morishitaです。 このところNuxtのSPAを作っていました。 次のエントリで紹介したものに手を入れていたのですが、このときにはテストを書いていませんでした。 tech.actindi.net 今回はちゃんとテストも書こうと思ってやってみました。 いくつかすんなり行か…

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

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

TypescriptのGASをJestでテストする

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

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

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

Stripe + Vue.js による決済フォームの実装

morishitaです。 先日、決済サービス Stripeについて書きました。 tech.actindi.net 今回はVue.jsとStripeを使ってクレジットカードの決済フォームを実装したのでご紹介します。 なおこのエントリのコードはTypeScriptを使っています。 HTML部分は Slim また…

AlexaスキルのServeless Frameworkテンプレートを公開!

morishitaです。 先日のAlexa スキルアワード2018で「子育て支援部門賞」と「世の中あかるくしてくれ賞(株式会社TAM)」をいただきました。 tech.actindi.net 参考リンク Amazon.co.jp: Alexaスキルアワード2018受賞作品: Alexaスキル Alexaスキルアワード2…

ssml-builderでらくらくセリフ実装

morishitaです。 Alexa スキル「いこーよのおでかけナビ」で VirtualAlexa の次に使っているライブラリ ssml-builderを紹介します。 tech.actindi.net ssml-builder ってなに? Alexa スキルの開発では、スキルに喋らせるセリフの組み立てをする必要がありま…

Google Apps ScriptsでTypescriptが超簡単に使えるようになった!

morishitaです。 Cloud Functions と並ぶ(?)Google のサーバレスな JavaScript 実行環境といえば Google Apps Scripts(GAS)です。 GAS ってあの Excel で言う VB スクリプト環境のようなものでしょう? と思ったあなた! このエントリでその認識が変わると…

VirtualAlexaによるテストドリブンなAlexaスキル開発

morishitaです。 「いこーよのおでかけナビ」の開発において、最も役立ったライブラリVirtualAlexaについて紹介したいと思います。 いこーよのおでかけナビ発売日: 2019/08/27メディア: アプリ 開発環境 このエントリでは次の環境を前提とします。 Node.js v…

「いこーよのおでかけナビ」の実装について

前々回、前回のエントリーでAlexaスキル「いこーよのおでかけナビ」の開発の経緯や 考えたことについて書きましたが、 今回は「いこーよのおでかけナビ」(以降いこナビと呼びます)をどの様に実装したかについて書きたいと思います。 いこーよのおでかけナ…