ひよこまめ

Serverless Framework でにデプロイするとき、実行環境の言語（Java、Python）ごとにいくつかハマりポイントがあったので、メモしておきます。 環境 Node.js v12.20.1 Serverless Framework v2.30.2 Java…

このブログは Gatsby.js で作っていますが、リンクを埋め込みカードのように表示させたいことがあります。 普通の URL は iframely を使って表示させています。 Amazon の場合はあまりよい感じの表示にならない＆アフィリエイトID…

…

概要 Alfred は、Mac の多機能ランチャーアプリケーションです。 この記事では、Alfred の機能のひとつ、Alfred Workflows（以下、ワークフロー）を Node.js で作成する方法を説明します。 「alfy」というライブラリを利用すると、Node.js…

概要 HUGO の v0.74.0 にて、 ESBuild が組み込まれ、 HUGO 上で JavaScript/JSX や TypeScript/TSX のバンドルが行えるようになりました。 HUGO の公式ドキュメントにはまだ記載されてませんが、 Document JS…

概要 この記事では、Bot がユーザーにボタン付きメッセージを送信し、ユーザーからのボタンの入力に応じてアクションする Slash Commands の作り方を説明します。 Slash Commands…

概要 Chrome Extensions（以下、Chrome 拡張）をTypeScript で開発するための webpack の設定やファイル構成について記載しています。 この記事では、Chrome 拡張の作り方については説明しません。作成に必要なファイルや作成した Chrome…

概要 はじめてのノード開発 で紹介されている、受け取ったメッセージの文字列をすべて小文字に変換するノードをサンプルに、TypeScript で開発する方法について説明します。 npm に Node-RED の型定義 が公開されているので、これを利用します。 環境 Node.js…

概要 Node-Red サーバーで、 node-red-contrib-cast ノードを使うと、簡単に Google Home で任意のメッセージを喋らせることができます。 ただし、Google Home は LAN 側にいるため Node-RED…

概要 Node.js で HTTP 通信を含むコードのテストを書きたい場合があります。 nock は、Node.js の http.request 関数を書き換えて、モックレスポンスを返すライブラリです。 この記事では、Jest + nock を使って HTTP…

概要 Jest で書かれたテストコードを Visual Studio Code 上でデバッグする方法について説明します。 Jest のドキュメント には launch.json に設定を記述するとなっています。 ですが、VSCode の拡張「 Jest Runner…

AWS Amplify Console は、Web アプリケーションや静的サイトをホスティングできる Web サービスです。 リポジトリの変更をトリガーにして、React や Vue.js などの SPA や、HUGO や Gatsby…

概要 GitHub Actions を使って、Fibit アプリケーションの構文チェック（ ESLint ）とビルドチェックを行います。 環境 ESLint v6.7.2 @Fitbit/sdk-cli v1.7.1 前提として、ESLint…

Fitbit で動くアプリケーションを TypeScript で開発できるようにします。 fitbit-sdk-types を使って、JavaScript で開発した既存のアプリケーションを TypeScript に移行します。 環境 Node.js v12.13.…

概要 webpack-dev-server は、webpack を用いた開発用サーバーを立てるためのモジュールです。 Netlify Functions は、Netlify の提供するアドオンのひとつで、 AWS Lambda を実行基盤にした FaaS（Function…

HUGO では、 content の下にある Markdown ファイルを、 テンプレートファイル を使用して HTML…

この記事では、文章校正ツールである textlint のチェックでエラーになったときの結果を、GitHub の Pull Request へコメントする設定について説明します。 textlint は GitHub Actions を使って実行し、 reviewdog…

HUGO では、記事ファイルを軽量マークアップ言語である Markdown 形式で作成します。しかし、Markdown の表現力には限りがあるため、HTML に頼りたくなる場合があります。 とはいえ、何度も同じような HTML を記述するのは面倒＆ HTML…

HUGO プロジェクトのディレクトリは、次のような構成になっています。 この記事では、HUGO プロジェクトのディレクトリの役割について説明します。 公式ドキュメントは、 Directory Structure を参照してください。 archetypes hugo new…

HUGO は、静的な Web サイトを構築する静的サイトジェネレータのひとつです。 静的サイトジェネレータは、Markdown などで書かれたファイルと静的なコンテンツのテンプレートをビルドして HTML を生成します。 HUGO は Golang…

これまで、Fitbit で動くアプリケーションやクロックフェイス（文字盤）の開発は、Web アプリケーションの Fitbit Studio で行っていました。 Web UI 上からしか Fitbit のアプリケーションを開発できないと思っていたのですが、Fitbit…

Visual Studio Code のメモ帳用拡張機能である VSNotes が便利です。 VSNotes を使うと便利になること 左メニューに常時「VS Notes…

先日、CANDY HOUSE 製スマートロック SESAME mini（セサミ mini） を購入・設置しました。 スマートロックと呼ばれるデバイスは各社からいろいろと発売されていますが、SESAME を選んだのは、Webhook や API…

Node-RED から kintone のレコードを操作するノード（非公式）を作成しました。 この記事では、 node-red-conrib-kintone （以降、kintone ノード）の追加方法と、利用例を説明します。 kintone ノード kintone…

概要 Kibela Web API のベータ版 が公開されました。 Kibela Web API は GraphQL で提供されています。 この記事では、Kibela Web API の Google Apps Script での実行方法を説明します。なお、Google Apps…

clasp は Google ドライブにある Google Apps Script プロジェクトを操作できる CLI ツールです。 clasp で Google Apps Script（以降、GAS）を扱うメリットは次のとおり。 ローカルでファイルを作成するので、Git…

macOS で pg gem を bundle すると、「pg_config がない」と失敗します。 この解決策について記述します。 環境 macOS 10.14.3 Ruby 2.6.2 Bundler version 2.0.1 PostgreSQL.app 1…

Rails アプリケーションを作るにあたり、手っ取り早く見た目をよい感じにするため、 Bootstrap を適用しました。 そのままでは Bootstrap 感があるので、Bootstrap に適用できるテーマ Bootswatch を利用します。 この記事では、Rails…

A なので、Bです。 読んだ本 ゼロから始めるNetlify 本の概要 この本では次の内容について書かれています。 Netlify への登録方法 2018年9時点での Netlify 全機能の説明と使い方 読んだきっかけ このサイトも Netlify…

textlint は、テキストを校正するためのコマンドラインツールです。 textlint では、文章をチェックする「ルール」を導入して、ルールに反した文章をチェックします。 類似のテキスト校正チェックツールに RedPen…

Google SpreadSheet のデータを Redash で扱うための設定方法の手順です。 環境 Redash v5.0.2 手順 Redash と Google SpreadSheet を連携するには、SpreadSheet と Redash…