機能詳細

グローバルナビゲーション

ブラウザー枠左上固定でそこを基点に常時表示します。
PCでは、スクロールで折りたたみ、マウスホバーで再表示します。
スマホでは、タップでメニュー一覧を開閉します。

表示する動きなどをそのまま継承し、色などを変更します。
全体テイストのため再デザインの必要性がある場合はご要望お伝えください。ただ、デザインだけでなく動作も含めた対応の必要性が出てくるためお見積もり対応となります。

パンくずナビゲーション

色、形状など変更します。

お客様コンタクト用ボタン

ブラウザー枠右上固定で常時表示します。
PCではマウスホバーで開閉します。
クリック/タップで機能します。

電話など他方法も必要な場合、他場所での表示、表示しないなどお伝えください。

SNS発信用ボタン

サイト情報をSNS共有したい場合に設置します。

ブラウザー枠左下固定で常時表示します。
サイト全体の情報ではなくページ毎情報の発信は現在の納品する形式 （SPA* Single Page Applicationの略です。）ではできません。

対象SNSをお伝えください。
またブラウザー枠常時固定表示ではなく、footerなどに表示するなども対応いたします。

外部リンク / サイト内リンク / アンカーリンク

各リンク要素の認識などUIをアップするための見せ方提案です。

PCでは、対象要素のマウスホバーでそのリンクが、ページ内リンクなのか、サイト内リンクなのか、外部サイトリンクなのか認識できるようにアイコン表示します。
スマホではタップ* 長めのタップでアイコン認識は可能です。で動作するため認識はできません。

通常のアンダーライン、色変化動作にするやアイコン、動作カスタマイズなど要望をお伝えください。

ツールチップテキスト / イメージ表示

補足説明を表示する機能です。

[ i ]のアイコン* この形式で表示されます。が補足表示がある印です。

この機能を利用しなくても普通に文中で文章/画像を記載すればいいため、必要ならば使う、イメージでお考えください。
使う場合のカスタマイズ要望があればお伝えください。

イメージ拡大表示

クリック/タップで画像/映像をブラウザーいっぱいに表示します。

PCでは、拡大可能な要素は、マウスホーバーでマウスカーソルが、虫眼鏡に変わります。
デフォルトで説明用画像/映像には適応します。

適応有無は要素個別に調整可能です。

入力フォーム

[ 入力ページ ] > [ 確認ページ ] > [ 送信完了ページ ]の流れで入力内容をメール送信します。
利用する際はWebサーバーにメール送信用のプログラムを設置する必要性があるためWebサーバー仕様を確認します。

フォームの入力項目を変え、デザインを変更して使用していただきます。
このサイトで利用していない入力パーツも使用対応します。

情報一覧（絞り込み機能付き）

お知らせなどお客様が追加変更した文章などを一覧表示します。
構築運用の手順を含めた説明は、こちらをご参照ください。

情報を記述したファイルを差し替えればその内容が表示されます。
また一覧記事をクリック/タップで対象記事を詳細表示するページに遷移します。

一覧表示の項目/レイアウトデザインをカスタマイズして使用します。
一覧ページを作成することを基本として展開しますが、このサイトのTOPページのNews表示のように抜粋して内容を表示させることも可能です。

画像一覧（絞り込み機能付き）

情報一覧機能を画像一覧専門にレイアウトします。

画像、映像をこのレイアウトで扱えます。

表示サイズなどデザイン設計に基づきカスタマイズします。ただしレイアウトプログラムを変更するような内容については見積もり対応になることがあります。

情報 / 画像 詳細表示

一覧表示の個別要素の詳細内容をページ表示します。

表示状態をカスタマイズレイアウトします。
※一覧リスト項目クリック/タップしても詳細表示しない、設定も可能です。

紙芝居表示（スライダー機能）

定位置表示でより多くの情報を見せるために利用する機能です。 実装イメージ

スライド内には、テキスト、画像、映像など組み込んでアニメーションを施して展開できます。

1スライドのサイズや一度に見せる個数などいろいろな見せ方が可能です。
設置場所もページの冒頭やページ中などに置くことができます。
スライド数が多かったり、固有のデザイン/アニメーションで見せ方を工夫される場合は、見積もり対象となります。

スクロール開始アニメーション

ブラウザーの縦スクロールに伴い、表示物を動かします。

スクロール位置でアニメーションを開始する機能です。

複雑な動きは再現できない場合があります。対応可能かどうか見積もりの可能性も含め調整します。

スクロール連動アニメーション

ブラウザーの縦スクロール位置に連動して、表示物が動きます。

Lax.jsというプラグインを使用して実現しています。

簡易なものは機能テンプレートサービス内で対応いたします。複雑（制作調整に時間がかかりそうなギミック）は見積もり対応となることがあります。

スクロール背景切り替え

ブラウザーの縦スクロール位置で背景を切り替えます。

ある程度のサイズを有するブロック範囲で切り替えが可能です。

あまり頻繁に切り替えることは処理＆閲覧負荷が高くなるため推奨しません。

Instagram埋め込み表示

サイト管理者以外でもホームページ上の情報を更新、伝えることができるツールとして活用が期待できます。 実装イメージ

お客様がご利用されているInstagramから写真などの情報を取得し表示します。
情報を表示する機能のみ実装しています。

活用方法も含め現在調査中です。

X(旧Twitter)埋め込み表示

サイト管理者以外でもホームページ上の情報を更新、伝えることができるツールとして活用が期待できます。 実装イメージ
※2023年Xの仕様変更に伴いホームページ埋め込み活用の利点がなくなっています。

お客様がご利用されているXからタイムライン情報を取得し表示します。

Xのデザインコードで大きな見た目の改善はできません。

閲覧制限ページ

ページの閲覧をユーザ管理機能を使って制限します。

サーバーはGoogle FireBase Authenticationを使用しています。

ログインが可能な関係者のみの閲覧ページを作成可能です。
別サーバーに対応する場合は見積もり対応いたします。

外部テキスト / json情報取得

[ お知らせ ]などサイト運用者が情報を更新するために使用します。

[ お知らせ ]などサイト運用者が情報を更新するために使用します。