リンク
- 上記リンクはURLにBASIC認証を含めていますので、そのまま移動できます。
iPhone等でパスワードを要求された場合は以下を入力して下さい。 - BASIC認証
-
- USER
- demo
- PASS
- demo
制作情報
作業範囲
- コーディングのみ
時期
- 24年01月
日数
- 1日(11.5時間)
使用技術
- HTML / SCSS(FLOCSS/BEM) / GSAP / javaScript
概要
-
【コーディング時間】
10.5時間(WakaTime計測)
22日03:00時着手～22日19:30時終了。
その後、修正1時間。【デザイン】
以下のサイト様からデザインカンプをお借りしています。
【中級編３】ゲームサイトのコーディング練習
https://webdesigner-go.com/coding-practice/intermediate-03/【概要】
1PのゲームLPを想定したページです。
■レスポンシブ確認:320px～1920px、50%縮小確認
■ブラウザ確認:[windows]Chrome,Firefox,Edge、[Android]Chrome、[iPhone]Safari・背景に動画を埋め込み
・Youtubeの埋め込み
・JavaScriptによる音声の再生と停止
・clip-pathを使用したセクション間の境目演出【改善】
今までのポートフォリオに記載している時間が「実務レベルではない」と思われていると感じ速度改善を追求しました。
速度計測サービスWakaTimeを導入し、VSCODEの作業時間を計測。この規模感であれば1～2日で初稿提出、修正1日で作業可能です。※規模と複雑さにより日数は変動します。
・consoleのエラーはfacebookやLINEのリンクによるものです。