角田雄一/情報デザイン研究I

古典のすゝめ

古典文学作品の紹介サイト

 

            メインビジュアル、あるいは
            プロジェクトの最新の状態を視覚的に掲載

角田雄一
Keywords：文学古典文学, 小説
試作サイトリンク← ここから試作サイトを閲覧できます！

↑

概要

↑

これは何？

自分に合った文学作品を探すことが出来るサイト

↑

背景と目的

文学作品において、タイトルから作品の中身を推測するのは困難である。そのため、読みたい作品を探す際には、作品の特徴や扱うテーマが自分の興味に合致しているかどうか、様々な書評を読んだり、Wikipediaで調べたり、いろいろと骨を折る必要がある。その上、調べる過程において、致命的なネタバレを食らってしまうこともあるだろう。そこで、今回は読みたい文学作品を探している方々に向けて、古典を中心に、様々な作品の特徴やテーマ、読みやすさなどを簡潔に紹介し、自分に合った文学作品を探すことが出来るサイトを制作する。その過程で、作品のWebサイト上での表示や作品の分類法、作品解説の手法について模索する。

↑

コンセプト

それぞれの文学作品について、一目で「読みやすさ」や「作品の特徴」について把握でき、自分に合った文学作品を探すことができ、その場で読むことができるサイト。
古典文学と名がつくものは古今東西、山のようにあるが、今回はその中でも、「およそ名作と呼ばれているもので、思想が極端でなく、誰が読んでも何かしら得るものがあるような作品」を中心に扱う。
また、作品の解釈の主体はあくまで読み手であることを念頭に置き、自分の考えや解釈は最小限にとどめ、作品のテーマや特徴を中心に解説する。

↑

成果物の仕様

Webサイト

↑

メンバー

独り

↑

制作ツール

VSCode

↑

プロジェクトの期間

プロジェクトの期間｜2024.04.09 - 20XX.XX.XX

↑

ToDo

~~-テーマ決め・調査~~
~~-サイトマップ~~
~~-ワイヤーフレーム~~

サイト試作
原稿
サイト本制作
ブラッシュアップ

進捗記録

↑

2024.05.07

↑

試作: 作品一覧

↑

経過報告

進捗
- 作品一覧を試作した。
作品一覧
- 枠全体が書店の作品ページへとリンクしている。
- 青空文庫のリンクを追加した。
- 見出し1行と解説数行で、作品の特徴や魅力を伝えなければならない。
- 解説欄に掲載するのは作品の特徴やテーマを中心とし、ネタバレ防止の為あらすじを書くのは極力控えることにした。

↑

2024.04.30

↑

ロゴ

↑

試作: ホーム画面

↑

経過報告

進捗
- ロゴを制作した。
- ホーム画面を試作した。
ホーム画面
- ヘッダーにはロゴと作品一覧へナビゲーションを置き、メイン画像、このサイトについて、管理人おすすめ作品一覧、の順のレイアウトにした。
- 管理人おすすめ作品一覧のところのスライダーをつくるのが大変だった。

↑

2024.04.23

↑

ワイヤーフレーム

ホームと作品一覧のページ

↑

経過報告

進捗
- ワイヤーフレームを制作した。
作品一覧ページについて
- 作品一覧ページに載せる情報
  - 表紙
  - タイトル
  - 作者、翻訳者
  - 読みやすさの目安
  - 見出し
  - 作品の特徴、テーマ、あらすじ等
- コンテンツ
  文学に馴染みが無い方にとって読む本を選ぶ際、「読みやすさ」「扱うテーマ」が基準になるだろうと思う。だから、読みやすさを示した上で、作品の魅力が伝わるような見出し文と、作品についての特徴を捉えた紹介文を掲載することにした。
- レイアウト
  「自分に合った文学作品を探せるサイト」というのがコンセプトのひとつであるため、多くの作品をざっと閲覧できるようなレイアウトでなければならない。よって、横長長方形の作品欄にして、スクロールしながら閲覧できるレイアウトにした。

↑

2024.04.16

↑

サイトマップ

↑

経過報告

進捗
- サイトマップを制作した。
- コンテンツをどのページにどのように表示するか検討した。
サイトの構成
ホーム画面には、ヘッダーに上記サイトマップのナビゲーション、メインビジュアル（自分の本棚の写真にする予定）、閲覧者へのメッセージ、おすすめ本、フッターといった構成にしようと思う。次はワイヤーフレームを制作したい。

↑