AWS インターネットゲートウェイとNATゲートウェイ【AWS】
こんにちは、かじです。 今回はAWSのインターネットゲートウェイとNATゲートウェイに関して解説していきます。 AWSで、VPCとサブネット、EC2を作成して、WEBサーバをインターネットに公開だ、と思ってもこれではAWSリソースはインター...
プログラミング
AWS 
AWS RDSのコスト計算ちょっとややこしい問題【AWS/IOPS】
こんにちは。かじです。 こんかいはRDSの課金額について解説したいと思います。 最近料金のAWS全般の見積りを行うようになって、ちょっとRDSの利用料金について詰まったところがあったので、そこについて詳しくみていけたらと思います。 RDSの...
AWS LightsailでBasic認証を設定する方法【AWS】
こんにちは。かじです。 今回はLightsailでBasic認証を設定する方法を紹介したいと思います。 今回参考にするのは下記のbitnamiのサイトになります。少しLightsailとはやり方が異なる部分もありますのでその辺りを補足し...
AWS AWSアカウントを作成後ルートユーザに対して施すべきセキュリティ対策
こんにちは。かじです。 今回はAWSアカウントの作成後にルートユーザーに対してすべき設定を解説していきます。 1.AWSアカウントとは AWSアカウントとは、AWSのリソースを使用する際に登録するアカウントになります。 AWSアカウン...
HTML&CSS HTML、CSS、JavaScriptでマジックナビゲーションバーを作ろう【WEBチュートリアル】
こんにちは。かじです。 今回はHTML、CSS、JavaScriptでマジックナビゲーションバーを作成していきたいと思います。 下のようなものを作成していきたいと思います。 @import url(' * { margin: 0; pa...
HTML&CSS Loading画面をCSSのAnimationを作って実装する【HTML＆CSS】
こんにちは。かじです。 今回は、LoadingUIを作るチュートリアルを解説して、CSSのAnimationを解説していきたいと思います。 今回作成する成果物は下記のようになります。 @import url(' :root{ --crl...
HTML&CSS CSSの疑似クラスnth-child()と謎の~(一般兄弟セレクタ)を使いこなす
こんにちは。かじです。 今回は、CSSの疑似クラスnth-child()と謎の~である一般兄弟セレクタについて解説します。 1.疑似クラスとは 疑似クラスとは、特定の状態の時に適用するスタイリングになります。皆さんに一番馴染みのあるもの...
JavaScript ionic無料でおしゃれなアイコンを使う方法【フロントエンド開発】
こんにちは。かじです。 今回はしゃれたionicでアイコンを使用する方法を紹介します。 個人開発をしていて、一つの障壁になるのが、アイコンです。有料素材を買わなければいけないとか、渋々いけてない無料アイコンを使用したり、そもそもアイコン...
HTML&CSS おしゃれなフォントを探すならGoogle Fonts APIを使おう【HTML&CSS】
こんにちは。かじです。 WebサイトやWebサービスを作ってるけど、なんか字体のデザインが作っているもののトンマナに合わないなという経験はありますでしょうか。 今回は、そんな方に向けてGoogle Fontsを紹介します。 1.Goog...
HTML&CSS CSSで変数を使用する – rootの使い方 -【CSS入門】
0.はじめに こんにちは。かじです。 個人的にプログラミングを始めてから、HTMLとCSSを少しサボってきたので、これからしっかり向かい合っていきたいなと思い、その第一弾になります。 今回はCSSのrootの使い方について解説してい...