rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

「将棋メーカー」という将棋の駒画像ジェネレーターサイトを作りました

  • このエントリーをはてなブックマークに追加
  • Pocket

仕事が忙しいからとか何やら自分に言い訳をして、気が付けば前回ブログを更新してから1ヶ月も経っていました。上手に時間を管理できていればブログを書く時間くらい確保できるはずで、まったくお恥ずかしい限りですね・・・。反省。

さて、そんな忙しかったとか言っておきながらさっそく矛盾するんですが(笑)、先日「将棋メーカー」という新しいサイトを作ってみたのでご紹介します。

将棋メーカーについて

将棋メーカー

将棋メーカーはブラウザ上でオリジナルの将棋の駒を簡単に作ることができるサイトです。いわゆる「◯◯ジェネレーター」系のサービスですね。

作り方はとても簡単です。画面のフォームにタイトル、駒の作り方(1種類の駒に同じ文字を入れるか、別々の文字を入れるかを選択)、駒に入れる文字を入力して「画像を作成する」ボタンを押します。

将棋メーカー

こんな感じですぐ画像ができあがります。

将棋メーカー

気に入った画像ができたら、「この画像を保存する」ボタンを押せば、その画像が保存されて、ギャラリーページに登録もされます。

ちなみに、こちらは自分が試しに作ってみた「卵料理」という将棋です。我ながらななかなのラインナップかと思いますがいかがでしょう(笑)

将棋メーカー

こんな感じで、気軽に色々な将棋を作ってみてもらえると嬉しいですねー。

使用ツール、素材など

参考までに作成に使ったツールや素材など。

CodeIgniter

サイトのベースは「CodeIgniter」を使ってます。軽量で使い勝手が良く、個人で何か作るときはかなり利用させてもらっている PHP フレームワークです。

EaselJS

駒に文字を重ねる処理は「EaselJS」という JavaScript のライブラリを使いました。

一昔前だと画像にテキスト加工する処理なら PHP で GD 使って・・・といった発想でしたが、今どきは HTML5 と JavaScript で色々できちゃいますね。

Bootstrap stanley template

サイトデザインはあまり時間をかけたくなかったので、ネットでさくっと見つかったこちらのテンプレートをお借りしました。スッキリしていて気に入っています。

将棋アプリ用クリエイティブコモンズ画像

将棋盤、将棋の駒画像はこちらを使っています。とてもきれいだし見やすい画像で感謝です。

というわけで、今後とも「将棋メーカー」をどうぞよろしくお願いします!

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

wordpress-logo-stacked-rgb
WordPressもくもく勉強会@群馬 #4 を開催しました

WordPressもくもく勉強会@群馬 #4 : ATND 自分の中で毎月最終木 …

われ敗れたり
電王戦の本当の勝利者は将棋ファンと米長氏。「われ敗れたり」を読んで。

今年の第3回電王戦が終わってしばらく経ってしまいましたが、今さらながら読みました …

棋士出身地マップ
棋士データベースで遊ぶ(5)〜棋士出身地マップに女流棋士を追加〜

※この記事は「将棋 Advent Calendar 2016 – A …

名刺
前川企画印刷さんにブロガー名刺を発注してみました。

この頃、打ち合わせやらイベントやらで、以前より外出する機会が増えてきたので、ちゃ …

当選
お年玉付き年賀はがきの当選番号が発表されたので忘れずに調べておきましょう!

毎年恒例、お年玉付き年賀はがきの当選番号が発表されていたので、調べてみました。 …

妖怪ウォッチ
今度はマクドナルドで妖怪ウォッチの2015年カレンダーが発売!11月6日までの予約特典も。

妖怪ウォッチカレンダー2015 | McDonald's マクドナルド …

高校野球定番まとめページ
甲子園の前哨戦に!高校野球の定番まとめページ2015年版

先日、全国49地区の代表校が全て決まり、8月6日からはいよいよ高校野球ファンお楽 …

濃厚チーズ気分
カリカリチーズの香ばしさが絶品な「濃厚チーズ気分」の病みつき感がヤバイ!

チーズって美味しいですよね。カレーやハンバーグに乗せてとろけさせても美味しいし、 …

クリスマス
忘年会やクリスマスの準備に!妖怪ウォッチの余興をするのに役立つ情報まとめ

お坊さんも駆け回るほど忙しいという師走になりましたが、年末の忘年会やらパーティー …

妖怪ウォッチ2 真打
クリスマス商戦の真打ち登場か?3DS「妖怪ウォッチ2」の第3弾「妖怪ウォッチ2 真打」が12月13日発売に!

我が家の息子も絶賛ハマリ中の 3DS のゲーム「妖怪ウォッチ2」ですが、「元祖」 …