Webデザイン学習　1ヶ月と１週間

こんにちは。＠nkichiishiです。

　

テックアカデミー のwebデザインコースを４週間で修了してから、約１週間が経ちました！

　

今日はその後の記録を書きたいと思います。

ヘアサロンサイト制作続き

撮影&ヒアリング

受講中、最終課題として制作していた「お姉さんの美容室のwebサイト」ですが、ほぼ完成しました。

　

実際、美容室にお邪魔してwebサイトに載せる写真撮影もさせて頂きました。

　

趣味で一眼カメラ歴はそこそこ長いのですが、最近もっぱらPCと向かい合っていたのでなかなかカメラに触れる機会がなかったのです。

なので、久々の撮影ということで意気揚々にお店を訪問！！

　

　

　

おはようございます。
今日も天気が良しです🌞
これからwebサイト用の店内撮影とヒアリングに行ってきます！(仕事ではない)
一眼とパソコンを詰めたらカバンはち切れそう。

— つな🐟 (@nkichiishi) July 22, 2019

　

　　

　

　

　

　

　

油がはねたみたいで、顔に絆創膏貼ってあるお姉さん。

本人写真は諦めて、店の中・外を撮りまくりました！

　

webサイトに載せる用なので撮ったままのサイズで使うことはないだろうと思い、色んな構図で撮りまくりました。

お昼のスープカレー

　

来る前に松屋でガッツリ牛丼を食べた後でしたが、何も食べていないフリをしてスープカレーをご馳走になりました！

　

　

　　

　

　

　

　

ヘアサロン訪問後

美容室のwebサイトはほぼ完成したんですが、お姉さんに入れてもらう欄がまだ埋まってないので未完成です。

連絡こないなぁ・・。笑

　

というわけで、当初テックアカデミーのコンテストに応募するみたいな話もしていたのですが（※テックアカデミー　Webデザインコース　26日目　参照）　未完成だったのでやめました！人のサイトだし悪いので。

Illustratorを使ってみる

Illustratorを初起動

あと、サイト内にイラストを載せたくてIllustratorを初めて起動してイラストを描こうと試みました！！

　

Illustratorを初めて起動して何もマニュアルを見ずにペンツールとかいう何かを描けそうなもので描いた魚の絵。 pic.twitter.com/oqEiD6Abqq

— つな🐟 (@nkichiishi) July 23, 2019

　

新しいゲームソフト買った時に、取り扱い説明書を見ずに始める感覚ですよ。わかりますよね。

　

Illustratorっていうもんだから、簡単に上手い絵が描けると思ったんです。　

　

ペンツールってなんなんですか。一度クリックしたらどこまでも線がくっついてきて全く離れようとしません。

しまいには上のような醜い魚の絵が出来上がってしまいました（怒）

　

テックアカデミーのカリキュラムにはIllustratorがなかったので、新たに勉強しなきゃダメそうですね・・・。

　

というわけで、今回はイラスト拝借しました。。

ポートフォリオWebサイト制作

ポートフォリオ制作に着手

美容室のwebサイト大方終わった🤤
あとは店主が入れる言葉待ち。
いよいよポートフォリオ制作にとりかかるぞ💪✊️🌞

— つなフィッシュ (@nkichiishi) July 24, 2019

　

　

そしてその後、自分のポートフォリオwebサイトの制作にとりかかりました！

　

7/21で怒涛のテックアカデミー4週間が修了したので、目先の目標はもう自分で作らないといけません。そこでLessonを追加しました！
もっと学ばなきゃいけないことたくさんあるけど、まず実務をするのが一番だと思い、残り4Lessonです。 pic.twitter.com/o7d3Mur0bJ

— つな🐟 (@nkichiishi) July 25, 2019

　

　

自分で新たにLessonという名のやるべきことを書き出し、目標を定めました。

デザイン制作

まずポートフォリオサイトのワイヤーフレーム。

ここで新たなツールを手にします。

　

Adobe XD です！

　

https://twitter.com/nkichiishi/status/1154608560958873601

　

ほんと直感的で使いやすいです！！

Illustratorとは大違い。（IllustratorもAdobe社だった）

　

　

　

　

簡単にですが、ワイヤーフレームをパパッと仕上げました。

　

　

Photoshopでデザインカンプも完了！

スキル欄、こんなに必要なかったので後で減らしました。笑

　

　

構想、手書き、ワイヤーフレーム、デザインカンプだけで約1.5日です。

とりあえずシンプルなポートフォリオを目的とします。シンプルイズザベスト！

　

　

この工程でもコメダ珈琲にお世話になりました。

　

きっと裏では、アイスコーヒー１杯（たまに＋ケーキ）で居座り続ける客として「昼からMacでイキってるニート」とあだ名をつけられていてもおかしくありません。

　

バイトって常連のお客さんにあだ名つけますよね。

私も経験ありますからわかりますよ。笑（泣）

　

「除菌のおじさん」元気かなぁ。

コーディング

その後、ポートフォリオサイトのコーディングに取り掛かりました！

　

そしてその作業が今日先ほど、ほぼ終わりました。

　

コーディングにかかった時間としては丸4日です。

デザインも含めて6日ですね。

ほぼ一日中作業して　です。

　

でも朝起きたらいつもだいたい昼だから、一日中ってことはないか・・・。笑

　

　

シンプルを目指していたけど、いつの間にか「シンプルかつ所々でセンスを魅せたいサイト」に構想が変わってしまったので、細々したところで時間を食いました。。

　　

あとはポートフォリオサイトの中身を充実させるために、架空サイト等を制作して、アピールポントを増やしていきます！

　

目安として、お盆明けくらいには就活をスタートさせたいですね。

頑張ります。

ここまでの学習の振り返り

今日で7月も終わりです。

7月の1ヶ月間は毎日勉強してきました。

　

1日最低でも6時間。

多い時で12時間くらいやってた日もあったと思います。（たぶんその日は目の前が真っ暗になりました）

　

時間で表すものではないと思いますが、1ヶ月前より確実に知識モリモリです！！！

　

しかし、まだまだ知らないことが多くて毎日ググりの嵐です。

googleで調べてると同じサイトに何回も行くことがあるんですよね。

　

同じことを何回も調べて、検索結果のタイトルが紫色だらけなのもしょっちゅうです（泣）

　

　

　

暑い日が続きますが、風邪と熱中症には気をつけてこれからも楽しく頑張っていきたいと思います！

　

そろそろ１日だけでも遊びに行こうかな。天気の子観たい・・・。トイストーリー４も。できればミュウツーの逆襲も。。