React Hooksの基本 公開日:2023年8月14日 Web開発コーディング React Hooksは、Reactの関数コンポーネント内で、状態(データの保存)を管理したり、アプリケーションの動作を制御したりするための方法を提供します。この記事では、React Hooksの基本的な使い方について説 […] 続きを読む
【javascript / typescript】擬似サーバを立てて通信を受けて返す 更新日:2022年12月17日 公開日:2022年12月16日 Web開発コーディング 業務でサーバ通信のテストが必要だったので、javascriptでサーバを立ててみた。 通信できれば良かったので、返却値とかは特に考慮していないので、返却する値等は調整してもらえればと。。。 TCP用とUDP用の2種類を作 […] 続きを読む
【docker】dockerコマンド整理 更新日:2022年11月21日 公開日:2022年11月20日 Web開発開発知識 よく使うdockerコマンドを整理しておく ※順次追加していきます。 ログイン dockerhubにログインするコマンド コンテナ起動 コンテナID、もしくはコンテナ名を指定して起動 コンテナに任意の名前を付けて起動 d […] 続きを読む
【javascript / typescript】Arrayのconcatの使い方 公開日:2021年11月23日 Web開発コーディング concatを使ってみる。 typescriptで書いてみる 今回は、クロージャーを使用した書き方にしてみました。 やってることは簡単で、渡した配列を結合してくれます。 結果はこうなります。 target2を結合したもの […] 続きを読む
【javascript / typescript】Arrayのincludesの使い方 更新日:2022年11月20日 公開日:2021年11月21日 Web開発コーディング includesを使ってみる。 includesは配列の中に合致するものがあるかないかを調べる際に有効です。 typescriptで書いてみる 今回は、クロージャーを使用した書き方にしてみました。 やってることは簡単で、 […] 続きを読む
【javascript / typescript】ArrayのforEachの使い方 更新日:2022年11月26日 公開日:2021年6月5日 Web開発コーディング forEachを使ってみる。 ループを書く時によく使うので、覚えておいた方が良いでしょう。 当記事では、最初にtypescriptで書いた場合について記載しており、javascriptでの書き方は後述しています。 typ […] 続きを読む
【javascript / typescript】Arrayのmapは便利なので使い方を覚えておこう 更新日:2022年12月17日 公開日:2021年6月4日 Web開発コーディング javasciprtを扱う場合、結構頻繁に使用することであろうmapについて、簡単に整理しておこうと思います。。 この記事では最初にtypescriptで書いていきますが、記事の後ろにjavascriptバージョンも載せ […] 続きを読む
【javascript / typescript】jsファイル、tsファイルを簡単に実行する方法 更新日:2022年12月26日 公開日:2021年5月31日 Web開発コーディング開発知識 jsファイルやtsファイルを実行する方法を整理しておきます。 jsファイルを簡単に実行する方法 jsファイルをサクっと動かしたい時は、OSの標準、またはnode.jsを用いて実行します。 sample.jsを作ったと仮定 […] 続きを読む
【Angular】ルーティング設定 更新日:2022年11月23日 公開日:2021年5月30日 Web開発 Angularのroutingの設定方法を忘れないように備忘 例えばloginモジュールの下にloginコンポーネント(LoginZComponent)を用意しているとして、 login-routing.module.t […] 続きを読む
【Mac】Node.jsをインストール。ディレクトリがなくてエラーが発生 更新日:2021年6月5日 公開日:2020年11月4日 Web開発開発知識 nodebrewコマンドを使用してNode.jsをインストールします。 インストール自体は簡単ですが、一部ディレクトリがなくてエラーが発生しましたので備忘録です。 インストール 実行してもしなくても良いのですが、念のため […] 続きを読む
【開発環境】nodebrewをインストール(brewコマンドを使用) 更新日:2021年9月11日 公開日:2020年11月4日 Web開発開発知識 brewコマンドを使って、 nodebrewをインストールします。 nodebrewをインストールする上で困ったことはないので、コマンドだけ備忘録。 インストール インストール brew install nodebrew […] 続きを読む
Homebrewのインストール!!エラーが発生して苦戦することも・・・ 公開日:2020年11月3日 Web開発開発知識 brewコマンドを使うために HomebrewというmacOS用パッケージマネージャーをインストールします。 インストールコマンド、及びエラーが発生してしまった場合の参考に備忘録です。 HOMEBREW インストール イ […] 続きを読む
Angular Materialでモーダルを作る時に’hasAttached’関連で怒られる 公開日:2020年8月2日 Web開発コーディング Angular Materialを使って、モーダルを作ろうと思った時にどハマりしたので、残しておこうと思います。 いや〜、ホントはまりました・・・ Angular MaterialでDialogを実装する まずは、普通に […] 続きを読む
【Adobe】XDで作業する時によく使うショートカットキーを整理しておく 更新日:2021年9月17日 公開日:2020年7月19日 WebデザインWeb開発 Adobe XDで作業をする時、 ショートカットキーを知っているかどうかが作業効率に大きく影響を及ぼします。 なので、出会ったショートカットキーを整理しておきたいと思います。 ※Macでの操作しか分からないので、Comm […] 続きを読む
Angularのmodule.tsに書く@NgModule内の記載について整理しておく 更新日:2020年7月25日 公開日:2020年7月19日 Web開発コーディング Angularで開発をしていると、 しょっちゅうxxxxx.module.tsファイルをイジるタイミングがあると思います。 その時にimports、exportsなどの設定を行いますが、 imports、exportsは […] 続きを読む