JSパーツ集

mv_img

通常の機能ではもの足りない！
もっとサイトをこだわりたいお客様へ

ferret Oneでは、多数の機能によってお客様のサイト制作を
お手伝いさせていただいておりますが、「デザイン面をより
リッチにしたい」などのご要望をいただくことがございます。

ご要望にお応えして、
JavaScriptパーツによる追加拡張を承っております。
下記「JavaScriptパーツ利用規約」にご同意のうえ、
JavaScriptパーツ一覧からご希望のパーツをお選びください。

※他社サイトの動きの再現は行っておりません。こちらに掲載分のみの実装となりますのでご注意ください。

JavaScriptパーツ利用規約

  • 貴社はJavaScriptを使った外部サービスを貴社の費用と責任で導入をお願いいたします。JavaScriptは、Webページのデザインを自由に変更できてしまうため、弊社側でのサポートは対象外とさせていただきます。

  • 外部サービス導入によって貴社と第三者に紛争が生じた場合や貴社に損害が生じた場合であっても弊社は一切責任を負いません。

  • 貴社が用意したJavaScriptを使った外部サービスを、弊社がセキュリティ的に問題があると判断した場合、弊社の独断でJavaScriptを使った外部サービスの利用を停止させていただきます。なお、弊社の判断でJavaScriptを使った外部サービスの利用を停止した場合であっても、弊社は貴社に対して一切の補償はいたしません。

  • 弊社サービスのバージョンアップに伴い、既存の機能や対応状況が変更される場合がありますが、その動作保証はいたしません。これによる問題はお客様の自己責任で対処をお願いします。

  • 弊社が提供した納品物についても、弊社サービスやその他の外部サービスのバージョンアップによる影響を考慮した保証はおこなっておらず、問題発生時の調査や修正は、具体的な状況に応じて、追加料金を頂く形での対応となる可能性があります。

ナビゲーション
カルーセル（スライダー）
フォーム関連
アニメーション
モーダル関連
その他
バナー関連

メガメニュー

実装金額 165,000円（税抜）～
※別途組込ページ数などで変動いたします。
使用用途 通常のナビゲーションでは掲載するボリュームが足りず、多数の導線を掲載したい際に活用いたします。
実装後変更可能箇所
  • ナビゲーション数の追加 
  • テキストの変更
  • リンク先の変更
  • テキストカラーなどのリッチテキストで編集可能な項目

擬似ナビ（1段）

実装金額 65,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 通常は1アカウントにつき1デザインのみのナビゲーションに対して、別のデザインや多言語対応を用意したい場合に活用します。
実装後変更可能箇所
  • ナビの項目数（最大5項目推奨）
  • 文字スタイル
  • 余白
  • hover時の色
  • ボタンデザイン
  • ハンバーガーメニューの背景色、文字スタイル
  • モバイルビューのアイコンの色

擬似ナビ（2段）

実装金額

65,000円（税抜）〜

※別途組込ページ数などで変動いたします。
使用用途 通常は1アカウントにつき1デザインのみのナビゲーションに対して、別のデザインや多言語対応を用意したい場合に活用します。
実装後変更可能箇所
  • ナビの項目数（最大5項目推奨）
  • 文字スタイル
  • 余白
  • hover時の色
  • ボタンデザイン
  • ハンバーガーメニューの背景色、文字スタイル
  • モバイルビューのアイコンの色
JSパーツの実装を依頼する

フォーム関連

右側にフォーム追従

実装金額

35,000円（税抜）〜

※別途組込ページ数などで変動いたします。
使用用途 画面内にフォームを常時表示させ、よりリード獲得を推進したい場合に活用します。
※追従して表示される都合上、フォームの入力項目数に限りがあります。
実装後変更可能箇所 フォームパーツで編集できる箇所全て
JSパーツの実装を依頼する

モーダル

実装金額

95,000円（税抜）〜

※別途組込ページ数などで変動いたします。
使用用途 より注目させたい情報をポップアップで表示したい場合に活用します。
実装後変更可能箇所 モーダル内の文言・画像（最大4カラム）

モーダル02

実装金額

45,000円（税抜）〜

※別途組込ページ数などで変動いたします。
使用用途
  • より注目させたい情報をポップアップで表示したい場合に活用します。
  • モーダル内で複数カラムの作成不可
実装後変更可能箇所

モーダル内の文言・画像

初回アクセス時モーダル表示（×ボタンで非表示）

実装金額 75,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 サイトへ訪れた方へ注意事項などを表示させたい場合に活用します。
実装後変更可能箇所 画像の差し替え

スクロールでモーダル表示（×ボタンで非表示）

実装金額 75,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 ページを閲覧する途中で、新情報やお問い合わせなど別ページへ誘導をする際に活用します。
実装後変更可能箇所 画像の差し替え
JSパーツの実装を依頼する

ページアクセスから3秒後にバナー表示

実装金額

45,000円（税抜）〜

※別途組込ページ数などで変動いたします。
※バナー制作費は含まれておりませんのでご注意ください。
使用用途

貴社でご用意いただくバナー画像を、ページ表示から3秒後に表示させたい場合に活用します。
実装後変更可能箇所 画像の差し替え／リンク先変更
※画像サイズは固定です
オプション
  •  一定期間のバナー再表示停止：10,000円（税抜）〜
  • フッター直前でバナーの追従停止：10,000円（税抜）〜

スクロール量50%でバナー表示

実装金額

45,000円（税抜）〜

※別途組込ページ数などで変動いたします。
※バナー制作費は含まれておりませんのでご注意ください。
使用用途 貴社でご用意いただくバナー画像を、ページを50%スクロールした際に表示させたい場合に活用します。
実装後変更可能箇所 画像の差し替え／リンク先変更
※画像サイズは固定です
オプション
  •  一定期間のバナー再表示停止：10,000円（税抜）〜
  • フッター直前でバナーの追従停止：10,000円（税抜）〜
JSパーツの実装を依頼する

記事リストスライダー

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途 通常は記事点数によって縦方向に長くなる記事リストを、スライダーで横方向に表示させたい場合に活用します。
実装後変更可能箇所

なし

 

※一度に表示する記事リストの表示枚数、記事リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

記事リストスライダー（カード1型）

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途 通常は記事点数によって縦方向に長くなる記事リストを、スライダーで横方向に表示させたい場合に活用します。
実装後変更可能箇所

なし

 

※一度に表示する記事リストの表示枚数、記事リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

記事リストスライダー（カード2型）

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途 通常は記事点数によって縦方向に長くなる記事リストを、スライダーで横方向に表示させたい場合に活用します。
実装後変更可能箇所

なし

 

※一度に表示する記事リストの表示枚数、記事リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

記事リストスライダー（カード4型）

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途 通常は記事点数によって縦方向に長くなる記事リストを、スライダーで横方向に表示させたい場合に活用します。
実装後変更可能箇所

なし

 

※一度に表示する記事リストの表示枚数、記事リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

記事リストスライダー（リスト型）

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途 通常は記事点数によって縦方向に長くなる記事リストを、スライダーで横方向に表示させたい場合に活用します
実装後変更可能箇所

なし

 

※一度に表示する記事リストの表示枚数、記事リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

記事リストスライダー（フェード）

実装金額 65,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途

通常は記事点数によって縦方向に長くなる記事リストを、スライダーで横方向に表示させたい場合に活用します。
実装後変更可能箇所

なし

 

※一度に表示する記事リストの表示枚数、記事リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

画像+テキストのスライド

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途 記事リストパーツを用いず、画像パーツとテキストパーツで新たにスライドを作成します。
記事リストでは表示できない項目をリスト表示させたい場合に活用します。
実装後変更可能箇所

画像パーツ・テキストパーツで編集できる箇所全て

 

※一度に表示するリストの表示枚数、リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

画像+テキストのスライド（5枚ver.）

実装金額 55,000円（税抜）〜
※スライド自動/手動で変動いたします。
※別途組込ページ数などで変動いたします。
使用用途

記事リストパーツを用いず、画像パーツとテキストパーツで新たにスライドを作成します。

記事リストでは表示できない項目をリスト表示させたい場合に活用します。
実装後変更可能箇所

画像パーツ・テキストパーツで編集できる箇所全て

 

※一度に表示するリストの表示枚数、リスト間の余白はJSでの制御になりますので、固定になります。お客様側で後から変更は不可です。

スライドショー（ズーム＋フェード切り替え）

実装金額

35,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

メインビジュアルに複数の画像をアニメーションで表示したい場合に活用します。
実装後変更可能箇所 メインビジュアルに設定する画像、テキスト

スライドショー（ズーム＋フェード切り替え）
※右側に画像固定ver.

実装金額

35,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

メインビジュアルに複数の画像をアニメーションで表示したい場合に活用します。
実装後変更可能箇所 メインビジュアルに設定する画像、テキスト
JSパーツの実装を依頼する

アニメーション

ロゴスクロール

実装金額 35,000円（税抜）〜 
※別途組込ページ数などで変動いたします。
使用用途 複数の画像を横方向にスクロール表示させたい場合に活用します。
実装後変更可能箇所

スクロール表示させる画像（最大30点）

 

※スピードの変更、掲載数の上限アップは不可

ふわっとフェードイン

実装金額 65,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 ページのスクロール時にコンテンツに動きを持たせたい場合に活用します。
実装後変更可能箇所

なし

 

※実装後の上下左右の出る方向の変更は有償となります。

横スライドアニメーション

実装金額 35,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

ページのスクロール時にコンテンツに動きを持たせたい場合に活用します。
実装後変更可能箇所 なし

背景色ふわっと切り替え

実装金額 35,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

ページのスクロール時に背景色に動きを持たせたい場合に活用します。
実装後変更可能箇所 背景色
JSパーツの実装を依頼する

その他

検索結果画面でメンビジとサイドバー非表示

実装金額 30,000円（税抜）
使用用途 サイト内検索後に表示される検索結果画面のメインビジュアルとサイドバーを非表示にしたい場合に活用します。
実装後変更可能箇所

なし

 

※元の仕様に戻す際は再度ご依頼が必要になります。

タブ切り替え

実装金額 45,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 セクション内をタブで切り替えて複数の情報を表示できるようにしたい場合に活用します。
実装後変更可能箇所

セクション内に配置できるパーツ全て

 

※タブの点数は後から変更できませんのでご注意ください。ご依頼時に担当へお伝えください。

※画像のトリミング対応や、リンク設定対応、それらの数量に応じた追加費用がかかります。

スクロールしたらページTOPボタンを表示

実装金額 25,000円（税抜）
使用用途 通常は常時表示されるページトップへの遷移ボタンを、ページのスクロール時にのみ表示したい場合に活用します。
実装後変更可能箇所 なし

クリックでリンクリストの表示

実装金額 45,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 多言語対応など、別のページへの導線となるリンクリストを常時表示したい場合に活用します。
実装後変更可能箇所
  • リンクリスト内の文言
  • リンクリストからのリンク先

サイドメニュー開閉

実装金額 45,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

別のページへの導線となるサイドメニューを設置したい場合に活用します。
実装後変更可能箇所
  • サイドメニューのテキスト
  • サイドメニューからのリンク先
  • サイドメニュー内のアイコン

パンくずリストの移動

実装金額 25,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途 通常はページの左上に表示されるパンくずリストの位置を変更したい場合に活用します。
実装後変更可能箇所 なし

パンくずリストのテキスト変更

実装金額 25,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

パンくずリストにデフォルトで表示される文言を変更したい場合に活用します。変更する際に変更する文言のご指示も合わせてご依頼ください。
実装後変更可能箇所

なし

カレントナビゲーションハイライト表示

実装金額 35,000円（税抜）〜
※別途組込ページ数などで変動いたします。
使用用途

今開いているのがどのページかがわかる目印をナビゲーション内に表示したい場合に活用します。
実装後変更可能箇所

なし

アコーディオン

実装金額

35,000円（税抜）〜

※別途組込ページ数などで変動いたします。
使用用途

Q&Aや情報量が多い際に、開閉式で情報を掲載する場合に使用いたします。
実装後変更可能箇所

見出し、テキスト
JSパーツの実装を依頼する

JSパーツ実装依頼フォーム

下記フォームにご記入ください。（1分）

サービスメニューを入力してください。【例】メガメニュー、ロゴスクロールなど
他ページへの設置であったり、何点か合わせてご依頼いただく際は、こちらに該当ページURLとメニュー名をご記載ください。

サイトの更新・運用でお悩みの方は、
お気軽にご相談ください

ferret One の操作がわからない
ferret One　ヘルプセンター
ページ・LP・サイトの
リニューアルを相談したい
相談予約

ferret Oneの
制作グループって
どんなグループ？

    ページTOPへ戻るボタン

    © Basic Inc. All Rights Reserved.