【2024年版】AWSでIAMユーザを追加して管理者権限を与える

AWS

はじめに AWS(Amazon Web Service)でまず最初にやることといえば、IAM(アイアム)のユーザーの作成です。 IAMユーザーを作成することでコマンドラインやAWSのマネジメントコンソールへのアクセスを権限を絞った状態にできます。 AWSのセキュリティにとても重…

【JavaScript】数値の四捨五入、切り捨て、切り上げをする

はじめに JavaScriptを扱っていると小数点が続く割り切れない数値を扱うことがよくあります。 JavaScriptのMathクラスには数値を四捨五入、切り捨て、切り上げを行うメソッドがあり、とても便利です。 今回は、小数点第1位を四捨五入、切り捨て、切り上げを…

【React】axiosのGetで郵便番号から住所を取得する

はじめに Web APIからJavaScriptを使ってデータを取得できると本格的なプログラムが作れますよね。 今回はaxiosを使って、郵便番号から住所を取得する方法を考えてみました。 axiosのインストール まずはnpmを使ってプロジェクトにaxiosをインストールしてお…

【JavaScript】文字列をカンマ区切りで配列に格納する方法

はじめに JavaScriptでCSVなどのデータを扱う場合にカンマ区切りで配列に格納してデータを扱えると、とても便利ですよね。 文字列をカンマ区切りで配列に格納するには「split()メソッド」で一行で実装できます。 今回は、便利な「split()メソッド」を使って…

【Python】三項演算子を使って奇数、偶数を判定する

はじめに Pythonでif文を書いていると単純なコードなのに長いコードになることがあります。 単純なコードは三項演算子にして視認性の良いコードを書いてみませんか? 三項演算子を使って奇数、偶数を判定する 例として三項演算子を使って奇数、偶数を判定す…

【Python】for文でrangeで1から10までループする

はじめに プログラムで特に利用頻度が多いfor文。 Pythonではrangeを組み合わせることで、とても簡単にループの範囲を指定する事ができます。 今回は、for文でrangeを使用して1から10までループする方法を紹介します。 Pythonのfor文でrangeを使用してループ…

【Python】配列同士を結合する最も簡単な方法

はじめに Pythonは非常に短いコードで配列の操作を行うことができるようになっています。 今回は、Pythonにおいて、配列同士の結合を最も簡単に行う方法を紹介します。 Pythonで配列同士の結合を行う 下記のコードでは、配列1(array1)と配列2(array2)の結…

【React】三項演算子を使いボタンの表示、非表示を切り替える

はじめに Reactの大きなメリットとしてstateによる状態管理があります。 さらにstateと三項演算子を使うことで不具合が発生しにくくシンプルにボタンなどの状態を変化させることができます。 今回は、React(JavaScript)の三項演算子を使ってボタンの表示、非…

【React】useEffectの処理が2回実行される時の対処方法

はじめに Reactのアプリケーションを「npx create-react-app」コマンドで作成して useEffectを設定すると困った現象が発生します。 useEffect(() => { console.log("useEffectが呼び出されました"); }, []); どうやらuseEffectの処理が2回実行されている模…

useEffectでasyncを使うと「destroy is not a function」エラーが発生する場合の対処方法

はじめに ReactでuseEffectを使用する場合によくやってしまう問題について紹介します。 それは、useEffectで非同期関数を使用したい場合にasyncの設定方法を間違えてしまいます。 一見、問題なさそうな下記のコード・・・ useEffect(async () => { // 処理 }…

【MUI】ボタンの前後にアイコンを表示する方法

はじめに ReactでMaterial UIを使っているときにボタンの前後にアイコンがあれば Webページを訪れるユーザーにとって、とてもわかりやすいUIになります。 今回は、Material UIでボタンの前後にアイコン(Material Icon)を表示する方法を紹介します。 まずは…

【JavaScript】文字列の途中にハイフンなどの文字を追加する方法

はじめに JavaScriptで携帯電話番号、固定電話番号、郵便番号など番号の間にハイフンを入れる機会は多いと思います。 今回は携帯電話番号を例に番号の間にハイフンを入れる方法を紹介します。 携帯電話番号の間にハイフンを挿入 下記のJavaScriptを例に見て…

【VSCode】Prettierをプロジェクト毎に設定を切り替える方法

はじめに プロジェクトチームで開発をプログラムの改行位置や配列、オブジェクトの書き方などはどうしてもバラバラになってしまいますよね。 昔はコーディング規約なるものを作っていましたが非常に手間のかかるもの。 現在はプログラムの書き方をある程度自…

【HTML】Webページで改行コード(¥n)で改行したい!そんな時に役立つword-breakプロパティ!

はじめに Webページで改行といえばタグですが動的に生成された文書に改行を入れるのは難しいもの。 そんな時は、CSSのword-breakプロパティが便利です。今回はword-breakを使ってHTMLの改行を制御する方法を紹介します。 word-break: break-all div { word-b…

【NodeJS】NodeJSバージョン18、20のインストール方法

はじめに Webシステムの構築にNodeJSを選択される方は多いでしょう。 NodeJSは開発環境の構築は非常に簡単ですが本格的なWebシステムやAPI、バッチまでもがJavaScriptで構築でき、非常に強力な仕組みです。 NodeJS バージョン16は既にサポートが切れているの…