[jQuery] Webサイトの特殊効果（スクロールに応じたアニメーション、pjax、モーダルなど）の仕事

見積もり募集の結果

実際の発注内容

依頼の予算

100,000 円 ~ 200,000 円

実際の支払い金額

100,000 円 ~ 200,000 円

製作期間

33日

実際の受注者

iyken

ブロンズ 認証済み、受注実績のあるランサーです Python好きです

• 希望時間単価 3,500円~
• 実績 8
• 評価満足率 88 %
• プロジェクト完了率 88%

• 機密保持
• 本人確認
• 電話

プログラミング好きです。Pythonなどのlightweight languageが得意です。 Webエンジニアリング関係のお仕事を得意としております。 下記が主に対応できるものになります。 Python, PHP, Javascript, Ruby mySQL, Postgres, Laravel, CodeIgniter, CakePHP Django, Flask,... 続きを読む

スキル

Python

... もっと見る

発注者の声

最後の細かな調整まで誠実にご対応いただき理想の形に仕上がりました。 ご依頼いしてよかったです。

見積もり募集の内容

依頼の目的・背景

WordPressを利用したポートフォリオ（作品紹介）サイトをレスポンシブで作成します。
コーディングはこちらで対応しますので、
JavaScriptによる演出をお願いしたいです。

現在デザインが決まった段階で、
これからコーディング、WordPress実装という流れになるので、
実際にWordPressと連動した動作確認は5/21（月）～5/25（金）からとなります。
それまでの間、細かな仕様の策定や、進められる部分の開発進めたいです。


＜ご依頼したい内容＞
■infinite scroll（無限スクロール）
作品一覧（アーカイブ）をスクロールに応じて、追加で要素を読み込みます。
結果が同じであれば、infinite scroll以外での対応でも大丈夫です。


■モーダルによるページ表示
作品一覧（アーカイブ）から要素をクリックすると
詳細ページ（シングルページ）をモーダルで表示


■pjaxによるページ遷移、ブラウザの履歴連動
ページ移動やモーダル表示をpjaxで遷移
ブラウザの戻るボタンとの連動などhistory apiの対応
モーダル表示中のURLに直接アクセスの際はモーダルでページを表示


■スワイプによるページ移動
サイトはレスポンシブで対応します。
スマホでモーダル表示中に、左右のスワイプで、前後ページに移動します（pjax）。


■スクロールに応じたアニメーション
ページをスクロールして、要素が表示領域に入った時に、
アニメーションしながら表示
表示エリアの判定をJSで行い、アニメーションはCSSで対応

※CSSアニメーションの対応はこちらでも可能です。
JSは得意でも、アニメーションに不慣れな場合はご相談ください。


■表示する写真の総数と現在位置の表示
モーダルで表示する詳細ページには写真が複数枚、縦に並びます。
写真の総数（不確定）と、
スクロールで表示している写真が何枚目の写真かを表示します。


■追加読み込み後、pjax移動後にも動作させる
以上の内容が、
要素の追加読み込み、pjaxのページ移動後にも動作する対応をお願いします。



以上がご依頼内容になります。

サイト公開後の管理はこちらで行う為、
修正依頼があった場合に対応できるよう、
ある程度理解のできる、jQueryで対応をお願いしたいです。
その他の言語を推奨される場合には、
jQueryと比べて、なにがメリットになるのかを添えてください。

ご依頼の対応のみでなく、こういう対策も必要ではないか？など、
ご指摘、ご提案があると嬉しいです。

よろしくお願いします。

サイトの種類

CMS

作業範囲

• フロントエンド開発

用意してあるもの

• デザイン
• 仕様書
• サーバー
• ドメイン

参考URL

設定なし

希望開発言語

JavaScript

フレームワーク

ランサーに相談して決めたい

開発の継続性

この開発の後も、継続的に依頼したいと思っております。

補足説明

設定なし

申し訳ございません。納期の設定が間違っていました。
ご依頼の対応は5/25（金）までとさせてください。
サイトリリースが5月末になります。