Moeko Wakaki

PHP学習のために制作したものです。
PHPは以前から学習していたにも関わらず、制作物がほとんどないという状況でした。
学んだことをきちんと形にしないといけないと感じ、半日で制作しました。

使用技術

PHP, Laragon(MySQL, Apache)→Dockerに変更

工夫点

CRUDの基本をなるべく把握できるように一つ一つコードを確認しながら制作しました。
大まかな形はpaizaラーニングの講座などを参考にしています。

B型事業所の学習課題でした。
南部教室というサイトを作り直すとしたら…というコンセプトだったため、サイト設計・デザインの段階からデプロイまで、実務のような形での一連の流れを意識して制作しています。

使用技術

Figma, React (Vite), TypeScript, HTML/CSSなど

工夫点

実際の使用に耐えうるデザイン・使用感を模索しました。
一部ページのみの制作にも関わらずとても時間がかかってしまったのですが、当時知らなかった技術にも挑戦したため、一気にスキルアップできた気がします。

B型事業所の学習課題でした。Codejumpの模写や事業所の模写課題を一通り終えたタイミングで、自分で何か作ってみようということで制作しました。
Tailwind CSSを試しています。

使用技術

Figma, Tailwind CSS, HTML

工夫点

学習がてら面白さのある要素に挑戦してみようと思い、blobsの動きをsvgで表現してみたり、iOSのLiquid Glassに影響を受けてすりガラス的な表現を実装してみたりしました。
自作イラストも取り入れ、色々な技術を盛り込んでいます。