4ヶ月間予定されている、現在通っている職業訓練。
気が付けば2ヶ月以上が経ち、あっという間に峠を越えました。
コーディングの教科書は既に全て終わり、
これからは自身のポートフォリオ制作が主たる作業となります。
先日、私が通っている職業訓練校の卒業生たちが制作した自身のWEBサイトを拝見しました。
どれもしっかりとWEBサイトに仕上がっております。
こんな凝ったデザインにも出来るの?!と驚いたサイトもあります。
それと同時に、自分にもこのようなWEBサイトが作れるのか不安になり、
また、WEBデザインのアイディアが全く思い浮かびませんでした。
それにより、ちょっとしたスランプに陥りかけました。
ですが、先日に再び職業訓練校のクラスの方たちと飲み会にも行き、
そこでアルコールが回りまくって、色々とモヤっとボールが散り散りに解き放たれ、
スッキリした状態で、とりあえずまた頑張ってコードを組んで行こうと考えました。
さて、7月にα版、8月にβ版を作りました。
ですが、今回のγ版では、今まで組んでいたコードから離れて、また一から作り直す事にしました。
そして、自分の力で教科書を読んだり、ググったりして、ウンウン考えても一向に出来上がる訳が無いので、私はGemini君に頼る事にしました。
はい、いつものジュピタ君からゲミニ君に浮気しました。ゴメンナサイ。
まぁ、AIの力を頼るのは悔しい気持ちも無くも無くってよ??ですが。
でも今この時代、折角そうやってAIによって手助けをして貰えるようになったのですから、ここは無理をせずに力を借りましょう。
それで提案されたコードを読んで、どれがどの部分なのかが理解出来て、自分なりに弄くって微調整が出来るのであれば、それも立派な成長ですよ。
と言う事で、γ版の状態はこちらです。
・トップ画面
様々なサイトを拝見して思いましたが、一番最初の画面は一枚ものの写真をドーン!!と貼っ付けて、タイトルとコピーをドーン!!と載せるのが格好良いかな?? と思いました。
昔の私なら、欲張りに沢山の写真をコラージュしたのを載せたがると思いますが、
もうそんなのしっちゃかめっちゃかになるので、私のブログを表す一枚を載せます。
とりあえず今は仮の写真なので、またPhotoshopとかで作ろうと思います。
・当ブログの説明
ブログ1周年の頃にジュピタ君に作って貰った画像と説明文を並べます。
・吉良リンの説明
ここは、ゲミニ君にアバウトにデザインを説明して、コードを組んで貰いました。
『文章を左側にして、写真を右側にして、写真の左端が透過されて、その上に重なるように文章が来るようにして欲しい。』と、めっさアバウトに注文しましたが、本当に賢いですね。私の脳内の通りに具現化されましたよ。
ちなみに、画面の大きさによって、文字の大きさが固定されて、見た目が滅茶苦茶になっていたので聞いてみたら、font-sizeの単位をvwにするんですって。
vwにすれば、画面に対して何%の大きさになるように伸縮されます。
そういや教科書に出て来たな。すっかり忘れておったわい。
・ギャラリー
私がグッと来た光景の写真を並べるギャラリーコーナーです。
写真を自動的に次の画像に移動するコードは、JavaScriptが関わって来ます。
JavaScriptは、大学1年生の時に無理やり習わされて綺麗サッパリ飛んでったので、
ゲミニ君にHTMLとCSSだけでお願いっ!!♡🙏って頼んで、何とか出来上がりました。
画像下部分のラジオボタンを押せば、それぞれの位置の写真に変えられます。
HTMLとCSSだけで、この状態まで持って来れるのですね。
・カテゴリーの一覧
私のブログのカテゴリーの一覧表を作ります。
ですが、tableタグで作るのも良いのですが、何かちょっとちゃっちくなりそうなので、
tableタグに頼らずに、画像を並べて載せようと思います。
一先ず、γ版はここまでです。
一応他にも、訪れた秘境駅の一覧/私が持っている衣装の一覧/やって来た事の一覧
のページを作ろうと思います。
それらもまた一から作り直す事でしょう。
11月には卒業するので、それまでに最終発表があるので、それまでには何が何でも完成しなければなりません。
まぁ、もっともっと凝ったデザインにするのは、これから先いつでも良いのですが。
Δ版はどこまで進むのでしょうかね？？
次は10月じゃな〜。
てか、このギリシャ文字はいつまでが終わりなのだ??
α版からΩ版まで24文字あんぞおい。
