WORKS実績

子ども向けお楽しみコンテンツ

交通系の企業様にて、子どもに興味を持ってもらうためのコンテンツとして、PC/スマホ/タブレットで遊べるクイズ、点つなぎ、ぬりえのコンテンツを制作/開発いたしました。
子ども向け、ということで、長時間続けて遊んでいる場合は「休けいしましょう」というメッセージを表示したり、途中で閉じてしまっても続きから再開できるような機能も実装しました。

いずれもES6で記述し、webpack+Babelでトランスパイルと圧縮を行う、という昨今メジャーな作りとなっています。

クイズコンテンツ

最初は簡単な問題から挑戦してもらい、クリアできたらもっと難しい問題に挑戦できる、というような段位制になっています。Vue.js を使用し、ストレスなくサクサクと回答していけるような実装にしました。

点つなぎコンテンツ

点に数字やアルファベットが書いており、その順番通りにクリックしていくと絵が完成する、というコンテンツで、 Fabric.js というライブラリを使用して HTML 5 の Canvas に描画しました。

ぬりえコンテンツ

Vue.js+SVGで、スタイルを当てたり、要素を追加する形で塗りつぶし機能やスタンプ機能を実装しました。
完成したデータはPNGファイルとしてダウンロードできるようになっています。

DATA

カテゴリ システム開発 ブランドサイト
内容 子ども向けサイトの制作とお楽しみコンテンツの開発
リリース 2019年3月
担当範囲 静的コーディング/各種機能実装

お問い合わせ

制作のご相談・お見積りなどお気軽にご連絡ください。

株式会社 アリスタイル

その他の制作実績