#author("2024-06-10T14:42:22+09:00;2024-06-07T09:29:31+09:00","default:member","member") #author("2024-06-10T14:43:52+09:00;2024-06-07T09:29:31+09:00","default:member","member") *古典のすゝめ 古典文学作品の紹介サイト #image(main_image.png) -''角田 雄一'' -'''Keywords：文学 古典文学, 小説''' -__[[サイトリンク>https://katsudon-tabetai.github.io/koten-no-susume/index.html]]__← ここからサイトを閲覧できます！ //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ **概要 ***これは何？ 自分に合った文学作品を探すことが出来るサイト ~ ***背景と目的 文学作品において、タイトルから作品の中身を推測するのは困難である。そのため、読みたい作品を探す際には、作品の特徴や扱うテーマが自分の興味に合致しているかどうか、書評を読んだり、Wikipediaで調べたり、いろいろと骨を折る必要がある。さらに、調べる過程において、致命的なネタバレを食らってしまうこともあるだろう。そこで、今回は読みたい文学作品を探している方々に向けて、古典を中心に、様々な作品の特徴やテーマ、読みやすさなどを簡潔に紹介し、自分に合った文学作品を探すことが出来るサイトを制作する。その過程で、作品のWebサイト上での表示や作品の分類法、作品解説の手法について模索する。 ~ ***コンセプト それぞれの文学作品について、一目で「読みやすさ」や「作品の特徴」について把握でき、自分に合った文学作品を探すことができ、その場で読むことができるサイト。 古典文学と名がつくものは古今東西、山のようにあるが、今回はその中でも、「およそ名作と呼ばれているもので、あまり思想が極端でない作品」を中心に扱う。 また、作品の解釈の主体はあくまで読み手であることを念頭に置き、自分の考えや解釈は最小限にとどめ、作品のテーマや特徴を中心に解説する。 ~ ***成果物の仕様 Webサイト //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ ***制作ツール VSCode //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 プロジェクトの期間｜2024.04.09 - 2024.06.18 ~ ***まとめ いかにしてネタバレや先入観を与えることなく文学作品の特徴やテーマを伝えるか、というコンセプトを基に、Web媒体における新たな文学作品の紹介方法を確立できた。 また、作品紹介ページのレイアウトについて、それぞれの作品を横長のブロックとして一列に並べるように配置した。それにより、上から下にスクロールしながらの、スムーズな閲覧を可能にし、作品の個別ページのような第二階層を必要としない、作品一覧の階層のみで完結するレイアウトを実現した。 ただ、実際に上記コンセプトに基づいた紹介文を書いてみると、作品ごとに紹介文に記載できる要素が大きく異なることが分かった。たとえば、テーマは作品の重要な要素の一つであるため、紹介文では基本的に触れておきたいのだが、「罪と罰」のような多くのテーマを包含した作品は、テーマについて具体的に書くことは難しい。また、「銀河鉄道の夜」のような、テーマが明解でなく読者の解釈にゆだねられるような作品もテーマについて書きにくい。このように、一口に紹介文と言っても紹介できる内容が作品ごとに大きく異なるため、紹介文の記述には大きな労力を要する。そこで、上記コンセプトに基づいた紹介文を書きやすくするためのルールやパターンづくりが今後の課題となるだろう。 ただ、実際に上記コンセプトに基づいた紹介文を書いてみると、作品ごとに紹介文に記載できる要素が大きく異なることが分かった。たとえば、テーマは作品の重要な要素の一つであるため、紹介文では基本的に触れておきたいのだが、「罪と罰」のような多くのテーマを包含した作品は、テーマについて具体的に書くことは難しい。また、「銀河鉄道の夜」のような、テーマが明解でなく読者の解釈にゆだねられるような作品もテーマについては書きにくい。このように、一口に紹介文と言っても紹介できる内容が作品ごとに大きく異なるため、紹介文の記述には大きな労力を要する。したがって、上記コンセプトに基づいた紹介文を書きやすくするためのルールやパターンづくりが今後の課題となるだろう。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -本のオンライン販売サイト --[[Bookshop.org>https://bookshop.org/]] --[[thriftbooks>https://www.thriftbooks.com/]] --[[Shelf Steals>https://www.betterworldbooks.com/explore/shelf_steals?_gl=1*1qfign8*_up*MQ..&gclid=CjwKCAiA7IGcBhA8EiwAFfUDsc3N1RSXV81_dn1ldN--m8vE0WTWOEGWXlRwpxtNCYzr_1pYhMyt7RoCmmoQAvD_BwE]] --[[alibris>https://www.alibris.com/]] --[[BARNES&NOBLE>https://www.barnesandnoble.com/]] -書影の著作権について --[[岩波書店>https://www.iwanami.co.jp/files/rights/01.pdf]] --[[新潮書店>https://www.shinchosha.co.jp/help/ask.html]] --[[版元ドットコム>https://www.hanmoto.com/]] ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[好書好日>https://book.asahi.com]] -[[カドブン>https://kadobun.jp]] -[[濱田侑里/情報デザイン研究I]] ~ //***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール [[進行管理表（Google Driveへのリンク）>https://docs.google.com/spreadsheets/d/1mTEb4yeCSesG6hhhg9vC0gNYBv-GEZMZqkpAKuEfIHk/edit?usp=sharing]] ~ ***ToDo %%-テーマ決め・調査%% %%-サイトマップ%% %%-ワイヤーフレーム%% %%-サイト試作%% %%-原稿%% %%--このサイトについて%% %%--作品一覧%% %%-サイト本制作%% %%--メイン画像%% %%--カラーリング%% %%-ブラッシュアップ%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ //**2024.07.09 //***経過報告 //-進捗 //--原稿を一部修正した。 //~ //~ //**2024.07.02 //***経過報告 //-進捗 //--原稿を一部修正した。 //--フォントを変更した。 //~ //~ //**2024.06.25 //***経過報告 //-進捗 //--原稿を一部修正した。 //~ //~ //**2024.06.18 //***制作: 作品一覧（管理人のお気に入り） //#image(favorite.png, , 75%) //~ //***経過報告 //-進捗 //--管理人のお気に入りの作品一覧を完成させた。 //--「このサイトについて」の原稿を完成させた。 //--サイトを完成させた。今後はブラッシュアップをしていきたい。 //~ //~ **2024.06.11 ***制作: 作品一覧（日本文学） #image(jpn-literature.jpg, , 45%) ~ ***経過報告 -進捗 --日本文学の作品一覧を完成させた。 ~ ~ **2024.06.04 ***制作: 作品一覧（海外文学） #image(foreign-literature.jpg, , 45%) ~ ***経過報告 -進捗 --海外文学の作品一覧を完成させた。 ~ ~ **2024.05.28 ***掲載作品の調査、決定 -掲載作品(18作品) --海外文学 「レ・ミゼラブル」、「罪と罰」、「老人と海」、「ファウスト」、「外套」、「カラマーゾフの兄弟」、「人はなんで生きるか」 --日本文学 「出家とその弟子」、「銀の匙」、「夜叉ヶ池」、「草枕」、「怪談牡丹燈籠」、「銀河鉄道の夜」 --管理人お気に入り 「人間の建設」、「地下室の手記」 ~ ~ **2024.05.21 ***試作: 試作サイト __[[試作サイトリンク>https://katsudon-tabetai.github.io/koten-no-susume-demo/index.html]]__← ここから試作サイトを閲覧できます！ ~ ***試作: 作品一覧 |49|2|49|c |#image(prototype03-1.png)| |#image(prototype03-2.png)| #settableborder(none) ~ ***中間報告準備 -話す内容 --概要(90秒) ---問いかけ(10秒)「文学作品を読んだことがあるか」 ---背景(60秒)「読みたい作品を探す際の作品選びが困難である」 ---目的(20秒)「様々な作品の特徴やテーマを簡潔に紹介し、自分に合った文学作品探せるサイトを制作」 --試作紹介(90秒) ---ホーム画面(45秒)「ロゴ・ナビゲーション・メイン画像・このサイトについて・管理人のおすすめスライダー・フッター」 ---作品一覧(45秒)「タイトルと作者・表紙・読み易さ（本選びのためのサイトだから）・青空文庫リンク・見出し・紹介文・書影の出典・十数作品掲載予定」 ***経過報告 -進捗 --作品一覧に3作品を追加した。 --試作サイトを完成させた。 --中間報告で話す内容を大まかに決めた。 ~ ~ **2024.05.14 ***試作: ホーム画面（管理人のおすすめの本のスライダー） #image(prototype01-2.jpg, , 70%) --__[[thriftbooks>https://www.thriftbooks.com/]]__のサイトのベストセラー欄を参考にした。 --本をクリックしたら作品一覧の該当作品に飛ぶようにした。 ~ ***経過報告 -進捗 --ホーム画面の「管理人のおすすめ」の本を表示するスライダーを制作した。 ~ ~ **2024.05.07 ***試作: 作品一覧 #image(prototype02.jpg) ~ ***経過報告 -進捗 --作品一覧を試作した。 -作品一覧 --枠全体が書店の作品ページへとリンクしている。 --青空文庫のリンクを追加した。 --見出し1行と解説数行で、作品の特徴や魅力を伝えなければならない。 --解説欄に掲載するのは作品の特徴やテーマを中心とし、ネタバレ防止の為あらすじを書くのは極力控えることにした。 ~ ~ **2024.04.30 ***ロゴ #image(logo.jpg) ~ ***試作: ホーム画面 #image(prototype01-1.jpg, , 70%) ~ ***経過報告 -進捗 --ロゴを制作した。 --ホーム画面を試作した。 -ホーム画面 --ヘッダーにはロゴと作品一覧へナビゲーションを置き、メイン画像、このサイトについて、管理人おすすめ作品一覧、の順のレイアウトにした。 --管理人おすすめ作品一覧のところのスライダーをつくるのが大変だった。 ~ ~ **2024.04.23 ***ワイヤーフレーム -ホームと作品一覧のページ |49|2|49|c |#image(サイトマップ_ホーム.png)| |#image(サイトマップ_本.png)| #settableborder(none) ~ ***経過報告 -進捗 --ワイヤーフレームを制作した。 -作品一覧ページについて --作品一覧ページに載せる情報 ---表紙 ---タイトル ---作者、翻訳者 ---読みやすさの目安 ---見出し ---作品の特徴、テーマ、あらすじ等 --コンテンツ 文学に馴染みが無い方にとって読む本を選ぶ際、「読みやすさ」「扱うテーマ」が基準になるだろうと思う。だから、読みやすさを示した上で、作品の魅力が伝わるような見出し文と、作品についての特徴を捉えた紹介文を掲載することにした。 --レイアウト 「自分に合った文学作品を探せるサイト」というのがコンセプトのひとつであるため、多くの作品をざっと閲覧できるようなレイアウトでなければならない。よって、横長長方形の作品欄にして、スクロールしながら閲覧できるレイアウトにした。 ~ ~ **2024.04.16 ***サイトマップ #image(サイトマップ.jpg) ~ ***経過報告 -進捗 --サイトマップを制作した。 --コンテンツをどのページにどのように表示するか検討した。 -サイトの構成 ホーム画面には、ヘッダーに上記サイトマップのナビゲーション、メインビジュアル（自分の本棚の写真にする予定）、閲覧者へのメッセージ、おすすめ本、フッターといった構成にしようと思う。次はワイヤーフレームを制作したい。 ~ ~ **2024.04.09 ***現状調査 -本のオンライン販売サイト --[[Bookshop.org>https://bookshop.org/]] --[[thriftbooks>https://www.thriftbooks.com/]] --[[Shelf Steals>https://www.betterworldbooks.com/explore/shelf_steals?_gl=1*1qfign8*_up*MQ..&gclid=CjwKCAiA7IGcBhA8EiwAFfUDsc3N1RSXV81_dn1ldN--m8vE0WTWOEGWXlRwpxtNCYzr_1pYhMyt7RoCmmoQAvD_BwE]] --[[alibris>https://www.alibris.com/]] --[[BARNES&NOBLE>https://www.barnesandnoble.com/]] -書影の著作権について --[[岩波書店>https://www.iwanami.co.jp/files/rights/01.pdf]] --[[新潮書店>https://www.shinchosha.co.jp/help/ask.html]] --[[版元ドットコム>https://www.hanmoto.com/]] ~ ***先行事例 -[[好書好日>https://book.asahi.com]] -[[カドブン>https://kadobun.jp]] -[[濱田侑里/情報デザイン研究I]] ~ ~ ~