猪本結衣/情報デザイン研究I をテンプレートにして作成

開始行:
*らくがきのおとも 絵の資料をまとめたサイト //（ 例：香椎の日常を記録するフォトギャラリーサイト） '''Keywords：Web / pukiwiki''' ~ #image(mainvisual.png); [[http://takearest.php.xdomain.jp/OTOMO/>http://takearest... ~ ~ **プロジェクトの概要 //&color(red){このプロジェクトに関する外部向け情報を記載... //プロジェクトごとに作業の進め方は異なるので、見出しの構... ~ ***これは何？ 絵の資料をまとめたサイトの作成 ~ ***背景 私は普段からイラストを作成するのだが、それに使用する資料... またパーツごとやジャンルごとの資料サイトは存在するが、そ... 資料サイト･講座系のサイトがまとまったものがあれば無駄な時... ~ ***ターゲット 絵を描きたい人、上達させたい人 ~ ***制作物 絵の資料のまとめサイト http://takearest.php.xdomain.jp/OTOMO/ ~ ***調査 絵を描く際に使用できる資料をまとめたサイトがないか改めて... ~ ***プロジェクトで使用するツール -Atom -pukiwiki ~ ***まとめ 実際に絵を描く際使用したサイトをまとめているため実用的な... 絵を描く際まず作成したサイトを使い資料を集め、見つけられ... ~ ~ **プロジェクト管理 //&color(red){プロジェクト管理のためにメンバー間で共有す... ~ ***スケジュール //-進行管理表（ガントチャート形式）へのリンク -[[スケジュール>https://docs.google.com/spreadsheets/d/1h... ~ ***ToDo //&color(red){解決すべき課題、やるべきことなどを箇条書き... //&color(red){完了したら「取り消し線」を付します。}; //-◯◯に連絡を取り、◯◯の利用に関する許諾を得る //-%%◯◯部分のバグを修正する。%% -トップページのメニュー欄の中身をpukiwikiを使って編集した... -日本語フォントと英語フォントの併用方法を調べる -web fontで使用したい日本語のフォント探す -もしあればweb fontの導入方法を調べる ~ %%-手書き風のフォントを探す%% %%-またそのメニューにカーソルを持って行った時に小さなメニ... %%-iframeのプラグインを調べる%% %%-入れる資料サイトをリスト化%% %%-デザインの練り直し%% %%-「Lecture」をワイヤーフレーム作成後追加を決定したため... //-%%メインビジュアルに画像を入れる%% //-%%方向性の決定%% //-%%当ページのタイトル、これは何？等の欄を埋める%% //-%%スケジュールの作成%% //-%%現状pukiwikiで考えているが、htmlの方が使いやすい可能... //-%%サイトマップの作成%% //-%%[[GitHubの導入、試運転>https://design.kyusan-u.ac.jp... ~ ~ **進捗・記録 //&color(red){作業の進捗を詳細に記録して下さい（最新の情... ~ ***2020.7.12 -トップページのリンクの変更 トップページのメニューバーのリンクをpukiwikiからトップペ... （メニューバーのリンクをクリックするとページ下部にスクロ... ~ ***2020.7.8 -当サイトのメインビジュアルの更新 当サイトと作成したサイトのビジュアルイメージが少し異なっ... ~ ***2020.7.7 -紹介ページの幅の調整 項目と項目の間の幅がレスポンシブ に対応していなかったため... -リンクを新規タブで開けるよう修正 -pukiwikiのメニューバーの削除 サイト上部にメニューバーがあるためpukiwikiのメニューバー... ~ ***2020.6.30 -サイト全体のカラーの統一 サイト内に色のばらつきがあったためオレンジ系統に色を統一 ~ ***2020.6.24 -トップページの作成 Aboutなどの欄がダミー及び空白になっていたため、 説明文等を作成 -トップページ用、資料サイト掲載用の画像の作成･掲載 掲載サイトをスクリーンショットし、 画像サイズやサイズ比を編集 -レスポンシブデザインの作成 メニューバーや余白の幅、文字サイズを調整 ~ ***2020.6.18 -iframeを撤回 昨日のバグを確認したところ、パソコンの方でも発生 Iframeではなくスクリーンショットを使うことにした ~ -メニューバーの修正 pukiwikiでメニューバーが正常に動作しないバグを修正 ~ ***2020.6.17 -バグの確認 スマホ(Chrome)でpukiwikiのサイトを確認したところ、 Iframeを使用したページが表示されなくなっていた(パソコン(S... Iframeを用いて表示することが出来ないサイトもあったため、 全てのサイトをトップページのスクリーンショットにすること... ~ ***2020.6.16 -iframeの調整 Iframeを使用してサイト内に外部サイトを埋め込むことができ... 試しに[[Material/人>http://takearest.php.xdomain.jp/OTOMO... 一部のサイトが表示されない事象が発生(外部サイト側のセキュ... 掲載サイトのトップページ及び該当ページのスクリーンショッ... ~ -メニューバーのMaterialにサブメニューを追加 Materialをクリックするとサブメニューが表示されるシステム... pukiwikiのメニューバーに同様のシステムを導入してみたが、... ~ ***2020.6.15 -スマホ用CSSの作成 pukiwikiの編集履歴のメニューを画面が縮むと下に移動するよ... ~ ***2020.6.12 -pukiwikiのcssを仮で作成 試しに収集したサイトを埋め込もうとしたが、 iframe（プラグイン）がよくわからなかったため保留 ~ ***2020.6.10 -トップページの背景の変更 スケッチブックのような画像を挿入 下の方が上手く出来ておらず白いままなので要修正 ~ -下の方が白くなる事象を画像位置の固定（fixed）で修正 本当はスクロールに合わせて移動して欲しいが、ひとまず形に... ~ ***2020.6.8 -サーバーの取得 XFREEにてサーバーを取得 http://takearest.php.xdomain.jp/OTOMO/ サブページ（pukiwiki）はまだ触っていないため初期の状態。 -トップページの画像のバグを修正 -pukiwikiのパスワード等初期設定の完了 ~ ***2020.6.3 -サイトの収集、[[リスト>https://docs.google.com/spreadshe... その他の欄を増やしたいが、ぱくたその資料取り扱い数が多す... ~ -参考にしたいサイトの収集 http://www.beehappy238.com http://design-gallery.biz/395/（該当サイトのデザインが変... ~ -トップページの作成 https://iyui246.github.io/OTOMO2/ まだきちんとできてないが時間が足りず一旦作業終了。 画像が全体的に大きめのためリサイズをしないといけない。 FireFoxで作業していて気づかなかったが、後でSafariで開いた... ~ ***2020.5.27 -収集したサイトのリスト化 [[リスト>https://docs.google.com/spreadsheets/d/1LAiQl5Hk... 作成したサイトに掲載する際小さな紹介文のようなものをつけ... ~ ***2020.5.26 -メインビジュアルの設定 サイト用の画像が完成し次第差し替える予定だが、ひとまず簡... ~ ***2020.5.20 -フォント探し アルファベットのフォントは「Comic Sans MS」に決定 日本語のフォントはいいものが見つからなかった為今後も探す... Web fontというものを少し触ってみたが、いまいち理解ができ... （使いたいフォントがない場合は「ヒラギノ丸ゴ ProN」を使用... また日本語のフォントと英語のフォントを併用する方法もわか... ~ #image(sketch.png,right,20%); -Topに表示させる画像について思案 迷走に迷走を重ね何も決まらなかった [[高画質版>https://drive.google.com/open?id=1NUatb3qIHkPw... 強いて言えば右下のスマホとおともの画像が、落ち着いている... ~ ***2020.5.19 -方向性の思案 収集するサイトについて、とりあえずで考えていることを書き... [[書き出したものの画像>https://drive.google.com/open?id=1... 書き出したものを要約↓↓↓ ひとまず自分が絵を描く際に使いたいサイトを集める方向で進... 私は人物を中心としたコミックイラストを描くことが多い為、... （人物のポーズ、背景、ファッション、小物など。動物等も入... ~ ***2020.5.13 -[[GitHub>https://github.com]]のアカウント作成、試運転 以前に授業で作成したサイトをウップロードし、きちんと動く... https://iyui246.github.io/Commissioning/ ~ -サイトのトップページの作成を開始 https://iyui246.github.io/OTOMO/ （画像は以前作品投稿愛好会で使用したものをダミーとして使... ~ ***2020.5.11 #image(sitemap.png,right,30%); -サイトマップを作成 -pukiwikiでサイトを作成することに決定 ~ ~ ***2020.5.6 #image(rough.png,right,30%); -[[スケジュール>https://docs.google.com/spreadsheets/d/1h... サイトにイラストを掲載する場合、制作時間もあるため早めに... （極力掲載したくはない…） ~ -ラフスケッチの作成 [[高解像度版>https://drive.google.com/file/d/1FbX9f5Oe7IQ... ~ -掲載するサイトの収集 講座系も見ていて楽しい上に勉強になるので、収集する項目の... 併せて、ラフには書いてないがサイトのメニューバー(Home Abo... ~ ***2020.5.5 当ページのタイトル、「これは何？」等の欄を埋めた 「目的・趣旨」の欄の作成時、このプロジェクトは時間短縮だ... "手軽さ"に力を入れるべきかもしれない。 ~ ***2020.4.29 方向性の決定 -趣味でイラストを作成する際、資料収集で無駄な時間を使って... →資料が集まったサイトを作成したい。 似たサイトがないか検索したところ、人体、服、背景などそれ... [[人体>https://ksd-illust.com/illustration-refarences-sit... [[ファッション>https://street-fashion-snap.com]] [[背景>https://matome.naver.jp/odai/2141649575456190401]] ~ //***20XX.XX.XX //-課題（問題解決の手段）の設定 //-メンバーの役割分担 //-スケジュールの作成 ~ //***20XX.XX.XX //-問題点の洗い出し・整理 //-プロジェクトのタイトル決め ~ ~

終了行:
*らくがきのおとも 絵の資料をまとめたサイト //（ 例：香椎の日常を記録するフォトギャラリーサイト） '''Keywords：Web / pukiwiki''' ~ #image(mainvisual.png); [[http://takearest.php.xdomain.jp/OTOMO/>http://takearest... ~ ~ **プロジェクトの概要 //&color(red){このプロジェクトに関する外部向け情報を記載... //プロジェクトごとに作業の進め方は異なるので、見出しの構... ~ ***これは何？ 絵の資料をまとめたサイトの作成 ~ ***背景 私は普段からイラストを作成するのだが、それに使用する資料... またパーツごとやジャンルごとの資料サイトは存在するが、そ... 資料サイト･講座系のサイトがまとまったものがあれば無駄な時... ~ ***ターゲット 絵を描きたい人、上達させたい人 ~ ***制作物 絵の資料のまとめサイト http://takearest.php.xdomain.jp/OTOMO/ ~ ***調査 絵を描く際に使用できる資料をまとめたサイトがないか改めて... ~ ***プロジェクトで使用するツール -Atom -pukiwiki ~ ***まとめ 実際に絵を描く際使用したサイトをまとめているため実用的な... 絵を描く際まず作成したサイトを使い資料を集め、見つけられ... ~ ~ **プロジェクト管理 //&color(red){プロジェクト管理のためにメンバー間で共有す... ~ ***スケジュール //-進行管理表（ガントチャート形式）へのリンク -[[スケジュール>https://docs.google.com/spreadsheets/d/1h... ~ ***ToDo //&color(red){解決すべき課題、やるべきことなどを箇条書き... //&color(red){完了したら「取り消し線」を付します。}; //-◯◯に連絡を取り、◯◯の利用に関する許諾を得る //-%%◯◯部分のバグを修正する。%% -トップページのメニュー欄の中身をpukiwikiを使って編集した... -日本語フォントと英語フォントの併用方法を調べる -web fontで使用したい日本語のフォント探す -もしあればweb fontの導入方法を調べる ~ %%-手書き風のフォントを探す%% %%-またそのメニューにカーソルを持って行った時に小さなメニ... %%-iframeのプラグインを調べる%% %%-入れる資料サイトをリスト化%% %%-デザインの練り直し%% %%-「Lecture」をワイヤーフレーム作成後追加を決定したため... //-%%メインビジュアルに画像を入れる%% //-%%方向性の決定%% //-%%当ページのタイトル、これは何？等の欄を埋める%% //-%%スケジュールの作成%% //-%%現状pukiwikiで考えているが、htmlの方が使いやすい可能... //-%%サイトマップの作成%% //-%%[[GitHubの導入、試運転>https://design.kyusan-u.ac.jp... ~ ~ **進捗・記録 //&color(red){作業の進捗を詳細に記録して下さい（最新の情... ~ ***2020.7.12 -トップページのリンクの変更 トップページのメニューバーのリンクをpukiwikiからトップペ... （メニューバーのリンクをクリックするとページ下部にスクロ... ~ ***2020.7.8 -当サイトのメインビジュアルの更新 当サイトと作成したサイトのビジュアルイメージが少し異なっ... ~ ***2020.7.7 -紹介ページの幅の調整 項目と項目の間の幅がレスポンシブ に対応していなかったため... -リンクを新規タブで開けるよう修正 -pukiwikiのメニューバーの削除 サイト上部にメニューバーがあるためpukiwikiのメニューバー... ~ ***2020.6.30 -サイト全体のカラーの統一 サイト内に色のばらつきがあったためオレンジ系統に色を統一 ~ ***2020.6.24 -トップページの作成 Aboutなどの欄がダミー及び空白になっていたため、 説明文等を作成 -トップページ用、資料サイト掲載用の画像の作成･掲載 掲載サイトをスクリーンショットし、 画像サイズやサイズ比を編集 -レスポンシブデザインの作成 メニューバーや余白の幅、文字サイズを調整 ~ ***2020.6.18 -iframeを撤回 昨日のバグを確認したところ、パソコンの方でも発生 Iframeではなくスクリーンショットを使うことにした ~ -メニューバーの修正 pukiwikiでメニューバーが正常に動作しないバグを修正 ~ ***2020.6.17 -バグの確認 スマホ(Chrome)でpukiwikiのサイトを確認したところ、 Iframeを使用したページが表示されなくなっていた(パソコン(S... Iframeを用いて表示することが出来ないサイトもあったため、 全てのサイトをトップページのスクリーンショットにすること... ~ ***2020.6.16 -iframeの調整 Iframeを使用してサイト内に外部サイトを埋め込むことができ... 試しに[[Material/人>http://takearest.php.xdomain.jp/OTOMO... 一部のサイトが表示されない事象が発生(外部サイト側のセキュ... 掲載サイトのトップページ及び該当ページのスクリーンショッ... ~ -メニューバーのMaterialにサブメニューを追加 Materialをクリックするとサブメニューが表示されるシステム... pukiwikiのメニューバーに同様のシステムを導入してみたが、... ~ ***2020.6.15 -スマホ用CSSの作成 pukiwikiの編集履歴のメニューを画面が縮むと下に移動するよ... ~ ***2020.6.12 -pukiwikiのcssを仮で作成 試しに収集したサイトを埋め込もうとしたが、 iframe（プラグイン）がよくわからなかったため保留 ~ ***2020.6.10 -トップページの背景の変更 スケッチブックのような画像を挿入 下の方が上手く出来ておらず白いままなので要修正 ~ -下の方が白くなる事象を画像位置の固定（fixed）で修正 本当はスクロールに合わせて移動して欲しいが、ひとまず形に... ~ ***2020.6.8 -サーバーの取得 XFREEにてサーバーを取得 http://takearest.php.xdomain.jp/OTOMO/ サブページ（pukiwiki）はまだ触っていないため初期の状態。 -トップページの画像のバグを修正 -pukiwikiのパスワード等初期設定の完了 ~ ***2020.6.3 -サイトの収集、[[リスト>https://docs.google.com/spreadshe... その他の欄を増やしたいが、ぱくたその資料取り扱い数が多す... ~ -参考にしたいサイトの収集 http://www.beehappy238.com http://design-gallery.biz/395/（該当サイトのデザインが変... ~ -トップページの作成 https://iyui246.github.io/OTOMO2/ まだきちんとできてないが時間が足りず一旦作業終了。 画像が全体的に大きめのためリサイズをしないといけない。 FireFoxで作業していて気づかなかったが、後でSafariで開いた... ~ ***2020.5.27 -収集したサイトのリスト化 [[リスト>https://docs.google.com/spreadsheets/d/1LAiQl5Hk... 作成したサイトに掲載する際小さな紹介文のようなものをつけ... ~ ***2020.5.26 -メインビジュアルの設定 サイト用の画像が完成し次第差し替える予定だが、ひとまず簡... ~ ***2020.5.20 -フォント探し アルファベットのフォントは「Comic Sans MS」に決定 日本語のフォントはいいものが見つからなかった為今後も探す... Web fontというものを少し触ってみたが、いまいち理解ができ... （使いたいフォントがない場合は「ヒラギノ丸ゴ ProN」を使用... また日本語のフォントと英語のフォントを併用する方法もわか... ~ #image(sketch.png,right,20%); -Topに表示させる画像について思案 迷走に迷走を重ね何も決まらなかった [[高画質版>https://drive.google.com/open?id=1NUatb3qIHkPw... 強いて言えば右下のスマホとおともの画像が、落ち着いている... ~ ***2020.5.19 -方向性の思案 収集するサイトについて、とりあえずで考えていることを書き... [[書き出したものの画像>https://drive.google.com/open?id=1... 書き出したものを要約↓↓↓ ひとまず自分が絵を描く際に使いたいサイトを集める方向で進... 私は人物を中心としたコミックイラストを描くことが多い為、... （人物のポーズ、背景、ファッション、小物など。動物等も入... ~ ***2020.5.13 -[[GitHub>https://github.com]]のアカウント作成、試運転 以前に授業で作成したサイトをウップロードし、きちんと動く... https://iyui246.github.io/Commissioning/ ~ -サイトのトップページの作成を開始 https://iyui246.github.io/OTOMO/ （画像は以前作品投稿愛好会で使用したものをダミーとして使... ~ ***2020.5.11 #image(sitemap.png,right,30%); -サイトマップを作成 -pukiwikiでサイトを作成することに決定 ~ ~ ***2020.5.6 #image(rough.png,right,30%); -[[スケジュール>https://docs.google.com/spreadsheets/d/1h... サイトにイラストを掲載する場合、制作時間もあるため早めに... （極力掲載したくはない…） ~ -ラフスケッチの作成 [[高解像度版>https://drive.google.com/file/d/1FbX9f5Oe7IQ... ~ -掲載するサイトの収集 講座系も見ていて楽しい上に勉強になるので、収集する項目の... 併せて、ラフには書いてないがサイトのメニューバー(Home Abo... ~ ***2020.5.5 当ページのタイトル、「これは何？」等の欄を埋めた 「目的・趣旨」の欄の作成時、このプロジェクトは時間短縮だ... "手軽さ"に力を入れるべきかもしれない。 ~ ***2020.4.29 方向性の決定 -趣味でイラストを作成する際、資料収集で無駄な時間を使って... →資料が集まったサイトを作成したい。 似たサイトがないか検索したところ、人体、服、背景などそれ... [[人体>https://ksd-illust.com/illustration-refarences-sit... [[ファッション>https://street-fashion-snap.com]] [[背景>https://matome.naver.jp/odai/2141649575456190401]] ~ //***20XX.XX.XX //-課題（問題解決の手段）の設定 //-メンバーの役割分担 //-スケジュールの作成 ~ //***20XX.XX.XX //-問題点の洗い出し・整理 //-プロジェクトのタイトル決め ~ ~

ページ名: