はてなブックマーク

なぜなら、名前付きエクスポートにはデフォルトエクスポートに勝るいくつものメリットがあるからです。 Avoid Export Default - TypeScript Deep Dive 日本語版 なぜ default export を使うべきではないのか？ - LINE ENGINEERING 詳しくは上記を参照していただくといいかと思いますが、自分が特によいと感じるのは以下の点です。 インポート時の名前を統一できる インポート時にエディタで補完が効く ただし、Next.jsやNuxt.jsなどのフレームワークがデフォルトエクスポートを要求している場合など、デフォルトエクスポートを使わなければならないケースにおいてはその限りではありません。 1つのファイルにおける役割は1つ デフォルトエクスポートが1つのファイルに1つしか存在できないのに対し、名前付きエクスポートは複数存在できます。 そう

Node.jsで管理されたTypeScriptプロジェクトでは、外部ライブラリとしてnpmパッケージを使用することができます。 パッケージ自体がTypeScript用の型定義ファイルを提供していればいいのですが、残念ながら提供していないことがままあります。 その場合でも、DefinitelyTypedというリポジトリで管理されている@types/<package-name>という型定義パッケージが公開されていれば、それを使うことができます。 さて、この型定義パッケージはどのバージョンをインストールすればいいのでしょうか。 問題 今、TypeScriptプロジェクトにおいて<package-name>パッケージをインストールしようとしています。 <package-name>パッケージは、次のバージョンが公開されています。 1.0.0 1.0.1 1.1.0 2.0.0 また、このパッケージに

日本国内における新型コロナウイルスの感染拡大にともない、東京都が新型コロナウイルス感染症対策サイトを公開しています。 ここでは、このウェブサイトで使われている技術について見ていきます。 GitHub このウェブサイトのソースコードは、GitHub上で公開されています（！） GitHubは、言わずと知れたソースコードホスティングサービスです（設計図共有サイトではありません）。1 イシューやプルリクエストも受け付けており、既に多くの人がコントリビューターとなっています。2 GitHub Actions GitHub Actionsは、GitHubが提供しているCI/CDツールです。 このプロジェクトでは、ビルドやデプロイ、ソースコードの構文チェックなどがGitHub Actionsでおこなわれています。3 Renovate ライブラリの更新は、Renovateによって自動化されています。4 N

運用するサービスやデプロイする環境ごとにAWSアカウントを分けるのは、よくある手法かと思います。 そこで問題となるのが、AWSマネジメントコンソールで同時に複数のアカウントにログインできないことです。 この制約を回避すべく、ブラウザのシークレットモードを使ったり、別のブラウザを起動したりしている人も多いのではないでしょうか。 その問題、Chromeなら解決できます。 ユーザー管理機能を使う Chromeには、ユーザー管理機能が存在します。 ほとんどの人はGoogleアカウントと紐づけているかと思いますが、同じデバイス上で複数のユーザーを作成して使い分けることも可能です。 Chromeのユーザーを作成 Chromeのウインドウ上部にあるユーザーのアイコンをクリックすると、次のようなメニューが表示されます。 「ユーザーを管理」をクリックすると、ユーザー管理画面が開きます。 さらに「ユーザーを追

AWS上にサービスを構築するうえで、アーキテクチャー図を作る機会はままあるかと思います。 その際、draw.ioやCacooなどのウェブサービスで作っている人も多いのではないでしょうか。 今回は別のアプローチとして、PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法をご紹介します。 PlantUMLの実行環境を用意 まずは、PlantUMLの実行環境を用意します。 ローカル環境にインストールするのもいいですが、素早く試したい場合はPlantUML Web Serverを使うのが便利です。 AWSのアイコンセットを用意 PlantUMLでは、ファイルパスやURLを指定してリソースをインポートすることができます。 これにより自作の画像を組み込むことができるわけですが、ありがたいことにAWSが公式にPlantUMLのためのアイコンセットを配布しています。 awslabs/

textlintとprhを用いて、文章を校正する方法を紹介します。 textlintとは textlintは、自然言語の校正に特化したNode.js製の文章校正ツールです。 JavaScriptを書いている人には、「ESLintのテキスト版」と言えば分かりやすいでしょうか。 ESLint同様プラガブルな仕組みになっており、様々なルールを組み合わせて使用します。 コマンドライン上で実行することもできますが、AtomやVisual Studio Codeなどのエディタ上で動かすこともできます。 prhとは prhは、表記ゆれの修正に特化したNode.js製の文章校正ツールです。 textlintのルールにも表記ゆれのためのものはありますが、prhではYAMLファイルで辞書を柔軟に管理できます。 単体で実行することもできますが、textlintのルールの一つとして動かすこともできます。 環境構築

真偽値を返す関数名のつけ方の例です。 様々な意見があるので画一的な正解はありませんが、一定の基準にはなるでしょう。 はじめに ここでは、関数名をあなた（=開発者）が自由につけられることを前提としています。 言語やライブラリ、フレームワークによる制約がある場合や、命名規則が定められている場合はそれに従いましょう。 記事中ではJavaやJavaScriptにおける例を示しますが、他の言語においてもおおむね当てはまるかと思います。 中身が空か確認する関数 中身が空かどうかを確認する関数の名前は、isEmptyとします。 たとえば、JavaのListインターフェースにはisEmptyがあります。 final List<String> list = List.of(); if (list.isEmpty()) { // do something } このように、真偽値を返す関数の名前はis...とす

Google Apps Scriptを使うと、手軽にサーバーサイドプログラムを作ることができて便利ですよね。 かくいう僕も、Google Apps Scriptで作ったBOTを社内のSlackで運用しています。1 今回は、僕が作成したGoogle Apps Script用のテストライブラリ「GASUnit」をご紹介します。 Google Apps Scriptの開発手法 Google Apps Scriptには、規模や好みに応じて様々な開発手法が存在します。 オンラインエディタで書く オンラインエディタで書き、Google Apps Script GitHub アシスタントでGitHubと同期 ローカルで書き、claspでGoogleドライブと同期 一時的に使うような小さなプログラムであればオンラインエディタのみで充分ですが、BOTのように継続的に運用していくものとなると、少なくともソース

みなさんは、JavaScriptのコードを書くときに文字列は何で囲みますか？シングルクォート？ダブルクォート？ インデントに使用する文字はスペース？それともタブ？ JavaScript Standard Styleは、そのように千差万別なコーディングスタイルを統一するためのスタイルガイドの一つです。1 JavaScript Standard Styleのルール JavaScript Standard Styleには、次のようなルールがあります。 インデントはスペース2個 文字列はシングルクォートで囲む 未使用の変数は禁止 文末のセミコロンは禁止 キーワードの後にスペースを入れる 関数名の後にスペースを入れる 値の比較に==ではなく===を使用 ただしobj == nullはnull || undefinedをチェックするために許容される 常にNode.jsのerr引数をハンドル ファイルの

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?