chick-p
からあげと🍜が好き
GitHub, Twitter

  1. January 04, 2021

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

  2. August 23, 2020

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

  3. July 20, 2020

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

  4. April 29, 2020

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

  5. March 01, 2020

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

  6. January 12, 2020

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

  7. December 21, 2019

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

  8. December 14, 2019

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

  9. November 16, 2019

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

  10. October 16, 2019

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

  11. October 15, 2019

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

  12. October 04, 2019

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

  13. September 30, 2019

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

  14. August 24, 2019

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

  15. April 23, 2019

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

  16. April 18, 2019

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

  17. March 23, 2019

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

  18. March 10, 2019

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

  19. March 01, 2019

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

  20. February 02, 2019

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