各コードは基本ベースにして書いています。一応、動作確認は行っていますが、参考コードとしてご理解して頂き、機能変更・追加・削除・修正・デザイン変更等のカスタマイズは自由に書き換えてもOKです。また、コピー&ペーストも許可しますが、不具合が生じた場合は参考された方がコードの訂正、追加、削除をお願いします。システム構築後は自己責任でお願いします。※ほぼ訂正なしで公開した場合はMOMO PLAN参考のクレジット表記お願いします
各コードの内容はHOMEのメニューJSコード公開からお入りください
- 1 受付順番登録
- 受付順番待ち登録は、クライアント側~管理者側(サーバー)間で、リアルタイムで情報を共有するシステムです。

- 2 データ管理フォーム
- 仕様
1.ID(10桁指定) 氏名 職業(選択方式) 郵便番号(基本フォーマット) 電話番号(12桁) 住所(最大100文字) 備考(最大100文字)
2.全ての入力完了後に登録ボタン可
3.データの個別削除
4.全データの削除
5.IDの降順ソート
6.職業種別の検索機能
7.データ管理 サーバー(CSV)

- 3 画像リンクリレー
- 画像(image)リレーの紹介とオープンソースに関して
このアプリケーション プログラム(以下アプリ)は初期画像から右回り、左回りの画像リンクの輪を構築する画像リレーです。そして、共通な画像テーマを繋げることにより、お互いの画像を通してコミュニティを広げていくのが目的です。

- 4 交番シフト制 システム
- このシステムは、平日136・土曜日100・日祭日90の各仕事があり、平日、土日祭日を組み合わせて、年間を通して循環するシフト制スケジュールです。136人が365日公平で、整合性の取れる内容としています。この仕様の特徴は土日祭日の休みのルールがない、年間を通しての仕事を月単位の休みの取得や連続勤務の制限等を組み込事によって、規則性が取れた形になっています。

- 5 勤務時間管理
- この勤務時間管理は、時間設定に基づいて拘束時間や残業時間、深夜加給時間などを計算して各賃金を算出する簡易型のシステムです。また、この仕様はメモリ管理するローカルストレージやサーバーを介していません。端末上のブラウザで動作する環境なので、追加の構築などはご自身でアレンジして下さい。

- 6 スロット参考ソース
- このスロットゲームの基本機能は大体揃っているつもりです。履歴の削除ボタン・ストップボタン・スコアー表示・スタートボタン・履歴表示・リセットボタン・数値投入ボタンなど。 また、画面を丸ごとそのままの使用や、画面内機能の追加・絵柄画像の利用や変更・リンク削除など、ご自由に作成・公開されてもロイヤリティフリーで提供していますのでご安心ください。

- 7 素材登録サイト サンプル
- 少し前まで、この手の登録サイトが数知れず存在したけど今ではあまり見られなくなった。その内容は、サイトの管理者に自身のサイト情報を送り、審査登録された後、カテゴリ別に分けてアクセス順や人気順などランク表示されて、登録者はSEO対策やHPの紹介などに利用していた。
そんな訳で、基本的な登録サイト作成してみた。機能の追加やセキュリティ対策など構築すると利便性が高まるかも知れません。以下に、基本的な仕様と各コードを公開します。

- 8 カレンダー検索ツール
- 日付を入力すると過去の日付や先の日付を様々なカレンダー内容が表示できるツールです。

- 9 すれ違い・追いつきシュミレーション
- すれ違い・追いつきシュミレーションは、円状の道路を円の中心点から直線上の左右にA地点とB地点を設けて、円周の道路の距離、出発時間、出発速度をA・Bそれぞれ設定し、さらに円周の同方向または逆方向選択後、途中の休憩距離、休憩時間、休憩先からの出発速度を設定して、何時何府何秒にすれ違うか、追いつくかをシュミレーションします。

- 10 柴犬で集まれワン・ワン
- 柴犬で集まれワン・ワンは愛犬画像をアップロードして、両隣の画像登録者とのチャットを楽しむシステムです。この公開システムは基本構造のみで、クライアント側とサーバー側を介して行う事を前提に構築の選択を選べるように基礎設定の段階となっています。

- 11 MOMOちゃんねる
- MOMOちゃんねるは掲示板です。クライアント側の機能は単純で、書き込み、読み込み、Re:と、書き込み数制限などです。サーバー側では個別削除、全削除、削除用パスワード設定、ログインフォームなどです。

- 12 パスワード管理 PhP
- サーバー側の(例)会員専用フォームにパスワードを設定して閲覧制限するパスワード管理
1.パスワード登録
2.パスワードの変更(現パスワード・新パスワード)
3.パスワードログイン
4.パスワード削除
5.パスワード管理(自動生成、ハッシュ化)
6.登録、削除後の各ファイルの権限仕様(登録後はパスワード登録フォームは非表示)
7.各種パスワードエラー表示

- 13 4×4スロット
- モモ企画お馴染みの花絵柄・柴犬をモチーフに作成したスロットです。このスロットはゲームとして多少は遊べると思いますが、本来はゲームソースの説明が主旨となります。従って、このソースをベースに、更にアレンジして頂くことを目的としています。

- 14 HTML JS CSS スロット参考ソース
- 説明
このゲームのソースHTML・JS・CSSは、フリーで公開しているためコピペで自由に使用したり、画面デザインやコードの変更・追加・削除・ロゴリンク等といった大幅なアレンジも制限がありません。
このスロットゲームの基本機能は大体揃っているつもりです。履歴の削除ボタン・ストップボタン・スコアー表示・スタートボタン・履歴表示・リセットボタン・数値投入ボタンなど。 また、画面を丸ごとそのままの使用や、画面内機能の追加・絵柄画像の利用や変更・リンク削除など、ご自由に作成・公開されてもロイヤリティフリーで提供していますのでご安心ください。

- 15 テンプレート(勤務管理)
- 簡易的な勤務管理テンプレートを作成しました。名前の通り、全ての機能は動作しませんので、参考程度で見て下さい。
1.ID入力(半角英数・10桁制限)
2.氏名入力
3.登録ボタン
4.ID選択で氏名表示
5.個別ID削除・全削除(ローカルストレージ使用)
6.日付・カレンダーフラグイン使用

- 16 フリップ時計
- 普通の時計です。変更、追加、デザイン等ご自由にどうぞ。コピー&ペーストOK!
画像は、0.png~59.pngが必要です。

- 17 マウス・タッチ追従型スライダー
- マウスホバーで画像が追従して、左右端の画像にホバーすると自動スライドできるスライダーです。

- 18 枠線ボックス+スライダー
- 1.枠中央にテキストを入れる
2.スライダーコード

- 19 スクロール HTML・JS・CSS
- どんな長文や画像のみでもスムーズにスクロールします。見本画面はWP上で重複動作していてスクロール動作やジャンプ先の位置がWPのヘッダーメニューに隠れて正確な動作が微妙ですが、単体のHTMLではスムーズに動作します

- 20 円周率の桁数を作成
- 指定した桁数を表示。高速仕様

- 21 交番ローテーション(氏名入力+検索版)
- 第二弾です
平日交番 土曜交番 日祭日交番を設けて、当日全て重複しないで交番を組む連番循環方式で、年間を通してローテーションする一種の勤務表です。

- 22 サイコロ転がし
- 機能は特にありません。サイコロを転がすボタン・サイコロの目を予想する入力ボタン・当たりの演出だけです。

- 23 メール登録|登録返信メールのコード
- クライアント側で氏名、ID、メールアドレスを入力した内容をサーバー登録後、入力内容を自動返信(メール)する仕様です。。

- 24 HIDDEN ECHO タイル消しゲーム
- 同じ色をドラッグ&ドロップしてカラータイルを消去していくゲーム
ドロップすると、タイルに数値が現れて隣り合わせのタイルの数字が同数の場合、ペアにして数値条件に従って消去や再表示していくゲーム。最終的には時間内にすべてのタイルを消去していくHTML CSS JSコードです。※デモサイトあり

- 25 ダウンロード メール認証
- メール認証第二弾です。ファイルや圧縮ファイル(zip)をダウンロードする際、安易なダウンロードを避けるためにメールで認証確認をして返信メールにてダウンロードするPHPコードの紹介です。

- 26 周り将棋用 金将駒振りJSコード素材
- サイコロ振りに続いて第2弾、周り将棋用の駒振りコードです。この素材は駒を落として金将画像の裏・表・縦・横・斜めになった設定数字を合計するコードを分かりやすくキャンバス上に埋め込んで作りました。また駒を振って落とす関数部分をコピーして目的に合ったプログラムに入れる事も可能です。

- 27 第3弾 年次交番表ローテーション
- 年間公休については、指定した日数を全員が完全に一致して取得することは非常に難しく、実現には事業者側の負担と配慮が必要である。
そのため、公休の不足分については手当等による補填で対応できる一方、問題となるのは公休の超過分である。超過分については「フリー」として扱い、予備補助1名に加え、日々いずれかの交番において必ず休暇取得者が発生することを考慮し、その人員を充当員として活用する。
さらに、従業員が実際にその超過分を休暇として取得したい場合には、事業者都合による公休超過として、有休0.5日分相当で取り扱う。例えば有給休暇が20日の場合は、19.5日として扱う考え方である。
このように、公休の調整は事業者側にとって一定の負担を伴うが、最も重要なのは従業員側の福利厚生を確保することである。
一方、全体のローテーションについては、公平な配置を実現できた。また、公休・予備以外での作業内容の勤務サイクルについては、事業者側で後付け設定できる構成としている。

- 28 文字ストップ(HTML・JS・CSS)
- 文字がランダムに表示してマッチした文字を当てるアプリ
1.表示したいローマ字、ひらがな、カタカナの各選択
2.ランダムで止める対象の文字を表示
3.文字表示の領域枠
4.スタート・ストップ・クリアの各ボタン
5.正解・不正解・正解率の表示
6.表示スピード調整(プログレスバー)
7.メッセージ表示

- 29 リンク階層図アナライザー
- WEBページのリンク階層をフローチャート化して一覧表示します。
詳細はTOPページのJSコード公開→その他で確認してください

- 30 将棋盤素材
- 将棋盤のCanvasHTML(統合型)コードで、追加・修正・変更・すべてOKです。将棋盤素材としてご自由にお使いください。

- 31 アンティーク天秤パズル ANTIQUE BALANCE
- 天秤の皿に左右に配置されたアイテム画像をドラッグ&ドロップしてグラム(重さ)が一致したら完成です
どちらか片方だけアイテムを載せても動きません。両方載せると動作います。また、一度載せたアイテムは元には戻せません。
アイテム画像はその都度シャッフルされ、1グラムから60グラムまで変化します。天秤の目盛りは目盛り1つ2gで、左右の差が100g以上でゲームオーバーとなり、また天秤の目盛りが50を指したら終了です

- 32 Color Slide Challenge
- 7×7の49マスの中に赤・青・黄色・緑の色または画像が各12個×4で48個の色がシャッフルで配置されている
いずれかの色または画像をマスの上下・左右に動かせて、全体マスの中央が空白になるように同色の4ブロックを成立させるゲームです。

| 利用規約 |
| 1.個人・法人に限らず利用者は自由に使用することができますが、一部の画像に関しては著作権は放棄していません。 2.画像の利用については紹介コード内に記述している場合があります。 3.著作権表示は参考コードを変更せずに公開した場合は管理者の著作表示が必要です 4.プログラムを改造して利用する事に制限はありません。 5.プログラムコードを改造し再配布することは可能ですが、改造した開発者の配布規定の条件に同意することを明記してください。 6.紹介したプログラムが、すべての環境で動作する事は保証していません。基本はWindows上の動作です。 7.当サイトのプログラムを利用した事によって、いかなる損害も管理者MOMOは一切の責任を負いません。 8.紹介したプログラムを変更せずに、著しく不利益があると判断した場合には管理者MOMOが紹介したプログラムの使用を中止して頂く事があります。 9.紹介プログラムコードに対して修正や追加等のサポートは行なっておりません。 10.管理者の都合で予告なく利用規約を変更する場合があります。 |
