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

  関連記事

藤井猛九段
私が振り飛車党になった5つの理由

さて明日は安倍政権の評価を問う衆院選の投票日ですね。有権者のみなさん、もう投票先 …

WordPress
今週木曜は新年最初の「WordPressもくもく勉強会@群馬」です!

毎月最終木曜に開催している「WordPressもくもく勉強会@群馬」、今月は1月 …

コワーキングスペース Co-Edo
コワーキングスペース 茅場町Co-Edoに行ってきました

コワーキングスペース茅場町 Co-Edo すっかり投稿が遅くなってしまいましたが …

甲子園
「いらすとや」で振り返る甲子園歴代名場面集

とってもかわいいイラストで大人気のフリー素材集「いらすとや」さんですが、どんな場 …

ぐんまちゃん
今年も使おう!ぐんまちゃんの年賀状デザイン2015年版

【2015/12/14更新】 最新の年賀状デザインについてはこちらの記事をご覧く …

コワーキングスペース7F
大宮の コワーキングスペース 7Fに行ってきました!

大宮のコワーキングスペース7Fに行ってきました! コワーキングスペース7F | …

Gmail
Gmail の受信トレイを空っぽにする使い方がとても快適な件

みなさんのメールボックスの中はどんな感じでしょうか? 自分は今年の5月に転職して …

高校野球応援まとめサイト
高校野球応援動画まとめサイト「OUEN」という新サイトを作りました

先日、こんな高校野球応援動画まとめサイトを作りました。 高校野球応援動画まとめサ …

ほねほねザウルス
ほねほねコレクションに投稿写真が載ったので記念スクリーンショット

ほねほねひろば「今月のほねほねコレクション」に息子の写真も載っていたので記念のス …

モリシタ集め
8/29に開かれた電王戦の記者発表会内容まとめ

将棋電王戦に関する記者発表会2014 – 2014/08/29 14 …