ペアプログラミング作業報告 - 03回目
本日の共同作業内容：フロントエンドの改善を担当し、パートナーはテストとバックエンドロジックの最適化に取り組んだ。
本日の作業状況：
本日は主にフロントエンドの改善作業に集中した。チームメンバーとの議論を通じて、UIの改善点やアルゴリズムの最適化について話し合った。
フロントエンド画面のスクリーンショット：
作業進捗は限定的であったが、個人課題への集中 ...
10月23日 01:22 投稿
Javaで画像をサーバーにアップロードする方法
HTMLフォームの構造
<div id="selectImage" align="right" style="width: 300px;font-size: 15px;">
(形式: jpg, bmp, png, 100KB以内) 画像を選択
<input type="text" id="imagePath" style="display: none;">
<input type="file" id="fileInput" onchange= ...
10月12日 17:48 投稿
Markdown 構文と拡張機能の実装ガイド
Markdown 編集環境と構文検証
Markdown 文書において、異なる特殊プレースホルダーが占有する空白サイズは異なります。
【1】または // 全角空白
【2】または // 半角空白
【3】または // 半角のさらに半角
目次構造
段落内に [TOC] を記述することで、文書全体の目次構造を自動生成できます。
目次プレビュー
特殊プレースホルダーの空白差異
目次構造
M ...
9月9日 00:50 投稿
HTML要素リファレンスガイド
1）基本テキスト要素
コードを表示<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプルページ</title>
</head>
<body>
<h1>見出しレベル1</h1>
<h2>見出しレベル2</h2>
<h3>見出しレベル3</h3>
<h4>見出しレベル4</h4>
<h5&g ...
9月4日 16:53 投稿
HTML文字列の操作にはDOMが最適：正規表現の複雑さを避ける方法
現代のクライアントサイドアプリケーション、特にリッチなWebインターフェースが普及する中で、開発者がHTML文字列を直接操作する場面は少なくありません。これは、現在表示されているページのDOMを操作するのではなく、独立したHTMLコンテンツの文字列そのものを処理するケースを指します。
たとえば、WYSIWYGエディタなどで生成されたHTMLコンテンツをバックエンドに送信 ...
8月29日 06:08 投稿
フォーム内の複数ボタンによる送信先制御手法
フォーム内の複数送信先処理
単一フォームで異なるアクション先を指定する必要がある場合、JavaScriptを使用した実装方法が有効です。以下に具体的な実装例を示します。
基本実装パターン
<form id="multiActionForm" method="post">
<!-- フォーム要素 -->
<input type="button" value="登録" onclick="setAction('register')">
<input type= ...
8月3日 08:45 投稿
Bootstrapフレームワーク 簡単な使用方法
Bootstrapフレームワークとは
Bootstrapは米国Twitter社のデザイナーMark Otto氏とJacob Thornton氏が共同で開発した、HTML/CSS/JavaScriptを基盤とするフロントエンド開発フレームワークです。GitHubでの人気オープンソースプロジェクトとして知られ、NASAやMSNBCなどの大規模サイトでも利用されています。
ダウンロード手順
公式サイトより最新バージョンを取得します。 ...
8月1日 09:30 投稿
カスタムフォーム設計とコードジェネレータ機能
カスタムフォームやコードジェネレータ機能は、一定のルールに基づいてコードを生成するものです。このプロセスは比較的単純で、テンプレートや定義された文字列を作成し、それらを処理することで実現されます。
テンプレート設計のルール => ユーザーが選択できるルールのインターフェース => ルール内容の置換 => 固定テンプレートまたは文字列への変換 => ...
7月31日 04:52 投稿
JavaScriptイベントとハンドリングの基礎
DOMイベントの基本
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ドキュメント</title>
</head>
<body>
<script>
// イベントの三要素: 1.イベントソース( ...
7月28日 21:46 投稿
JavaでHTMLテキストを抽出して改行を挿入する方法
HTML文書からテキストを効率的に抽出することは、Webスクレイピングやデータ処理において頻繁に必要な処理です。Java ecosystemでは、Jsoupライブラリを使用することで、複雑なHTML構造から目的のテキスト情報を بسهولةに取得できます。本稿では、Jsoupを活用したHTMLテキスト抽出と改行処理の実装方法について解説します。
Jsoupの概要と特徴
Jsoupは、JavaでHTML文書を ...
7月28日 20:47 投稿