テックアカデミー Webデザインコース 25日目

日記

こんにちは!@nkichiishiです。

テックアカデミー 25日目です。

 

25日目の進捗状況です。

 

昨日までに

・Lesson0〜13(最終課題合格済)

・メンタリング6回 

が終わっています。

 

25日目に行ったこと

美容室のお姉さんに連絡

昨日残り4日にして、ついにwebデザインコースの課題がすべて終わりました!

 

とりあえず安堵です。

4週間コースの受講期間内に終わってよかった。

 

 

 

私は最終のオリジナルサイト課題で知人の美容室のwebサイトを制作しました。

 

そしてPC版のwebサイトはほぼ完成系になったので、再度美容室のお姉さんに確認の連絡をしました!

 

 

ン

ちょっと前見せた時よりアレンジ加えてみたんですけど、どうですかね?

 

美容室の<br>お姉さん
美容室の
お姉さん

おはよう!!

いい感じですねぇ!お店の考じ出てます!

後、色はページターコイズブルーがいいです!

今、文章考え中です。ネットで色々調べてまふ、!

 

ン

わかりましたー!お願いします!

 

 

 

ところどころLINEの文章が難解でしたが、きっと忙しくてパパッと打ったのでしょう。

お忙しいところありがとうございます。

 

モバイル版に着手

PC版はほぼ完成したので、今日はモバイル版の制作にとりかかりました!

 

 

そして一昨日プライムデーのセールでポチったAdobe Creative Cloud コンプリートでドリームウィーバーを使い始めました。

(厳密に言うと、初回は7日間無料だったのでそれを使うことにしました。)

 

 

ドリームウィーバーだと画面4つくらいに分けれて、めっちゃ作業捗ります!!

 

課題用に使ってたcloud9でももしかしたらできるのかもしれませんが、なんせすべて英語なので私的にちょっと使いづらかったです。。

 

一方、ドリームウィーバーは他のAdobe製品と操作感覚が似ているので、使いやすい!

 

 

 

 

ン

開発してる感やっべぇぞ!やっべぇぞこれ!!

 

 

 

またしてもコロコロ◯キチキペッパーズになりかけましたが、なんとかニヤつくだけで耐えました。

 

PC版パンくずリストの作成

そしてモバイル版作成にあたり、出来上がったPC版を眺めているとあることに気づきます。

 

 

 

ン

パンくずリスト“がない気がする。

 

 

 

パンくずリストとは、今自分がどのページにいるか視覚的にわかるもので、

 

TOP > 動物一覧 > 鳥 > アヒル

 

みたいに、ヘッダーのすぐ下にスリムな感じで入ってるやつです。

 

前回のショッピングサイトにも「入れましょう」と書いてました。

 

 

 

ン

うーん、とりあえずパンくずリスト作るか。

 

 

そもそもパンくずリストがなんでパンくずなのか謎でしたので、そこから調べてみることにしました。

 

 

「なぜ「パンくずリスト」という名前なのか?そのように疑問を持たれる方も多いかと思います。

パンくずリストという語源は、童話「ヘンゼルとグレーテル」の話の中に主人公の兄弟が森に入るときに、迷子にならないように自分たちが通ってきた道にパンくずを置いていったエピソードが由来となっています。

Webサイトでも同じように、ユーザ自身の現在位置と辿ってきたルートを示す役割を担っていることから「パンくずリスト」と呼ばれるようになりました。

 

(※https://www.asobou.co.jp/blog/web/breadcrumb-list様より抜粋)

 

 

ン

なるほど、ヘンゼルとグレーテルね!

 

ヘンゼルとグレーテルが何した二人なのか詳しくは知りませんが、名前くらいは知ってました。

 

 

 

ヘンゼルかグレーテル、どっちかわかりませんがもうすでに泣いていますね。

 

 

 

 

 

そして、落としたパンくずをすかさず食べる鳥。

 

これ、もう迷子確定じゃん。

 

 

 

 

というわけでパンくずリストの意味も目的もわかったので、パパッと作成!

 

 

それからオリジナルサイトのモバイル版に着手しました。

 

 

すべてが完成して本番運用できるようになったら、ここにも公開したいと思います!

 

美容室のお姉さんの許可が下りたら!

 

25日目のまとめ

というわけで課題は終わりましたが、まだオリジナルサイトの続きを行っていきます。

 

 

 

残り3日です!

 

↑私の受けているやつです↑

コメント

タイトルとURLをコピーしました