マウスホイールでのスクロールに余韻

マウスホイールでスクロールさせたときに余韻を持たせた動きにします。

img
[現在の設定]
スクロールスピード(小)

いくらマウスホイールをまわしてもちょっとずつしか動かないので、いらいらします。

スクロールのスピード(適度)

スクロールの余韻なし

スクロールのスピード(大)

違いが分かりますか?
※スマホやタブレットでは、既にこの機能がついているので分かりにくいです。パソコンでお試しください。

既存のホームページにも簡単に組み込めますが、これだけで1ランク上のサイトになった感じがします。
Firefoxのブラウザには既にこの機能が控えめについていますね。

超簡単プログラム

ジブリチェッカー

ジブリ作品のマニア度をチェックします。

スラムダンクチェッカー

スラムダンクのマニア度をチェックします。

ライツアウトを作りました。

盤面を全て光らせるゲームです。

ボールゲームを作りました。

誰でも直感的にプレイができるゲームです。マウスと十字キーでのみ操作可能です。

3dモデルをWeb上で表示しました。

様々な角度からモデルの確認を行うことが可能です。

インスタのように画像を表示

インスタのように画像を表示します。

数字のカウントアップ

数字に注目してほしいときに使えそうな表示方法です。

フルスクリーンモーダル

動きのついたフルスクリーンモーダルです

カラーピッカー

お気に入りの色をみつけてみてください。

福笑い

顔のパーツ、アイテムを自由に置くことが出来ます。

見出しカラー

色を自由に変えることが出来ます。

カラフル波紋

クリックするごとに色が変わる波紋を表示します。

スライドショー

ホームページでよく見るスライドショーを楽しめます。

画像拡大

ボタンを押すと、画像が拡大します。

画像が回転

アクセルするごとに画像が変わり、画像が回転します。

ボタンを選択するとかわる

ボタンにマウスをのせると変化します。

ルーレット(スロット仕様)

登録した項目でルーレットを回します。

写真から人物の顔を見つけるシステム

顔認証をして、顔の位置を読み取ることで人数をかぞえ上げたりすることができます。

写真の中からドミナントカラーを抽出する

写真からドミナントカラー(その画像のメインとなる色)を抽出します。

タイルから一目で選べるカラーピッカー

タイルから一目で選びやすいカラーピッカーを表示します。

付箋紙のようなメッセージ

付箋紙のようなメッセージを表示します。

英単語帳

ドラッグやフリックでページめくりができる英単語帳です。

バーコード自動生成

バーコードを自動生成します。

文字にアニメーション効果

文字が入れ替わるたびにさまざまなアニメーションがかかるプログラムです。

球体をくるくる回す

球体をふわふわくるくる回します。

クリックしたテキストを爆破

クリックしたテキストを爆破します。

三分間スピーチのネタ

三分間スピーチのネタに困った時に使います。

ビンゴゲーム

ビンゴゲームで数字を選んでくれます。ビンゴ用紙は各自でご用意ください。

Google翻訳

Google翻訳を組み込んで、多言語対応します。

タイマーメール

送り先と送る時間を指定して、その時間にメールを転送します。

コナミコマンドを埋め込む

↑ ↑ ↓ ↓ ← → ← → B A

複数画像をドラッグ&ドロップでアップロード

マウスで簡単にアップロードできます。

プログレスバーを表示

ページ読み込み中にプログレスバーを表示します。

本をめくるようなUI

本をパラパラめくるようなUIで表示します。

桜の開花予想

「600度の法則」で桜の開花を予想します。

ブルブル震える

いろいろブルブル震えます。

ホワイトボード

HTML5のCanvasを使った共有ホワイトボードです。

メルマガ

縁起のいい日の朝7時にメールでお知らせします。その日は営業に出ましょう。

アクセス元のデータ取得

アクセス元のデータを取得する。

三目並べ

jQueryを使った三目並べです。

テーブルソート

テーブルをかっこよくソートする。

リボンに隠し機能を付ける

リボンにちょっとした仕掛けをします。

画像を浮かせる

画像をふわふわ動かします。

おみくじ

今年一年の運勢を占います。

スクラッチカード

ゴシゴシこすってみてください。

スライドパズル

画像をスライドパズルにします。

GPSルート検索

GPSで現在地を取得し、指定した住所へのルートを表示

マウスホイールでのスクロールに余韻

マウスホイールでのスクロールに余韻を持たせます

今日の献立

「今日何を食べたい?」と言われて困った時に使います。

写真から位置情報を取得

アップロードした写真からGPSの位置情報データを取得します。

お絵かきツール

Canvasを使ったお絵かきツールです。

エクセル生成

アップロードした写真を張り付けて、エクセルファイルを生成します。

サウンドボタン

ボタンを押すと音が流れます。

雪を降らせる

ホームページで雪を降らせます。アップした画像も降らせます。

ストリートビュー表示

住所から緯度経度情報を取得し、Googleマップとストリートビューを同時に表示します。

QRコード自動生成

QRコードを自動生成します。

ストップウォッチ

ストップウォッチです。

お天気表示

ホームページや社内システムにお天気情報を表示します

フラッシュ暗算

フラッシュ暗算です

フラッシュ暗算ハイパー・・・上級者用です

画像を縮小

指定した大きさに画像を縮小します。

じゃんけん

コンピュータとガチンコのじゃんけん対決です。

後出しじゃんけん・・・絶対勝てません
接待じゃんけん・・・ほどよく勝てます
幸運じゃんけん・・・10回に1回の確率でしか勝てません

ページの先頭に戻る


マウスホイールでのスクロールに余韻

  • マウスホイールでスクロールさせたときに、余韻を持たせています。
  • 余韻スクロールのスピードは設定可能です。
  • これだけで、1ランク上のサイトになった感じがします。
  • 最近では多くのサイトに使われている上に戻るボタンを押したときのするするっと上に上がる「するするスクロール」に近いです。

ページの先頭に戻る

今後作成予定の超簡単プログラム

今後作成予定の超簡単プログラム案です。

  1. グラフ作成

    登録したデータやデータベース上のデータを簡単にグラフ化して表示

  2. ルート検索

    行先を登録すると、現在位置を取得してルートを表示します。

  3. タイピング

    タイピング能力をテストします。

ページの先頭に戻る

超簡単プログラムの活用方法

使い方しだいで、業務システムにも温かみが加わり、いろんな効果が期待できます。

  • 社内のコミュニケーションを良くする。

  • お客さんとの会話を弾ませたい。

  • 子供が喜ぶサービスをしたい。

  • リピート客を増やしたい。

ページの先頭に戻る

よくある質問

  • Q. 超簡単プログラムの目的は?

    A. 最近はこんなことが簡単にできるようになってきていることを知ってもらうため。

  • Q. 作成にどれくらいの時間がかかりますか?

    A. 超簡単プログラムは1時間以内に作成することを目的としています。社内のスキルアップの一環としても活用しています。

  • Q. 超簡単プログラムのリクエストしてもいいですか?

    A. ネタを探してますので、ぜひリクエストしてください。

ページの先頭に戻る