こんきつね🦊の技術ばなし

📰 更新記事一覧

このページでは、当ブログで最近更新された記事を時系列でまとめています。新しい技術検証、API の深堀、実装例の追加など、最新の学びを素早く確認できます。更新内容を追いたい方は、この更新記事一覧をご活用ください。

【開発環境について】HTTPSテスト環境の構築（2026-09-15）
ローカル専用の証明書を作成している mkcert と Express サーバーで、実際に HTTPS テスト環境を構築する手順について解説しています。

【開発環境について】Node.js環境の作成（2026-09-15）
Node.js とは何かから始まり、その管理ツールである Volta を用いた Node.js 環境の構築方法を実際のコマンドを示しながら解説しています。

【はじめに】iPhone（iOS 26）の縦横回転で画面がずれる問題について（2026-09-12）
iphone（iOS 26）の縦横変化で、Web 頁に固定化しているメニューバーが半分ほどスクロールしてしまう問題を確認しました。その現象と調査結果について説明します。

【開発環境について】外部アクセス対応のHTTPSテスト環境の構築（2026-09-12）
モバイル端末など、プライベートネットワーク内の外部端末から、HTTPSテスト環境へアクセスできる環境を実際に構築する手順について解説しています。

【開発環境について】外部からのHTTPSテスト環境アクセスについて（2026-09-11）
モバイル端末など、プライベートネットワーク内の外部端末から、HTTPSテスト環境へアクセスする方法について説明しています。

【重要事項】利用規約（2026-09-04）
当サイトをご利用いただくにあたり、順守いただく規約についてまとめています。

【重要事項】著作権について（2026-09-04）
当サイトに掲載されている文章・画像・コードなどのコンテンツの著作権について記しています。

【はじめに】iPhone（iOS 26）で画面がずれる問題について（2026-08-29）
iOS 26 の iPhone で、Web 頁内の入力欄にフォーカスすると、固定しているメニューバーがスクロールしてしまう問題を確認しました。原因調査のため記事投稿を一時停止していた件も含め、現象と調査結果について説明します。

【外部ライブラリ】idb ライブラリの動作確認② （2026-08-28）
「idb ライブラリの動作確認①」で idb ライブラリに対応したサンプルプログラムの全コード（ HTML, CSS, JavaScript ）を公開しています。

【モダンJavaScript入門】Web Worker の動作確認② （2026-08-28）
「Web Worker の動作確認①」で作成したサンプルプログラムを Web Worker 化する方法について解説しています。また、実際に Web Worker 化して動作させた上で、その効果についてもまとめています。

【モダンJavaScript入門】Web Worker の動作確認① （2026-08-28）
通常のスクリプトと Web Worker のコードの違いを比較するためのサンプルプログラムを作成し、その使い方について解説しています。

【UI部品の作成】拡張tableタグの作成③ （2026-08-28）
作成した拡張table形式の Web Componetnts の全 HTML, CSS, JavaScript のコードを掲載しています。

【UI部品の作成】拡張tableタグの作成① （2026-08-28）
テストツールやマスターメンテナス等で使えるような拡張table形式の Web Componetnts を実際に作成しています。サイト内で実際に動かして動作の確認が行えます。

【データ保存技術】OPFS の動作確認（同期操作）（2026-08-28）
実際に OPFS に同期操作を行うサンプルプログラムを作成し、動かしてみることで、オブジェクトや API の動きなどを確認しています。

【データ保存技術】OPFS の動作確認（非同期操作）（2026-08-28）
実際に OPFS に非同期操作を行うサンプルプログラムを作成し、動かしてみることで、オブジェクトや API の動きなどを確認しています。

【データ保存技術】IndexedDBの動作確認③ （2026-08-28）
IndexedDB に保存されたデータを検索するサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】IndexedDBの動作確認② （2026-08-28）
cursor 関数を利用して IndexedDB にアクセスするサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】IndexedDBの動作確認① （2026-08-28）
getAll 関数を利用して IndexedDB にアクセスするサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】SessionStorageの動作確認（2026-08-28）
SessionStorage を使ったサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】LocalStorageの動作確認（2026-08-28）
LocalStorage を使ったサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【外部ライブラリ】複数のファイルをまとめるアーカイブ形式(Zip)② （2026-08-10）
Web上でのファイルのやりとりに使われる Zip ファイルの内部構造について、図を交えわかりやすく解説しています。

【外部ライブラリ】複数のファイルをまとめるアーカイブ形式(Zip)① （2026-08-10）
Web上でのファイルのやりとりに使われる Zip ファイルの内部構造について、図を交えわかりやすく解説しています。

【重要事項】プライバシーポリシー（2026-08-10）
当サイト利用での、個人情報の取扱いについて説明しています。

【データ保存技術】IndexedDBの深堀（2026-08-06）
既に作成済みの IndexedDB にデータストアや Index を追加する方法について、コード例を示しながら具体的に解説しています。

【データ保存技術】OPFS の深堀（MIMEタイプ）（2026-08-05）
OPFS の同期操作を行う際に、明示的に意識する必要のある、MIME タイプについて説明しています。また、OPFS 上のファイルの MIME タイプがいつどこで設定されるのかについても深堀しています。

【データ保存技術】OPFS のファイル操作② （2026-07-28）
OPFS への非同期アクセスを行う時に使用するオブジェクトや API について、コードを示しながら、わかりやすく解説します。

【モダンJavaScript入門】Web Worker の使い方⑤ （2026-07-24）
Web Worker とメインスレッドとのメッセージの受け渡し方法の１つである、ブラウザが実体を管理するオブジェクトを使用したデータの受け渡しについて解説しています。

【モダンJavaScript入門】Web Worker の使い方① （2026-07-23）
Web Worker による平行処理とメインスレッドとの基本的なメッセージ送受信機能について、コードを交えて解説しています。

【モダンJavaScript入門】JavaScriptで扱えるデータ型まとめ③ （2026-07-15）
ES6 以降で追加された Map / Set などのキー・コレクションも含め、JavaScript で使用できるデータ型をまとめて解説しています。

【モダンJavaScript入門】importとexportの基本（2026-07-11）
ES6（2015）で導入された ES Modules を使用するための import / export の使い方について、コードを明示して解説しています。

【モダンJavaScript入門】モジュールスクリプトの基本（2026-07-11）
ES6（ECMAScript 2015）で追加された新たにモジュールという概念について、通常のスクリプトと何が違うのかについてわかりやすく説明しています。

【モダンJavaScript入門】JavaScriptの進化と“モダン”の意味（2026-07-11）
2015 年に登場した ES6（ECMAScript 2015）以降、 JavaScript に発生しきた大きな変化について、概説しています。

【サイト構築について】実践 Eleventy v3 対応（2026-07-06）
Eleventy で実際に作成中のブログサイトをバージョンアップ（ v2 → v3 ）し、その変更点をコードを明示して、まとめています。

【サイト構築について】Eleventy v3 への対応（2026-07-06）
Eleventy ツールのバージョンアップ（v3）に伴い、その対応方法について解説しています。

【外部ライブラリ】idb ライブラリの動作確認① （2026-06-28）
「拡張tableタグの作成③」で作成した IndexedDB アクセスサンプルプログラムの idb ライブラリへの変更方法や、実際に変更した後の動作確認について解説しています。

【はじめに】パソコンを取り巻く環境について（2026-06-27）
長らく開発環境として使用してきたWindowsに加え、新たにChromeOSを加える理由について述べています。

【データ保存技術】OPFS の API 概説（2026-06-24）
OPFS にアクセスするための File System Access API のオブジェクト構成について、図を交えて解説しています。

【データ保存技術】OPFS のディレクトリ操作（2026-06-23）
OPFS のディレクトリ操作について、 File System Access API を使ったコードを示しながら、わかりやすく解説します。

【データ保存技術】OPFSとは② （2026-06-22）
OPFS におけるよくある勘違いや、OPFS 使用上の注意すべきセキュリティ絡みについて、わかりやすく解説しています。

【データ保存技術】OPFSとは① （2026-06-22）
OPFS とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【はじめに】当面の目標について（2026-06-20）
今後のブログサイトの当面の方向性について述べています。

【外部ライブラリ】idb ライブラリの深堀（2026-06-20）
idb ライブラリの応用的な使い方について、コードを交えて解説しています。

【外部ライブラリ】IndexedDB を “モダンに” 使う（idb ライブラリ）（2026-06-20）
IndexedDB を “モダンに” 使える、idb ライブラリの基本について解説しています。

【ファイル連携について】データスクリーニングの作業（2026-06-18）
ファイル連携を行う際の事前データスクリーニング方法について手順を追って解説しています。

【ファイル連携について】データスクリーニングの必要性（2026-06-18）
ファイル連携を行う際に事前にデータスクリーニングを行うことの必要性について解説しています。

【サイト構築について】サイト公開の仕組み（2026-06-18）
作成したサイトを無料＆簡単に公開できる Cloudflare Pages＋GitHub について解説しています。

【データ保存技術】IndexedDBとは（2026-06-18）
IndexedDB とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【モダンJavaScript入門】fetch API（XHR からの進化）（2026-06-18）
「Web API と通信するための標準手段」として、従来の XMLHttpRequest（XHR）にかわり追加された fetch API の使い方をわかりやすく解説しています。

【モダンJavaScript入門】非同期処理のモダンな書き方（2026-06-16）
非同期処理の基本である `Promise` と、現代的な書き方である `async` / `await` を、実例を交えながら丁寧に解説しています。

【モダンJavaScript入門】クラス構文（class）のモダンな使い方② （2026-06-14）
本物のクラスらしい機能が揃ったクラス構文（ `class` ）について、その使い方をわかりやすく解説しています。

【モダンJavaScript入門】クラス構文（class）のモダンな使い方① （2026-06-14）
本物のクラスらしい機能が揃ったクラス構文（ `class` ）について、その使い方をわかりやすく解説しています。

【ブラウザ拡張機能】ブラウザ拡張機能とは（2026-06-04）
「いつものブラウザ」を、自分専用ツールに変える技術としてのブラウザ拡張機能について解説しています。

【サイト構築について】ブログサイト構築の実践③ （2026-04-30）
実際に Eleventy を使用して、テスト用のブログサイトを構築しています。作業工程を詳しく解説しているので、以降の回を含め、ブログサイト作成の追体験が可能です。

【ファイル連携について】ファイル形式に関する誤解（2026-04-29）
ファイル連携を行う際のトラブルの原因となるファイル形式に関する誤解について、図を使いわかりやすく解説しています。

【データ保存技術】LocalStorageとは（2026-04-28）
LocalStrorage とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【サイト構築について】EleventyでのNunjucks （2026-04-27）
Eleventy で作成する記事では、Nunjucks 記法も併用可能です。ここでは、 Nunjucks 記法の具体的な書き方について、実例を交えて解説しています。

【サイト構築について】Eleventyについて（2026-04-26）
静的サイト構築ツール Eleventy の概要からインストール方法、基本的な使い方まで図を交えて解説しています。

【はじめに】ブログ制作動機（2026-04-22）
ブログ政策の動機やきっかけとなった出来事、Webクライアント技術との出会いについて述べています。

【サイト構築について】利用技術（2026-04-22）
本サイト構築にあたり利用した「静的サイトジェネレーター」、Eleventy について紹介しています。

【開発環境について】AIとの向き合い方（2026-04-20）
現在の開発では、抜きにして語れなくなったAIについて、当ブログサイト構築にあたり筆者がどのように向き合っているかについてまとめています。

【データ保存技術】主なデータ保存技術（2026-04-20）
WEBブラウザで利用できるデータの保存技術を整理し、その特徴、容量の目安、主な用途などを整理して解説しています。

【データ保存技術】LocalStorageの深堀（2026-04-20）
LocalStorage の実務使用にあたり、注意すべき点などを解説しています。

【開発環境について】開発用コンピュータ（2026-04-20）
現在、筆者が使用している開発用のパソコンのスペックを中心に、Webクライアントアプリの開発は、以外と古いものでも、実用に耐えうることを説明しています。

【開発環境について】選定した利用技術の深堀（2026-04-20）
Webクライアントアプリの開発で必要なツールについて、それらのツールを何に使うのかについてまとめています。

【開発環境について】利用技術の選定（2026-04-20）
Webクライアントアプリを開発するにあたり、環境作成含め、筆者が選んだ技術について、その選定理由含めまとめています。