Programming

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...
WordPress

個人的なWordPressガイドライン【WEB制作】

最近、自社で外注していたWEB制作の受入をすることになり、サーバー構築して納品されたWordPressを公開するという作業をやっていました。  要件定義など上流での取り決めやら経緯も把握していないまま、案件の終盤にちょろっと入っただけですし...
AWS

VPCおよびサブネットとは何か?【AWSの仕組み解説】

こんにちは。かじです。今回は、AWSのVPCとサブネットについて解説したいと思います。  AWSのVPCとサブネットは、AWS上にインフラを構築する上で重要な概念になるので是非クリアしていただけたらと思いますし、その一助になればと考えており...
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...