情報学 ネットワークアプライアンスとは? アプライアンスとは、ネットワークやコンピュータシステムにおいて、特定の機能や目的を果たすために設計された専用のハードウェアやソフトウェアを指す。アプライアンスは、通常、その機能に特化しており、シンプルな設定や管理で利用できるよう設計されている。 ハードウェアアプライアンス:専用デバイス(物理的な機器)として提供される。... 1月 6, 2025
情報学 OSI参照モデルとは? OSI参照モデルとは、ISO(国際標準化機構)によって標準化された通信体系のこと。 通信に必要な機能をうまくまとめていて、ネットワークエンジニアがプロトコルの議論を行う際に引き合いに出されることが多い。ネットワークを学習する際の登竜門的な知識。 OSI参照モデルに準拠したプロトコルを「OSIプロトコル」と呼ぶが、実はこ... 1月 5, 2025
TypeScript 【TypeScript】ブランケット記法で値にアクセスする際のエラーを解決 今回はTypeScriptでブランケット記法を使うときに出くわすエラーについて紹介しますね。 お題となるエラーはこれです。 Element implicitly has an 'any' type because expression of type 'string' can't be used to index ty... 8月 15, 2024
Docker Dockerについて、僕が知っている全てのこと 今知ってることを書いていく〜。 Dockerにできること Dockerが何かを知るには、Dockerを使うことで得られるメリットを把握するところからスタートするのがいいと思います。 ローカルマシンの影響を受けずに、アプリケーションの開発・実行環境を整えられる(これを仮想化という) 生成したDocker環境をコード化... 11月 1, 2022
Next.js Next.jsを少しずつ理解していく15【API GET Request】 今回はNext.jsを使ってAPIエンドポイントを作成し、GET Requestを扱う方法について紹介します。 環境構築 まずは新しいプロジェクトを作成します。今回は「next-api」というプロジェクト名にしました。 プロジェクトの作成の仕方は以下の記事を参考にどうぞ。 プロジェクトディレクトリに移動したら、下記3... 10月 16, 2022
Next.js Next.jsを少しずつ理解していく14【SSR+CSR|SSG+CSR】 今回はSSRとCSRを組み合わせてデータをフェッチする方法について紹介します。 この記事でやること 今回はユーザーの操作に応じて、表示する記事一覧ページの内容を更新できるページを実装していきます。 具体的には、ページの上部に用意したカテゴリ選択ボタンをユーザーがクリックし、クリックされたカテゴリに応じてCSR側でデータ... 10月 16, 2022
Next.js Next.jsを少しずつ理解していく13【CSR/クライアントサイドレンダリング】 今回はNext.jsのクライアントサイドレンダリング(CSR)について紹介します。 クライアントサイドレンダリング(CSR)の必要性 これまで、Next.jsの事前レンダリングが提供する2つのレンダリング型、SSG(静的サイトジェネレーター)とSSR(サーバーサイドレンダリング)について説明してきました。 事前レンダリ... 10月 13, 2022
Next.js Next.jsを少しずつ理解していく12【SSR/サーバーサイドレンダリング】 今回からはNext.jsの2つ目のレンダリング型である「SSR」について紹介します。 Next.jsのSSGとSSR Next.jsにはSSGとSSRという2種類のレンダリング型があることは、以前の記事で解説しました。 SSGとは、ビルド時にサーバー側で全てのページのレンダリングを行い、生成したHTMLなどのファイル... 10月 13, 2022
数学(高校) 有料会員限定記事 サンプルサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル... 10月 11, 2022
Laravel ReaDouble Laravel 9.xの個人的メモ【利用開始-ディレクトリ構造】 PHP Laravelの学習に際し、ReaDoubleを読み進めていく中で出会った「単語、技術、考え方」などについて、個人的に関心を持ったトピックを中心に取り上げていきます。 本シリーズは、ReaDoubleの補足資料的に利用するのがおススメです。 参照するReaDouble ディレクトリ構造 9.x Laravel ... 10月 9, 2022