Web開発 Webでテキストアニメーションする方法
この記事では，Webでテキストアニメーションする方法をご紹介したいと思います．ポートフォリオサイトなどをはじめとするオシャレなサイトでよく見かけるアレです．▽ 今回作るもの（完成イメージ） ▽ .uGMwggYO_0{stroke-dash...
Web開発 
セキュリティ Cookieのセキュリティ設定完全ガイド｜HttpOnly・Secure・SameSiteの使い方
この記事では，情報処理安全確保支援士試験で頻出テーマであるCookieのセキュア設定についてまとめてみました．試験勉強教材の一助としてご活用いただければ幸いです． HTTPヘッダのセキュア設定については，前回の記事で紹介しておりますので，併...
セキュリティ HTTPヘッダのセキュリティ完全ガイド｜X-Frame-Options・HSTS・X-Content-Type-OptionHTTP
この記事では，情報処理安全確保支援士試験で頻出のHTTPヘッダのセキュア設定についてまとめてみました．試験勉強教材の一助としてご活用いただければ幸いです．HTTPヘッダとはHTTPについて 本題に入る前に，まずは「HTTP」や「HTTPヘッ...
セキュリティ セキュリティにおける真陽性・偽陽性・偽陰性・真陰性
某感染症の流行により，「真陽性」，「偽陽性」，「偽陰性」，「真陰性」という言葉がかなり身近なものになりました．これらのキーワードは，医療や疫学分野に限ったものではなく，AI・データサイエンス分野，情報セキュリティの分野などにおいても，精度評...
セキュリティ 信号機のイメージで理解するセキュリティ設計
セキュリティ設計に関する用語には，「フォールトアボイダンス」，「フォールトトレランス」，「フェールセーフ」，「フェールソフト」，「フールプルーフ」など似た響きの言葉が多数存在し，混同しやすいかと思います． そこで，この記事ではこれらのセキュ...
大学生向け LaTeXでレポート・論文を美しく仕上げる！ おすすめテンプレート＆コマンド集
この記事は次のような人にオススメです！・実験のレポート（答案）をLaTeXで作成したい・LaTeX指定でレポートを提出する必要があり，困っている・毎回LaTeXのコマンドを調べるのが面倒くさい環境構築 既にLaTeXを利用する環境が整ってい...
Web開発 Next.jsで静的ビルドする方法
この記事では，Next.jsで静的サイトをビルドする方法をご紹介します．静的ビルドとは？ 静的ビルドの方法をご紹介する前に，Next.jsで作成したWebアプリケーションのデプロイに必要なビルドと呼ばれる手順について簡単にまとめてみます．ビ...
大学生向け LaTeXで積分の数式を作成する方法｜解析学のレポート作成に役立つコマンド集
この記事は次のような人にオススメです！・LaTeXの環境構築は済んでいる・解析学（微分・積分）のレポート（答案）をLaTeXで作成したい・LaTeX指定でレポートを提出する必要があり、困っている・毎回LaTeXのコマンドを調べるのが面倒くさ...
Web開発 リレーショナルデータベース入門（リレーションの意義と必要性）
前回の記事では、データベースの概要についてご紹介しました。この記事では、その中のリレーショナルデータベース（関係データベース）について詳しくご紹介します。リレーションの意義 前回の記事では、リレーショナルデータベースについて以下のように解...
Web開発 データベース入門
高度情報社会を生きる私たちにとって、「データベース」という言葉は聞き馴染みのあるものだと思います。住所録や商品管理、大学の教務システム・学習管理システムなどをはじめ様々な場所で使用されています。 データベースは、言わば「縁の下の力持ち」的な...