ゲームプログラミングレシピ集

プチコン4で作るミニゲーム講座記念すべき第1回目は「あっちむいてホイ」に決定しました。プログラミングの基本的な仕組みを学べることと、前回軽く作り方を説明したからというのもありますが。まずはCUIで作りましょう。

今回からはプチコン4でミニゲームを作っていく準備編という事で文章のみになりますがお許しください。プチコン4の講座はあるけど完成するまでに記事数が多すぎてつらいというプチコン4ユーザーの方から講座サイトの欠点を見出していただけました。

個人的に楽しくなくないというのは色んな面でよろしくないなと行きつきました。というのも、Wordpressを再勉強しようと思って講座を立ち上げたのは良いのですが、思ったよりも面白くないなと自分の中で一気に冷めてしまいました。

BootStrapを使うかどうかはお好みに任せますが、とりあえずCSSフレームワークの恩恵を感じてみましょう。如何に普通のCSSを書くのがバカらしくなるかを体感出来てしまうので堕落してしまう可能性があります(笑)意外と私みたいに結局全部自分でやったほうがいいわ！

今回はCSSフレームワークという概念を学びましょう。というのも、CSSって1からすべて組んでいたら思ったより時間がかかります。頭の中でレンダリングできる人やPhotoshop・イラストレーター等でガッチリとデザインを固めればプログラミングみたいにスラスラとコーディングしまっていけるのですが、普通の人はそんなスラスラとCSSを書くことはできません。

フッターにはサイトのカテゴリリンクが張って合ったり、著作者の情報があったり、サイトのコピーライトが掛かれていたりという事が多いです。しかしサイトのコンテンツが少ないとカテゴリをちょろっと書いても寂しいだけなので、最初のうちはコピーライトだけでいいかもしれません。

前回はコンテンツ側、つまり記事リストの方をスタイリングしました。今回はサイドバーを整えていきます。やることは前回とほぼ同じで余白と間隔でスタイリングです。

余白と間隔はレイアウトにおいてとても大切です。何でもかんでも詰め込もうとする人はそれだけでデザインセンスが皆無です。今回は余白と間隔がなさすぎるので記事リストに取り入れてキレイにスタイリングの回です。

前回はグローバルナビゲーションを絶対配置でいい感じに配置しました。しかしこのままではUL～LIタグのデフォルトリストスタイルが適用されていてブサイクな状態です。今回は余計なCSSをリセットしてキレイなメニューに仕上げます。

前回はヘッダを整えてブログっぽくなりました。しかしメニューとかが背景の青で見えにくくなっているし、画面全体に広がってしまっているのでデザインしてやります。