AJAX004——JSONを用いたデータ交換
JSONによるデータ交換
JSONオブジェクトの作成とアクセス方法
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON</title>
</head>
<body>
<script type="text/javascript">
// オブジェクトの定義方法
var userInfo = {
"id": 1,
"nam ...
6月1日 20:27 投稿
ally.js ガイド：Webアプリケーションのアクセシビリティ向上ツール
ally.js ガイド：Webアプリケーションのアクセシビリティ向上ツール
ally.jsとは？
ally.jsは、Webアプリケーションのアクセシビリティを強化するJavaScriptライブラリです。開発者がWebプラットフォームの未整備な可用性問題を解決するための標準化された機能を提供します。ただし、このライブラリの導入だけでアプリケーションが自動的にアクセシブルになるわけではなく ...
5月31日 10:13 投稿
Object.definePropertyの理解と使い方
Object.defineProperty()メソッドは、オブジェクトに新しいプロパティを直接定義したり、既存のプロパティを変更したりする際に使用します。このメソッドは変更されたオブジェクト（最初の引数obj）を返します。
構文：
Object.defineProperty(obj, prop, descriptor)
<br></br>//obj：プロパティを定義する対象のオブジェクト
//prop：定義または変更するプロ ...
5月31日 02:55 投稿
微信小程序でイベント申請ページの実装
このプロジェクトは、汕頭大学校団委の教師予約申請とイベント申請の承認フローを簡素化するために作成されたものです。微信原生文法と騰訊雲開発フレームワークを使用して構築されています。
前準備
第六節ではログインページと登録ページを作成しました。今回はその続きとして、ユーザー端のメインページに移り、「イベント申請」ページの実装について説明します。
1. ...
5月30日 23:33 投稿
FastDFSを用いた画像アップロードの実装
技術的背景：
FastDFSをインストールした後、プロジェクトで実際に利用することが可能です。簡単なデモを作成し、画像のアップロードを実現しました。
実装内容：
1. Spring Bootプロジェクトの構築
1.1 pom.xml 依存関係
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</a ...
5月30日 23:24 投稿
JavaScriptにおける暗号化・ハッシュ処理の実装パターンとサンプル
概要
Webアプリケーション開発でよく使われるJavaScriptによるデータ保護手法を整理し、即座に使えるコード例を提供します。単なるエンコードから本格的な暗号化まで、目的に応じた選択が可能です。
1. 対称鍵暗号
Base64は厳密には暗号化ではなく、バイナリデータのテキスト表現です。一方、AESは強力な対称鍵暗号として広く利用されています。
<html>
<body&g ...
5月30日 20:27 投稿
Vueでアップロードされた動画ファイルの再生時間を取得する方法
Vue.js と Element UI の el-upload コンポーネントを活用して、ユーザーがアップロードした MP4 動画ファイルの再生時間を取得する実装方法を紹介します。
HTML テンプレート
<el-upload
class="upload-demo"
:action="actionUrl"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<button class ...
5月30日 17:08 投稿
Node.jsアプリケーションにおけるLimitrrの実装ガイド
Node.jsアプリケーションにおけるLimitrrの実装ガイド
LimitrrはRedisをバックエンドとして動作する軽量なレートリミティングライブラリであり、Expressフレームワーク向けのミドルウェアも提供しています。このツールを使用することで、開発者はアプリケーション内の各種エンドポイントに対してアクセス制限や遅延処理を実装できます。
1. プロジェクト概要と技術スタック ...
5月28日 22:33 投稿
JavaScriptにおけるデザインパターンの実装手法
概要
デザインパターンは主に三つのカテゴリに分類されます：
生成に関するパターン：ファクトリーメソッド、抽象ファクトリー、シングルトン、ビルダー、プロトタイプ。
構造に関するパターン：アダプター、デコレーター、プロキシー、ファサード、ブリッジ、コンポジット、フライウェイト。
振る舞いに関するパターン：ストラテジー、テンプレートメソッド、オブザー ...
5月28日 08:07 投稿
JavaScript オブジェクトのコピー戦略：浅いコピーと深いコピーの実装と使い分け
参照型の挙動とコピーの必要性
JavaScript におけるオブジェクトは参照型として扱われるため、単純な代入操作では新しいメモリ領域が確保されず、既存のオブジェクトへの参照アドレスがコピーされるだけです。この挙動を理解せずにコピー処理を行うと、予期せぬ副作用が発生する可能性があります。本稿では、ES6 以降の標準機能を用いたオブジェクト複製の手法と、それぞれ ...
5月28日 05:39 投稿