#author("2025-12-22T10:39:06+09:00","default:member","member") #author("2025-12-22T10:39:20+09:00","default:member","member") *パソコン組み立て手助けサイト ディスクトップパソコンの組み立ての手助けになるwebサイト作り #image(top1.jpg) -''西 隆彰'' -'''Keywords：Web, 補助, PC''' -[[成果物>https://desukukimitate.wordpress.com/?_gl=1*bdx6oc*_gcl_au*NTI1ODQ4MDExLjE3NjAyODczMjkuMTg1ODgzMzIxNi4xNzY1NzQ1NTk5LjE3NjU3NDU1OTk.]] ％-[[評価シート>https://docs.google.com/forms/d/e/1FAIpQLSflUVUz8FsimfhfYVZdfeXv4VBRywBDV-Gb2SsRa1tUd6JVBQ/viewform?usp=header]]__ ← ここからコメントをお願いします。％ ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ ディスクトップパソコンを自作する際の基本的な流れをイラストを使って視覚的に初心者にも分かりやすく紹介するサイト ~ ***背景と目的 様々な情報端末により多く、多種多様なデータが行き交う様になった現代で容量の問題解決に追いつけずより大きな記憶媒体や通信速度の高速化を求めだすとスマートフォンや、ノートパソコンでは性能が足りなくなり、より大型のディスクトップパソコンに興味を持つ人が増えてきているので、一つ一つの部品の説明を分かりやすく伝え、購入する際の一助になるようにしたい。 ~ ***コンセプト -パソコンの事は知っていてもディスクトップパソコンの事は知らない人でも分かりやすくかつしっかりと視覚情報としても覚えやすいシンプルなサイト -可能な限り敷居を低くパソコン初心者が初めに見るような雰囲気で -視覚的にも分かりやすく学べるように写真だけでなく、ポップなイラストで親しみやすく。 ~ ***成果物の仕様 Webサイト [[自作PC初心者へ>https://desukukimitate.wordpress.com/?_gl=1*bdx6oc*_gcl_au*NTI1ODQ4MDExLjE3NjAyODczMjkuMTg1ODgzMzIxNi4xNzY1NzQ1NTk5LjE3NjU3NDU1OTk.]] -サイトマップ・ワイヤーフレーム |#image(webPC1.jpg)|#image(webPC2.jpg)|#image(saitom.jpg)| ~ ~ ***メンバー 個人 ~ ***制作ツール WordPress Adobe Illustrator ~ ***プロジェクトの期間 ~ ***まとめ -今回は、ディスクトップパソコンの自作という一見ハードルの高いテーマを、初心者にも理解しやすく伝えることを目的にサイトを制作しました。 背景として、データ容量や処理速度への需要増加により、スマートフォンやノートパソコンでは性能不足を感じる人が増えていると感じたからです。 そこで各パーツの役割や選び方を、専門用語を極力避け、イラストや写真を用いて視覚的に整理した。特に「最初に見るサイト」として敷居を下げるため、ポップで親しみやすいデザインとシンプルな情報構成を意識した。その結果、多少は購入時の判断材料となる導入的なサイトにまとめることができたのではないでしょうか。 ~ ~ **調査 ***現状調査 -[[自作PC初心者>https://note.com/tsukunetorikawa/n/n103d8a5f2778]] -[[初めての自作PCにお勧め２０２５版>https://www.sofmap.com/contents/?id=nw_ps_select&sid=first]] ~ ***先行事例 -[[WordPressの使い方>https://www.conoha.jp/lets-wp/how-to-use-wp/]] -[[自作PCやめとけ>https://pcbuildnet.com/pcbuild-stop/]] -[[ウェブサイト構成>https://design-baum.jp/structure/4279/]] ~ ***技法・技術情報 ~ ~ **プロジェクト管理 ***スケジュール [[管理表>https://ksumail-my.sharepoint.com/:x:/g/personal/k19as024_st_kyusan-u_ac_jp/Efr87Pm5rf1Pt6HXhINV1pgBqa9t-fVaQR3a52DVYwCG1Q?e=ECIq8S]] ~ ***ToDo //***NotToDo ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ ~~ **2025.12.22 - -最終期間 **2025.12.15 -サイト制作 -制作したサイトの文章や、画像、全体のデザイン構成でわかりにくい所や、気になるズレを修正して足りない物を随時追加。 -画像が粗いものがある為それらをクリアにする。 -最終期間 **2025.12.08 -サイト制作 -授業用サイトに掲載した画像に合わせた画像を「WordPress」にて掲載した雛形サイトに載せてサイト全体の構成イメージの確認。 -ワイヤーフレームを元にサイトの全体像を固めてとりあえず現在掲載できる限りのところまでページを制作 -最終期間 **2025.12.01 -サイト制作 -前回「figma」にて制作したサイトマップを元に仮でワイヤーフレームを制作 |#image(webPC1.jpg)|#image(webPC2.jpg)| **2025.11.24 -サイト制作 -「WordPress」にてサイトを作る前に「figma」でサイトマップを作りサイトの構成イメージを固める。 -マップの段階だが、思ったより長めの構成になりそうでどこかで短縮しないと読みにくいかもしれない。 #image(saitom.jpg) **2025.10.27 -「WordPress」の制作の前に授業サイトに掲載しているトップ画像を変更してよりディスクトップPCのサイトであると視覚的にわかりやすくしてみる。 -中間考査期間 **2025.10.20 ***試作物の修正 -前回の課題を踏まえ動画を試作してみたが、音声説明やカット、挿入等をしていくうちに意図不明の映像になってしまう為今回は断念する事にします。 -中間考査期間 **2025.10.13 ***試作物の修正 -中間発表に際して、現在進行の制作物「WordPress」に画像や文章説明だけでは伝えたい事や、分かりやすく伝えるコンセプトが達成できない可能性ある為、他の方法を模索する。 -中間考査期間 **2025.10.06 ***試作物立ち上げ ‐サイトの構成をするにあたって試作はWordPressにて制作し、可能であればサイトの構成を見直しつつ別サイトに成果物をアップロードし正規のウェブサイトとして公開してみる。 ***サイト構成の参考 -[[ジサログ>https://zisalog.com/]] 最初に初心者ガイドを乗せているので初めての人のための配慮がなされており、何をすればいいか分からない人たちの事を考えられていて自分の制作するサイト構成の参考になりそう。 しかし、イラストが少なく視覚情報が足りなく感じる。 **2025.09.29 ***目的を考える -毎年性能が上がって、ソフトや情報処理の関係で求められるスペックが上がって来ているパソコンだが、ある程度高い性能を求め出すと機材が大型化してしまいノートパソコンでは限界が来てしまう事から、ディスクトップ型のパソコンを購入する人が増えて来ている昨今で、組み立てに興味がある人達の為にわかりやすい入門書のようなサイト。 ***調査する -サイトの参考資料としてパソコン販売の大手会社のwebページや、個人でもパソコンを制作している人のサイトを参考にしたい。 ***参考サイト -[[docomo>https://nttdocomo-ssw.com/nssw/dhkr/ouchinetpress/communication/article1065/]] ほぼ文章のみで構成されていますが、組み立て手順や注意点など丁寧に説明されており、ある程度であれば読み進めるだけで作る事が出来るようになっていました。 しかし、全体の構成が長いため敬遠、もしくは途中で飽きられてしまう懸念もありそう。 **2025.09.22 ***キーワード -趣味、関心、実用的な物、専門性、コンピューター、わかりやすい、見やすい物 - ~ ***テーマ -短期的な物ではなく、長期で役に立てる物。 -ジャンルは専門的だが、内容は入門向けな分かりやすく気軽に見れる ***先行事例 -[[パソコン工房>https://www.goodwill.jp/category/kit.php]] -[[ドスパラ>https://www.dospara.co.jp/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwdde47a8d/5info/img/lp_jisaku/jisaku_manual_150326.pdf]] -[[アスク>https://www.ask-corp.jp/guide/pc-diy-part1.html]]