Information

13c94c96 cc25 4be1 8cb6 ef58bf5e5cd0
  • 作者
  • 32252f49 42a4 4471 94a7 6759904a593f KPD inc.
  • 作品リンク
  • 13c94c96 cc25 4be1 8cb6 ef58bf5e5cd0 My のし Maker
  • 概要
  • My のし Makerは、Microsoft Office の図形操作に近い直感的な操作で画像や名前を入れたのし紙が作れるWebアプリケーションです。
    アプリケーションをダウンロードすることも、登録の必要もないので、すぐにでもブラウザ上でのし紙の作成作業ができます。
    会社のロゴマークを入れたお中元・お歳暮用のし紙の作成や、お子様の写真を入れた内祝い用のし紙など、ぜひお試しください。

  • タグ
  • こだわり・開発背景
  • ユーザーの自由度を高めるため、シンプルなボタン操作と簡便なオブジェクト操作を基本にしたインターフェースに心掛けました。
    作成されたオブジェクトの周囲には、ワード、エクセルの図形操作に似たハンドルが現れ、移動、拡大縮小、変形、回転が可能です。
    また、Shift キーを押しながらオブジェクトを1つずつ選択したりマウスで複数のオブジェクトを範囲選択することで、まとめて移動、拡大縮小、変形、回転ができます。
    オブジェクトの削除は、ひとつずつオブジェクトを選択して削除する[選択削除]と、すべてのオブジェクトを一気に削除する[全体削除]を用意しました。
    オブジェクトは、[前面]や[背面]ボタンで重なり具合の順序を入れ替えるができるため、画像の上に文字をのせることも簡単にできます。
    サイト運営に役立つデータをとるため、クライアントサイドの Javascript でレンダリングした画像データをサーバーサイドのPHPが受け取り、一時サーバに保存するようにしています。

    ブラウザ上で動作するWebアプリケーションの最大の特徴として、OSが違っても動作するマルチプラットホーム(Windows、Mac、Android、iOSなどどのOS上でも動作)があげられます。
    一方、Webアプリケーションはブラウザの制約を受けるため、 JavaScript がメインの「My のし Maker」の動作は、どうしてもブラウザに依存してしまいます。
    Webフォントは、ブラウザのメモリを消費するため、のし紙の表書きによく使用される行書体1種類のみにするなど、できる限り多くのブラウザで使用できるように考慮しました。
    推奨ブラウザは最新版「Google Chrome」「Fire Fox」「Microsoft Edge」になります。「Internet Explorer 」は非推奨としました。