2019年6月つな医療従事者からWebデザイナーへ転職。現在はフロントエンドエンジニア。このブログでは私自身が異業種からWeb業界に転職した体験を元に、Webデザイナーやコーダーを目指す方に役立つ記事、サイト制作にまつわる知識や技術について発信しています(適当な日記もたまに)。7/18Webデザイナー日記2019年7月18日こんにちは!@nkichiishiです。25日目の進捗状況です。昨日残り4日にして、ついにwebデザインコースの課題がすべて終わりました!とりあえず安堵です。4週間コースの受講期間内に終わってよかった。私は最終のオリジナルサイト課題で知人の美容室のwebサイトを制作しました。PC版のwebサイトはほぼ完成系になったので、再度美容室のお姉さんに確認の連絡をしました!ちょっと前見せた時よりアレンジ加えてみたんですけど、どうですかね?美容室のお姉さんおはよう!!いい感じですねぇ!お店の考じ出てます!後、色はページターコイズブルーがいいです!今、文章考え中です。ネットで色々調べてまふ、!わかりましたー!お願いします!ところどころLINEの文章が難解でしたが、きっと忙しくてパパッと打ったのでしょう。お忙しいところありがとうございます。コンプリートでドリームウィーバーを使い始めました。(厳密に言うと、初回は7日間無料だったのでそれを使うことにしました。)ドリームウィーバーだと画面4つくらいに分けれて、めっちゃ作業捗ります!!課題用に使ってたcloud9でももしかしたらできるのかもしれませんが、なんせすべて英語なので私的にちょっと使いづらかったです。ドリームウィーバーは他のAdobe製品と操作感覚が似ているので、使いやすい!開発してる感やっべぇぞ!やっべぇぞこれ!!またしてもコロコロ◯キチキペッパーズになりかけましたが、なんとかニヤつくだけで耐えました。PC版パンくずリストの作成そしてモバイル版作成にあたり、出来上がったPC版を眺めているとあることに気づきます。“パンくずリスト“がない気がする。アヒルみたいに、ヘッダーのすぐ下にスリムな感じで入ってるやつです。前回のショッピングサイトにも「入れましょう」と書いてました。うーん、とりあえずパンくずリスト作るか。そもそもパンくずリストがなんでパンくずなのか謎でしたので、そこから調べてみることにしました。「なぜ「パンくずリスト」という名前なのか?そのように疑問を持たれる方も多いかと思います。パンくずリストという語源は、童話「ヘンゼルとグレーテル」の話の中に主人公の兄弟が森に入るときに、迷子にならないように自分たちが通ってきた道にパンくずを置いていったエピソードが由来となっています。Webサイトでも同じように、ユーザ自身の現在位置と辿ってきたルートを示す役割を担っていることから「パンくずリスト」と呼ばれるようになりました。」(※https://www.asobou.co.jp/blog/web/breadcrumb-list様より抜粋)なるほど、ヘンゼルとグレーテルね!ヘンゼルとグレーテルが何した二人なのか詳しくは知りませんが、名前くらいは知ってました。ヘンゼルかグレーテル、どっちかわかりませんがもうすでに泣いていますね。落としたパンくずをすかさず食べる鳥。これ、もう迷子確定じゃん。いうわけでパンくずリストの意味も目的もわかったので、パパッと作成!それからオリジナルサイトのモバイル版に着手しました。すべてが完成して本番運用できるようになったら、ここにも公開したいと思います!美容室のお姉さんの許可が下りたら!25日目のまとめというわけで課題は終わりましたが、まだオリジナルサイトの続きを行っていきます。こんにちは!@nkichiishiです。26日目の進捗状況です。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。つな医療従事者からWebデザイナーへ転職。現在はフロントエンドエンジニア。このブログでは私自身が異業種からWeb業界に転職した体験を元に、Webデザイナーやコーダーを目指す方に役立つ記事、サイト制作にまつわる知識や技術について発信しています(適当な日記もたまに)。