目次
コーディング
大学オープンキャンパス、資料請求LPコーディング
下記のようなアニメーションの実装をしました。
メインビジュアルの画像がアニメーションで切り替わる実装
関連記事
大学のオープンキャンパスの資料請求のLPのファーストビューに使用される、時間差フェードで切り替わる写真のアニメーションデモです。CSSアニメーションを活用し、鮮やかなフェード効果と切り替わりを実現しています。
画像が右から左に無限スクロールするアニメーションの実装
関連記事
右から左に無限スクロールするアニメーションのデモです。実際のサイトでは、舞台をイメージしたデザインで、カーテンの画像が両端に配置され、生徒さんの舞台での演劇の画像がカーテンからカーテンへと流れるようになっています。
詳しくは上記サンプルデモをご覧ください。
採用サイト固定ページコーディング
Slackのグループに招待してもらい、チームで作成をしました。
スクロールして画面が見えるとカウントアップで円形のゲージが貯まるアニメーションの実装がありました。
サンプルは下記になります。
関連記事
直接依頼で制作した、カウントアップと円形に溜まるバーのアニメーションです。#アニメーション #スクロール #カウントアップ #円形プログレスバー #円形に溜まるゲージ
実装・カスタマイズ
お問い合わせフォームに入力された電話番号を国番号に変換してメールで受け取る
サンプルは下記になります。
WordPress投稿記事を年毎に表示する機能の実装
サンプルは下記になります。
他のページと違うヘッダーメニューの実装
LP用のヘッダーを作成して欲しいというご依頼でした。
管理画面から編集できるようにしました。
tcdテーマ(NANO)カスタマイズ
https://demo.tcd-theme.com/tcd065/service/
上記の「創薬治療」「半導体開発」「臨床遺伝子」のリンク先を任意のものに変更するカスタマイズでした。
修正・エラー解消
管理者権限の復活
マルチサイトの中の1つのサイトのみ「管理者」の権限がなくなっていたので復活させました。
PHPメモリエラーの解消
.htaccessファイルから修正しました。
ページネーションエラーの解消(2ページ目に遷移しない)
functions.phpから修正しました。
ページスピードの改善(46点から99点)
- 画像の圧縮
- 画像をwebpに変換
- jQueryをJavaScriptに変換
- Googlefont(Noto Sans JP)の圧縮
- imgタグにwidth属性とheight属性の指定
など
