制作物
progateで制作したHP・問い合わせページ
制作時間：30時間
- HTML
- CSS
- PHP
● 取り組んだ理由 ●
未経験で入校し何から手を付けるべきか分からなかったが、まず基礎を定着させたいと思い始めた。
また、授業で学び自習で復習するより学習スピードを上げたかった為、予習として活用できると考えた。
● 苦労した点 ●
progateの入力はVScodeとは違い、予測変換が出てこなかったため、スペルミスが多かった。同じ理由で、PHPの文末にセミコロンを付ける、というような文法も、何も見ずに入力できるようになるまで時間がかかった。
また、授業とは違う入力の仕方も多く、文だけを覚えるのではなく、流れを把握して違いを理解する必要があった。（PHPのechoで使う "," と "."など）
● 学んだこと ●
タイピングのホームポジションを覚え、タイピングが速くなった。また、”プログラミング”そのものに慣れることを早められたと感じている。
苦労した点で述べたことがそのまま自分のレベルアップに直結した。予測変換が出ない分、VScodeで入力するよりも記憶をたどりながら考える機会が多く、定着しやすくなったと思う。
じゃんけんサイト
制作時間：30時間
- HTML
- CSS
- PHP
- Gemini
● 取り組んだ理由 ●
ポートフォリオを作るにあたり、一番最初に作成したサイト。PHPの基礎的な知識を使ってできるものを作りたかった。
また、AIを使いながらのプログラミングでどのような違いがあるのか知りたかった。
● 苦労した点 ●
結果が出るページに飛ぶ際に、選んだじゃんけんの値が送られず苦戦した。AIに訂正してもらったものから離れられず、根本的な間違いに気付くことができなかったことが反省点として挙げられる。
固定概念にとらわれたままになっていることを考え、柔軟に試行すること、見切りをつけて先生に聞いてみることの重要さを実感した。
● 学んだこと ●
AIを使用したことで、HTML・CSSはかなりスムーズに終わることができた。AIを手段の一つとして活用するなかで、自分で正誤を判断するためにも知識は必要だなと改めて感じた。
● 追加したい機能 ●
プレイヤーが1万分の1の確立でしか勝てない、というイジワル機能を追加したい。そして、1万分の1で勝ったときにはjsなども使って、沢山演出を入れる予定。
自分で自由に作れるものなので、普通のアプリなどではないような自分が楽しめるプログラミングで知識を付けられる所は魅力だと感じた。
ポートフォリオサイト
制作時間：100時間
- HTML
- CSS
- PHP
- Figma
● 取り組んだ理由 ●
ポートフォリオ制作に取り掛かる当初は、自分のスキル不足を感じていたので、見た目やボリューム等自分にとってハードルが高いと感じる設定をした。 訓練校の授業では、HTMLで結婚式場のウェブサイトを制作したが、ヘッダーとフッターをrequireで呼び出すやり方にチャレンジしたかった。
● 苦労した点 ●
自分で一から作るにあたって、分からない所ばかりで調べて試してを繰り返した。
特に苦労したのはリンクが繋がらないことで、CSSが反映されなかったり、上記のサイトへのリンクが繋がらず時間がかかった所だった。しかし、サーバーに上げる所も含め、躓きながらでも経験としてやりきることができてよかったと感じた。また、このポートフォリオのCSSやファイル構成を何度か繰り返すうちに、リンクが繋がらないというミスはなくなってきたように感じる。
ナビゲーションを常に左側に置いておくデザインにするにあたって、自分だけで考えたときにはタグの特性を分かっておらず、苦労した。
● 学んだこと ●
まず何より、ポートフォリオの制作はとても楽しかった。それが、私にとって一番の収穫であり、分からなくても楽しいと思えたことで、これからプログラミングをより深く学んでいきたいという思いも強くなった。また、レスポンシブデザインをやり切ったことが自分にとっては自信につながったと感じている。
初期のワイヤーフレームの段階では、JavaScriptを使ってトップページのスライドショーとスマートフォンレスポンシブの際に出てくるハンバーガーメニューを付ける予定だったが、想定以上にその他に時間がかかり断念した。これから先JSの触れる機会も作って、今回やり切れなかった所をアップデートしていこうと思う。