%#!platex -kanji=%k
%#DVIPDF dvipdfmx -f ipa.map
\documentclass{jsbook}
\usepackage[dvipdfmx]{graphicx}
% \usepackage[dvipdfmx]{color}
\usepackage{ascmac}
\usepackage{geometry}
\usepackage{url}		% 文中にURLを書くときは \url{} で括る
\usepackage{here}
\setcounter{tocdepth}{3}
\geometry{textwidth=160mm, textheight=225mm}
\renewcommand{\bibname}{参考文献}
\pagestyle{headings}
 
%% タイトル %%
\title{Webサイト作成未経験者のための\\Webページ作成簡略化システムの提案}
 
%% 著者 %%
\author{広瀬研究室3年\\C1192675 岩城勇太}
 
%% 日付 %%
\date{}
 
\begin{document}
\maketitle

\begin{center}
  {\bfseries 概要}
\end{center}
Webページでは,多様なコンテンツを不特定多数の人々に発信することができる。その情報を閲覧者が受け取ることで,
インターネット上では日常的に情報伝達が行われている。
このように人々の生活に普及しているWebページであるが,その作成にあたっては専門的な知識が必要である。それゆえ本研究では,
専門的な知識を身につけていない場合でもWebページを作成できるシステムを提案する。

\tableofcontents  %目次
\chapter{はじめに}
\section{背景}
2019年総務省の「通信利用動向調査」では,個人のインターネット利用は増加傾向にあり,
利用目的がホームページやブログの閲覧であるとの回答が60\%程度と示されている\cite{somu}。
この結果より,昨今ではWebページの閲覧が一般化されており,その需要も高いと言える。
しかしながら,Webページの閲覧は容易に行えるが,その作成も容易にできるとは言い難い。
Webページの作成においては,HTMLやCSSといった専門的な知識が必要であるため,
誰もが簡単にWebページを作成できるわけではないのである。
こういった問題点を解決するためには,専門的な知識を身につけていない人でも
容易にWebページを作成できる仕組みが必要である。

\section{研究目的}
本研究では,Webページ作成の経験が乏しい人でもWebページが作成できるようにすることを目的とする。
そのため,HTMLファイルやCSSファイルを直接書き換えること無く,ブラウザ上の簡単な操作だけでWebページを編集できるシステムを提案する。

 
\chapter{先行研究と既存システム}
先行事例では,Webページ作成の負担を減らすために,
利用者が専門知識を有していなくてもWebページの作成や更新ができるようなシステムの開発を行っている。

\section{Webページ更新簡略化のための研究}
近藤らの研究\cite{paper1}では、地域イベントの情報発信において、
Webサイトの更新作業は HTML を書き換えなければならなく，担当者にとって負担であるとした。
この問題を解決するために、独自のコンテンツ管理システムを構築した。
システムの機能は、Webフォームからサイト更新や修正・削除を行うことができるようにするものである。
結果として，従来のWebページ更新作業の手順を軽減することができ，複数人による更新作業及び円
滑なプロジェクト運営が可能となったとされている。

\section{Webページ作成簡略化のための研究}
今野の研究\cite{paper2}では，Webページ作成の負担を軽減し,迅速な情報発信を行うために,
メールによるデータベース自動更新システムを提案している。
システムの内容は,事前に用意したテンプレートメールの受信後,記載された情報を自動で取得し,
データベースの対応項目へ更新を行うものである。
この結果,データベースの更新作業を自動化することで,作業の効率化及びWebページへの反映の即時性を実現できるこ
とが分かったとされている。

\chapter{類似サービス}
Webサイトの管理を補助するために用いられるシステムに,CMS (Content Management System)が挙げられる。
この代表例として,以下2点の特徴と課題点を示す。

\section{WordPress}
WordPress\cite{WordPress}はオープンソースとして無料で公開されているCMSである。
Web上の43\%のサイトがWordPressで作成されており,世界的なシェアを確立している。
特徴として機能を拡張するプラグインが豊富にあり,拡張性が非常に高いことが挙げられる。

\section{Wix}
Wix\cite{Wix}はマイクロソフトがリリースしているオープンソースのCMSである。
WixにはAIを使用した自動ホームページ作成ツールWix ADIが実装されている。
Wix ADIは、簡単な質問に答えるだけで人工デザイン知能がコンテンツを作成し、
Webサイトを構築することができるシステムである。

\section{既存CMSの課題}
既存のCMSでは,多少のHTMLやCSSの知識を有していれば
簡単にWebページを作成でき,その汎用性から様々なWebサイトをデザインすることができる。
一方で,その汎用性や拡張性はWebページ作成の経験が乏しい人にとっては混乱を招く原因になり兼ねない。
それゆえ,誰もが簡単に扱えるWebページ作成システムが必要である。

\chapter{提案}
本章では,提案するシステムの概要と設計について説明する。

\section{システムの概要}
本研究では,Webページ作成の未経験者や初心者を対象に,
ブラウザ上で必要な情報を入力するだけで簡単にWebページが作成できるシステムを提案する。
機能要件を以下に示す。

\begin{itemize}
  \item[要件1]ブラウザ上で動作すること
  \item[要件2]複雑な操作を必要とせず,「テキストの入力」「文字色や背景色の選択」等の操作に留めること
  \item[要件3]利用者にHTMLやCSSの記述をさせないこと
\end{itemize}

\section{システム開発}
図1は本システムの動作を表したものである。

\begin{figure}[H]
\includegraphics[width=75mm]{system1.pdf}
\centering
\caption{システムの動作概要}
\end{figure}

システム開発には,入力フォームの作成にHTML5とCSS3を用いる。
また、入力フォームから受け取ったデータを処理するために,CGIとRubyを用いる。

\chapter{結論}
2022年2月現在,図１で示した通りに動作するシステムの開発を行っている。しかしながら,開発環境の選定に時間を要し,十分に開発が進んでいない。
現状として入力フォームは完成しており,そこから受け取ったデータを処理するRubyプログラムの作成を進めている。

今後はテンプレートHTMLファイルを読み込んだ後に,入力フォームから受け取ったデータに該当箇所を置き換えて,新規ファイルとして出力する仕組みを作成する必要がある。
 
\begin{thebibliography}{99}
\bibitem{somu} 総務省. ``通信利用動向調査". 情報通信統計データベース.\\https://www.soumu.go.jp/johotsusintokei/statistics/statistics05.html, (参照2022-01-11)
\bibitem{paper1} 近藤真由ほか. ``地域イベントの情報発信におけるWebを活用したコンテンツ管理手法―学生によるインターネット放送局の活動事例から―". コンピュータ＆エデュケーション 22. p28-32, 2007
\bibitem{paper2} 今野稔. ``メールを利用したデータベース自動更新システムの提案". 東北公益文科大学, 2016. 学士論文, \\https://www.koeki-prj.org/~yuuji/seminar/c113069.pdf, (参照2022-01-11)
\bibitem{WordPress} WordPress. ``WordPress.com".\\https://wordpress.com/ja/?ref=wporg-footer, (参照2022-01-11)
\bibitem{Wix} Wix.com Inc. ``Wix". Wix.com. \\https://ja.wix.com/, (参照2022-02-13)
\end{thebibliography}

\end{document}
