HTML&CSS Loading画面をCSSのAnimationを作って実装する【HTML&CSS】 こんにちは。かじです。 今回は、LoadingUIを作るチュートリアルを解説して、CSSのAnimationを解説していきたいと思います。 今回作成する成果物は下記のようになります。 @import url(' :root{ --crl... 2024.03.31 HTML&CSS
HTML&CSS CSSの疑似クラスnth-child()と謎の~(一般兄弟セレクタ)を使いこなす こんにちは。かじです。 今回は、CSSの疑似クラスnth-child()と謎の~である一般兄弟セレクタについて解説します。 1.疑似クラスとは 疑似クラスとは、特定の状態の時に適用するスタイリングになります。皆さんに一番馴染みのあるもの... 2024.03.30 HTML&CSS
JavaScript ionic無料でおしゃれなアイコンを使う方法【フロントエンド開発】 こんにちは。かじです。 今回はしゃれたionicでアイコンを使用する方法を紹介します。 個人開発をしていて、一つの障壁になるのが、アイコンです。有料素材を買わなければいけないとか、渋々いけてない無料アイコンを使用したり、そもそもアイコン... 2024.03.24 JavaScript
HTML&CSS おしゃれなフォントを探すならGoogle Fonts APIを使おう【HTML&CSS】 こんにちは。かじです。 WebサイトやWebサービスを作ってるけど、なんか字体のデザインが作っているもののトンマナに合わないなという経験はありますでしょうか。 今回は、そんな方に向けてGoogle Fontsを紹介します。 1.Goog... 2024.03.23 HTML&CSS
HTML&CSS CSSで変数を使用する – rootの使い方 -【CSS入門】 0.はじめに こんにちは。かじです。 個人的にプログラミングを始めてから、HTMLとCSSを少しサボってきたので、これからしっかり向かい合っていきたいなと思い、その第一弾になります。 今回はCSSのrootの使い方について解説してい... 2024.03.20 HTML&CSS
WordPress WordPressはPHPのバージョンが異なると動かないは少し正しくない気がする こんにちは、かじです。 今回はWordPressはPHPのバージョンが異なると動かないは少し正しくない気がすると思ったことをつらつらと書いていきたいと思います。 事の発端 既存のWordPressのHPをプラグインを使用して移行しようと... 2024.03.09 WordPress
AWS 何故かインスタンスのディスク容量より多い空き容量【RDS備忘録】 今回は、GBとGiBの違いについて。 経緯 RDSの空き容量を確認した際に100ギガのディスクに設定したはずなのに、何故か空き容量が100GB以上あるという事象が発生。 結論 - GBとGiBの違い - テンパったが、よく見たら、RDSのデ... 2024.03.08 AWS
Programming ドメインについて理解しよう【インターネット入門】 1.はじめに -ドメインとは こんにちは。かじです。今回はドメインについて解説していきます。 以前、インターネット上の住所はIPアドレスであり、サーバーやクライアントなど通信する相手はIPアドレスで識別すると解説しました。ただ、IPアド... 2024.03.03 Programming
Programming IPアドレスについて理解しよう【インターネット基礎】 1.はじめに - IPアドレスとは こんにちは。かじです。今回はIPアドレスについて解説したいと思います。 IPアドレスとは、それぞれのデバイスを識別するためのネットワーク上の住所になります。 皆さんがWebブラウザを使用する時、サーバ... 2024.03.02 Programming
Programming 公開鍵認証について理解しよう【SSH・Git】 1.はじめに - 公開鍵認証とは - こんにちは。かじです。今回は公開鍵認証について解説したいと思います。 公開鍵認証はSSH接続する際などに用いる認証方法です。 仕組みとしては、次のとおりです。 2.公開鍵認証の仕組み まず公開鍵... 2024.02.25 Programming