はてなブックマーク

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

はじめに ネットに転がっている記事などで npm install のコマンドをよく分からず実行してきましたが、そろそろその状態から卒業したかったので備忘録をかねてこちらの記事を投稿しました。 npm install コマンドに関することをメインにお伝えしますが、package.json や node_modules など npm を語る上で基本的なことについても触れていきたいと思います。 目的 この記事の目的は、以下の4つの npm install コマンドを実行したときの挙動の理解と、これら4つのコマンドを必要な状況に応じて使いわけるようになることです。 npm install npm install -g <package> npm install <package> npm install -D <package> つまり、適当に npm install するのを卒業することです。

はじめに 特定の条件のみのに適応される配列の extension を記述したい場合がありました。 調べたところ where を用いるとうまく表現することができたのでそれの紹介になります。 環境：Xcode 12.5.1 やりかた 例： Int の配列のみに適応される extension を書きたい場合 import Foundation extension Array where Element == Int { func doublePrint() { self.forEach { print($0 * 2) } } } let intArray = [1, 2, 3] intArray.doublePrint() // 出力 // 2 // 4 // 6 let strArray = ["1", "2", "3"] strArray.doublePrint() // ← これはコンパイ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Flutter が本格的に流行ってきたので、勉強のため、架空のショッピングアプリの開発を Flutter を用いて開発してみました。 そこで得られた知見をまとめたいと思います。 開発したアプリの概要 開発するアプリとして架空の飲食店または小売店での注文アプリを作成しました。 この手のアプリの中ではマクドナルドのオーダーアプリがかなりよくできていたので、それを参考にして作成しました。 Flutter の勉強が主な目的ですが、相性の良い Firebase の機能も試してみたかったので、店舗情報、商品情報、注文履歴などのデータはアプ

はじめに package.json に記載されているパッケージのバージョンアップには npm-check-updates というツールがとても便利なので紹介したいと思います。 結論 package.json に記載されているパッケージのバージョンアップ方法は以下の 2 つの方法があります。 方法 1 : npm outdated コマンドを使う npm outdated コマンドを実行し、アップデート情報を確認して、パッケージをひとつひとつ丁寧にアップデートする 方法 2 : npm-check-updates パッケージをつかう ← おすすめ！ npm-check-updates パッケージを利用して、アップデート情報を確認して、すべてパッケージをまとめてアップデートする 手間を考えると npm-check-updates の方が楽です。 そもそもバージョンアップなら npm updat

初心者に向けての答え package-lock.json について、とりあえず以下を守ればプロジェクトに迷惑をかけません。 直接編集してはいけません 基本的に無視していいファイルです 削除してはいけません npm install コマンド実行時に変更されることもありますが、そのときに発生する変更は気にしなくて大丈夫です マージリクエスト（プルリクエスト）する際に package-lock.json に変更があった場合は、その変更も含めて提出します ※ これは package.json についても同じことが言えます。 もうちょっと知りたい人に向けての答え package-lock.json は npm install 実行時に新規作成・更新される package-lock.json には npm install で実際にインストールしたパッケージ情報が記載されている package-lock

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事の対象者 Route 53 + ACM + CloudFront + S3 構成を構築しようと試みている人 Route 53 + ACM + CloudFront + S3 構成を構築してみたがいまいち全体像がわからない人 AWS で独自ドメインで HTTPS 通信で Web サイトを配信したい人 AWS 初心者 はじめに AWS で Web サイトを独自ドメインで配信するにはどうしたらいいのか調べてたところ、どうも Route 53 + ACM + CloudFront + S3 の構成がスタンダードのようでした。 【参考】

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Docker を勉強し始めると Dockerfile や docker-compose などの用語が出てくると思いますが、『これらを利用すると何がうれしいのか』を軸にそれぞれについて説明したいと思います。 Dockerfile や docker-compose を勉強する前に見ていただければよりすんなり、頭に入っていきやすいと思います。 この記事で触れること Dockerfile の使い所、メリット docker-compose の使い所、メリット この記事で触れないこと Dockerfile の書き方、サンプル docker

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1. はじめに Webページが表示される仕組みの続編になります。（別に読まなくても大丈夫なように記事は執筆しました。） 本記事では、「Web サイトが表示される原理」、「Docker での Web サーバーの構築」、「Web サイトの作成」の順に説明して、自ら作成した Web サイトが表示されるところまでを体験することが目標になります。 かなり初心者向けの記事になります。 (結果的に、自作の Web サイトを表示することが目的なのに、Docker の使い方の記事みたいになってしまいました、、、) 1-1. Why Docker？ Web