URL
https://hamburger-shop-kyon.xyz
概要
架空のハンバーガーショップのサイト。CSS設計(FLOCSS)を使用したコーディング(フロント・検索・固定・投稿ページ)を行い、それを基にWordPressオリジナルテーマの実装・サーバー公開まで行いました。サイト内検索機能も実装。
所要時間
197時間 (参考:BuildUp https://app.build-up.info/portfolio/bzcDOgoTd)
苦労した点・工夫した点
- 現場で通例となっているCSS設計に基づいたコーディングを行うため、まずFLOCSSの理解に多くの時間を割きました。受講生や講師とFLOCSSについての議論に時間を費やしたことで、自分なりのFLOCSSの設計方針を習得することができました。
- WordPressで使用するPHPの基本的なテンプレートタグ(ループ処理など)やプラグインの使用方法を習得しましたが、ループ処理・サブクエリの理解に苦しみました。
- 同時にGitHubの習得もしましたが、慣れないコマンド(ターミナル)の操作にも時間を費やしました。